/* +++ GLOBALS +++ */

html {height:100%; width:100%; background:url(/images/back.gif) repeat-y #fff;}
body {margin:0px; padding:0px;}
img {border:0px;}
table {border:0px;}
td {vertical-align:top;}
html, body, div, p, h1, h2, h3, ul, ol, span, table, td, form, img, li {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 	font-size: 100%;
	color: #000033;
}

div.content a { color: #6e6e78; text-decoration:none;}
div.content a:hover { color: #000033; text-decoration:underline;}

div.h2 {
margin:0px 0px 10px 0px;
clear:both;
padding: 2px 0px;
}

div.h2 span {
color: #6e6e78;
font-weight:bold;
padding-left:6px;
}

div.nebennavigation {
position:absolute;
top:54px;
left:493px;
font-size: 9px;
font-weight:bold;
color: #fff;
}

div.nebennavigation a {
color: #fff;
text-decoration:none;
margin-right:14px;
margin-left:14px;
}

div.nebennavigation a:hover {
text-decoration:underline;
}

td.pagefooter {
vertical-align:bottom;
padding-bottom:12px;
padding-left:60px;
font-size: 9px;
font-weight:normal;
color: #6e6e78;
}

td.pagefooter a {
color: #6e6e78;
text-decoration:none;
}

td.pagefooter a:hover {
text-decoration:underline;
}

div.content {
font-size:11px;
margin: 20px 30px;
line-height:15px;
}

div.content a img { border:solid 1px #000033; }

div.galeriebox {
width:100px;
height:70px;
float:left;
}

div.galeriebox img { border:solid 1px #000033; }

/*  *** POP-UP *** */

body.popup {
height:100%;
width: 100%;
margin:0px;
padding:0px;
color: #fff;
}

table.popupcontent td {
font-size:12px;
line-height:14px;
font-weight:normal;
color:#fff;
}

table.popupcontent td img { border:solid 1px #6e6e78;}


td.windowclose {
height: 30px;
text-align:center;
vertical-align:middle;
}

td.windowclose a {
color:#6e6e78;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

td.windowclose a:hover {
color:#fff;
text-decoration:underline;
}





/*



/* +++ GLOBALS +++ *

html {height:100%; width:100%; background: #b9c7c1;}
body {margin:0px; padding:0px;}
img {border:0px;}
table {border:0px;}
td {vertical-align:top;}
body {background:url(/images/bg_bambus_re.gif) no-repeat 780px bottom;}
html, body, div, p, h1, h2, h3, ul, ol, span, table, td, form, img, li {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
 	font-size: 100%;
	color: #000;
}

h1 {
	color: #707774;
	font-size: 16px; 
	font-weight:bold;
	margin-bottom: 20px;
}

h2 {
	color: #000;
	font-size: 13px; 
	font-weight:bold;
	margin-top:20px;
	margin-bottom: 4px;
}

h3 {
	color: #000;
	font-size: 12px; 
	font-weight:bold;
	margin-bottom: 0px;
	margin-top: 16px;	
}

h2.kursheadline {
background: url(/images/bg_kursheadline.gif) no-repeat 0px 5px;
padding-left:10px;
}

/* +++ LINKS +++ *

a {color:#707774; text-decoration:none;}
a:hover {text-decoration:underline;}
ul.nebennavigation li a {
	padding-left:12px;
	color: #b9c7c1;
	background:url(/images/pfeil_link_lo.gif) 0px 3px no-repeat;
}

ul.nebennavigation li a:hover {
	text-decoration:none;
	color: #fff;
	background:url(/images/pfeil_link_hi.gif) 0px 3px no-repeat;
}

div.kontakt_column a {color: #fff;}

a.link_pfeil {
	padding-left:12px;
	background:url(/images/pfeil_link_hi.gif) 0px 3px no-repeat;
}


/* +++ LISTEN +++ *

ul.nebennavigation {
	list-style-type: none;
	margin:0;
	padding:0;
}

ul.nebennavigation li{
	color: #fff;
	padding-left:16px;
	margin:0px;
	background: url(/images/bg_nebennavigation_bottom.gif) 0px bottom repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:26px;
}


/* +++ DIVs +++ *
div.kontakt_column {
margin: 22px 16px 10px 16px;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
}

ul.nebennavigation li span {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff; 
padding-left:12px;
background:url(/images/pfeil_link_hi.gif) 0px 3px no-repeat;
}

td.content {
padding: 30px 30px 60px 30px;
font-size:12px;
line-height:18px;
background: url(/images/bg_bambus_li.gif) no-repeat right bottom;
}

td.content ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

td.content ul li{
margin: 4px 0px;
padding-left: 10px;
background: url(/images/bg_ulsquare.gif) no-repeat 0px 7px;
}

td.content ul.linkliste {
margin: 30px 0px;
}

td.content ul.linkliste li{
background: url(/images/bg_ullinkliste.gif) no-repeat 0px 5px;

}










html, body, div, p, h1, h2, h3, ul, ol, span, table, td, form, img, li {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
 	font-size: 100%;
	color: #000;
}

html {height:100%; width:100%; background: #534937;}
body {margin:0px; padding:0px;}
img {border:0px;}
table {border:0px;}
td {vertical-align:top;}
a {color:#D8D3AF; text-decoration:none;}
a:hover {color:#FFF7D7; text-decoration:underline;}
div.content a.link {color:#534937; text-decoration:none;}
div.content a.link:hover {color:#534937; text-decoration:underline;}

div.content a.textlink{font-weight:bold; color:#534937; padding-left: 12px; background: url(/images/bg_link_lo.gif) no-repeat 0px 5px; margin: 0px 2px;}
div.content a.textlink:hover {background: url(/images/bg_link_hi.gif) no-repeat 0px 5px;}
div#kontakt span a {color:#ACA68C; text-decoration:none;}
div#kontakt span a:hover {color:#FFF7D7; text-decoration:underline;}

div.content a.img_link {margin:0px; padding: 0px; background: none;}

body {
background: url(/images/bg_top_hori.gif) repeat-x;
height:100%;
width: 100%;
}


body.popup {
background: url(/images/bg_popup_hori.gif) #534937 repeat-x 0px -10px;
height:100%;
width: 100%;
margin:0px;
padding:0px;
}

h2 {
margin-top:10px;
margin-bottom: 4px;
color: #534937;
font-size:12px;
font-weight:bold;
line-height:24px;
clear:both;
}

div.galeriebox {
width:96px;
height:80px;
float:left;
}

div.galeriebox img { border:solid 1px #534937;}
div.galeriebox a:hover img {border:dotted 1px #534937;}
body.popup img { border:solid 1px #D8D3AF;}
body.popup a:hover img {border:dotted 1px #D8D3AF;}

td.popupimg {text-align:center; vertical-align:middle}

div.content ul {
list-style-type:none;
margin: 0px 0px 20px 0px;
padding:0px;
}

div.content li {
margin: 0px;
padding-left: 10px;
margin: 8px 0px;
display:block;
background: url(/images/bg_li.gif) no-repeat 0px 6px;
color:#000;
}

#logo {
width: 286px;
height: 96px;
position:absolute;
left: 27px;
top: 24px;
background: url(/images/logo.jpg) no-repeat;
color:#000;
}

#navigation {
position: absolute;
left: 108px;
top: 117px;
background:#555;
}

#kontakt {
position: absolute;
left: 512px;
top: 500px;
}

#adressevorort {
position: absolute;
left: 512px;
top: 380px;
}

#block_obenrechts {
width: 376px;
height: 306px;
position:absolute;
left: 375px;
top: 42px;
background: url(/images/bg_block_obenrechts.jpg) no-repeat;
}

#motiv {
position:absolute;
left: 403px;
top: 70px;
}

div.content, div.content td {
margin:0px 30px 40px 30px; color:#000; font-size:12px; line-height:18px;
}


body.popup {
background: url(/images/bg_popup_hori.gif) repeat-x;
height:100%;
width: 100%;
margin:0px;
padding:0px;
}


#nebennavigation {
position:absolute;
left: 443px;
top:3px;
font: 9px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}

#nebennavigation a{
color: #fff;
}

#logo_knuetter {
position:absolute;
left: 34px;
top: 51px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#logo_mesa {
position:absolute;
left: 640px;
top: 51px;
}

#motiv {
position:absolute;
top: 137px;
width: 745px;
height: 102px;
}

#navigation {
position: absolute;
top: 260px;
left: 33px;
width: 584px;
height: 29px;
background: url(/images/bg_navigation.gif) repeat-x;
}

#motiv_line01, #motiv_line02, #motiv_line03 {
position:absolute;
top: 136px;
width:3px;
height: 104px;
background: url(/images/bg_motivline.gif) repeat-y;
}

#motiv_line01{left: 423px;}
#motiv_line02{left: 614px;}
#motiv_line03{left: 745px;}

#textfeld { 
width:510px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
}

#textfeld div.image {
position:relative;
left:10px;
top:-20px;
float:right;
}

#textfeld h1 {
margin-bottom: 30px;
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#textfeld h2 {
margin-bottom: 24px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:16px;
}

#textfeld h3 {
margin:0px 0px 4px 0px ;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#textfeld h4 {
margin:30px 0px 6px 0px ;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#textfeld ul {
list-style-type:none;
margin: 0px 0px 0px 10px;
padding:0px;
}

#textfeld li {
margin: 0px;
padding-left: 10px;
margin: 2px 0px;
display:block;
background: url(/images/bg_h3.gif) no-repeat 0px 6px;
}

.adresse_bottom {
font: 9px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#888;
line-height: 14px;
}

.adresse_bottom a{
color:#888;
}




#textfeld td.produktimage {
padding:0px 0px 30px 20px;
}

#textfeld td.produktimage img, body.popup table.content img {
border: 1px solid #888;
}

#textfeld td.produktimage a:hover img, body.popup table.content a:hover img {
border: 1px solid #FF9999;
}

#textfeld a.link {
padding-left: 16px;
background: url(/images/btn_link_lo.gif) no-repeat 0px 4px;
}

#textfeld a.link:hover {
padding-left: 16px;
background: url(/images/btn_link_hi.gif) no-repeat 0px 4px;
}

body.popup #main {
width:100%;
height:100%;
background: url(/images/bg_popup_vert.gif) repeat-y;
}

body.popup table.content {
width:100%;
height:100%;
background: url(/images/bg_popup_main.gif) no-repeat;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
}

body.popup #windowclose {
position:absolute;
top:10px;
left:20px;
}

body.popup #windowclose a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
background: url(/images/btn_link_lo.gif) no-repeat 0px 3px;
font-weight:bold;
padding-left: 16px;
}

body.popup #windowclose a:hover{
background: url(/images/btn_link_hi.gif) no-repeat 0px 3px;
}

div.gototop {
margin: 30px 2px 0px 0px;
text-align:right;
}

div.gototop a {
font: 10px Verdana, Arial, Helvetica, sans-serif;
background: url(/images/btn_top_lo.gif) no-repeat 0px 4px;
font-weight:bold;
padding-left: 16px;
}

div.gototop a:hover {
background: url(/images/btn_top_hi.gif) no-repeat 0px 4px;
}

*/