/* :.:..........:.:.........................: */
html, body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000;} 
html{min-width:900px;}
body{background:url(../img/bg_body_1.jpg) center 260px no-repeat #FCF6ED;}

/* .....................
... ::: ELEMENTE ::: ... 
..................... */
h1, h2, h3, h4, h5, h6{color:#000000;}
h1{font-size:18px;  margin-bottom:8px; font-weight:bold; line-height:normal; text-decoration:none;}
h2{font-size:14px; margin-bottom:6px;}

p{margin-bottom:12px; line-height:16px;}

a{color:#000; text-decoration:underline;}
a:hover{text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}
.clearer{clear:both;}

/* .........................
... ::: CSS STRUKTUR ::: ... 
......................... */
div#mainbox{width:800px; margin:20px auto; clear:both; position:relative;}
	div#logo{width:800px; height:115px; background:url(../img/bg_logo.gif) bottom center no-repeat; text-align:center;}
	div#welcome{height:168px; margin:20px 0px 15px; clear:both;}
	div#content{width:800px; height:385px; background:#FCF6ED;}
	div#footer{clear:both; width:800px; height:25px; color:#444444; background:url(../img/bg_footer.gif) top right no-repeat; padding-top:5px; text-align:center; margin-top:15px;}
	
/* DETAILS */
div#logo{padding-top:0px;}
div#logo h1{font-size:22px; color:#901600; padding-top:30px;}

div#welcome h1{font-size:18px; margin-bottom:0px; display:none;}
div#welcome p{margin-bottom:14px;}

div.weinprobenbox, 
div.staedtebox, 
div.genusseventsbox, 
div.praesentebox{float:left; margin-right:25px;}

div.praesentebox{float:right; margin-right:0px;}

div.weinprobenbox h1, 
div.staedtebox h1, 
div.genusseventsbox h1, 
div.praesentebox h1{/*font-size:24px; padding:10px 7px 0px; margin-bottom:5px;*/ font-size:12px; padding:15px 10px 0px; margin-bottom:5px; font-weight:bold;}

div.weinprobenbox h1{color:#901600;}
div.staedtebox h1{color:#088EAF;}
div.genusseventsbox h1{color:#468124;}
div.praesentebox h1{color:#5B2E1A;}

div.weinprobenbox div.txt a p, 
div.staedtebox div.txt a p, 
div.genusseventsbox div.txt a p, 
div.praesentebox div.txt a p{padding:0px 10px; margin-bottom:0px;}

div.weinprobenbox div.txt a, 
div.staedtebox div.txt a, 
div.genusseventsbox div.txt a, 
div.praesentebox div.txt a{display:block; width:250px; min-height:425px; font-size:11px; text-decoration:none; background:#ECE8B7; padding-bottom:5px;}

div.weinprobenbox div.txt a:hover, 
div.staedtebox div.txt a:hover, 
div.genusseventsbox div.txt a:hover, 
div.praesentebox div.txt a:hover{background:#fff;}

div.weinprobenbox div.txt ul, 
div.staedtebox div.txt ul, 
div.genusseventsbox div.txt ul, 
div.praesentebox div.txt ul{list-style:disc outside; margin-left:25px;}

div.weinprobenbox div.txt li, 
div.staedtebox div.txt li, 
div.genusseventsbox div.txt li, 
div.praesentebox div.txt li{line-height:16px;}

div#footer p{font-size:9px;}
div#footer a{color:#444444;}


/* SUBSITE */
body#subsite{background:url(../img/bg_body_1.jpg) center 200px no-repeat #FCF6ED;}
body#subsite div#content{height:548px; background:#FDFAD4; margin-top:28px;}
ul#header{height:89px;}
ul#header li{float:left; display:inline;}
ul#header li a{opacity:0.8;}
ul#header li a:hover{opacity:1;}

div#content div#col_1{float:left; width:200px;}
div#content div#col_2{float:left; width:560px; margin:5px 0px 0px 20px;}

div#content div#col_2 ul{margin:5px 0px 15px 0px; padding-left:15px; line-height:16px;}
div#content div#col_2 li{list-style:disc outside;}
div#content div#col_2 li li{list-style:circle;}

div#content div#col_2 ul#breadcrumb{font-size:10px; border-bottom:1px solid #A9A572; margin:0; padding:0;}
div#content div#col_2 ul#breadcrumb li{list-style:none; display:inline;}
div#content div#col_2 ul#breadcrumb a{text-decoration:none;}
div#content div#col_2 ul#breadcrumb a:hover{color:#901600;}

div#content div#col_2 div#txt{height:405px; padding-right:20px; overflow:auto;}
div#content div#col_2 div#txt h1{color:#901600;}

ul#navigation{list-style:none outside; width:200px;}
ul#navigation li{padding:0px; font-size:11px; line-height:12px;}
ul#navigation li a{display:block; border-bottom:1px solid #FDFAD4; text-decoration:none; width:160px; padding:5px 20px 5px 20px; background:url(../img/pfeil_navigation.gif) 10px 7px no-repeat #E3DF9A; color:#7F7C55;}
ul#navigation li a:hover{background:url(../img/pfeil_navigation_hover.gif) 10px 7px no-repeat #7F7C55; color:#E3DF9A;}
ul#navigation li.active a{background:url(../img/pfeil_navigation_hover_act.gif) 7px 10px no-repeat #7F7C55; color:#E3DF9A;}

ul#navigation li.active ul li a{width:150px; padding:5px 20px 5px 30px; background:url(../img/pfeil_navigation.gif) 20px 7px no-repeat #EBE9B8; color:#7F7C55;}
ul#navigation li.active ul li a:hover{background:url(../img/pfeil_navigation_hover2.gif) 20px 7px no-repeat #A4A380; color:#EBE9B8;}
ul#navigation li.active ul li.active a{background:url(../img/pfeil_navigation_hover2_act.gif) 17px 10px no-repeat #A4A380; color:#EBE9B8;}

ul#navigation li.active ul li.active ul li a{width:140px; padding:5px 20px 5px 40px; background:url(../img/pfeil_navigation.gif) 30px 7px no-repeat #F4F2D7; color:#7F7C55;}
ul#navigation li.active ul li ul li a:hover, ul#navigation li.active ul li.active ul li.active a{background:url(../img/pfeil_navigation_hover3.gif) 30px 7px no-repeat #BBBA93; color:#F4F2D7;}

div#footer .icon_fb a{color:#3f63b5; text-decoration:none;}
div#footer .icon_fb img{margin-bottom:-4px; margin-right:6px;}