*{padding:0; margin:0; border:0; text-align:left;}

html {
        overflow: -moz-scrollbars-vertical;
}

a {
outline: none;
}


body {
  color: #444; font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center;
	background: #FFF url(../images/body_bg.gif) 0px 0px repeat-x; 
 }
a {outline:none;}
a, a:visited, a:active {color: #AC166E; text-decoration:none;}
a:hover { color:#AC166E; text-decoration:underline;}
a.active, a:visited.active, a:active.active { color:#AC166E; text-decoration:underline;}

/* ---------- LAYOUT -------------- */

#container { 
	background: #A70866 url(../images/container_bg.jpg) bottom left  no-repeat;
	width: 961px; margin:0 auto; }

#header { float:left; height:201px; width: 961px; background: url(../images/header_bg.jpg) top center no-repeat; }	
#header ul{ list-style-type:none; float:left; list-style-position:inside; margin-left:195px; display:inline; margin-top:151px;}
#header ul li { float:left;   }
#header ul li .startseite { background: #A70866 url(../images/navi_startseite.gif) bottom left  no-repeat;  }
#header ul li .aktuelles { background: #A70866 url(../images/navi_aktuelles.gif) bottom left  no-repeat;  }
#header ul li .leistungen { background: #A70866 url(../images/navi_leistungen.gif) bottom left  no-repeat;  }
#header ul li .kontakt { background: #A70866 url(../images/navi_kontakt.gif) bottom left  no-repeat;  }
#header ul li .anfahrt { background: #A70866 url(../images/navi_anfahrt.gif) bottom left  no-repeat;  }
#header ul li .impressum { background: #A70866 url(../images/navi_impressum.gif) bottom left  no-repeat;  }
#header ul a, #header ul a:visited, #header ul a:active {text-indent:-10000px;display:block; width:95px; height:29px;}
#header ul a:hover {background-position: top left;}
#header ul a.active, #menu a:visited.active, #menu  a:active.active {background-position: top left;}

.sidebar {float:left; width: 170px;  float:left; font-size:10px; }
.sidebar p { color:#E9C5E0; margin-left:10px; width:150px; margin-bottom:10px; line-height:14px; }
.sidebar div{ float:left; width:170px; padding-top:25px; color:#FFF; margin-bottom:10px;}

.mehr, .mehr:visited, .mehr:active { color:#FFFFFF; text-indent:12px; float:right; display:block; line-height:20px;background: url(../images/btn_more.gif) center left  no-repeat; }
.mehr:hover { color:#CD73A8; text-indent:12px; text-decoration:none; background: url(../images/btn_more_hover.gif) center left  no-repeat; }

#produkte { width:170px; background: url(../images/sbar_produkte.gif) top left no-repeat; float:left; padding-top:25px;}
#saison { width:170px; background: url(../images/sbar_saison.gif) top left no-repeat; float:left; padding-top:25px; margin-top:10px;}
#produkte ul, #saison ul {width:160px; margin-left:10px; float:left; display:inline; list-style-type:none; list-style-position:inside; color:#FFFFFF;}
#produkte ul li, #saison ul li { display:inline;}
#produkte ul li a, #produkte ul li a:visited, #produkte ul li a:active, #saison ul li a, #saison ul li a:visited, #saison ul li a:active {text-indent:10px; line-height:20px; color: #C38CAD; font-size:10px; display:block; background: url(../images/menu_left_hover.gif) left center no-repeat;}
#produkte ul li a:hover, #saison ul li a:hover  { color:#fff; background:#ccc url(../images/menu_hover.gif) bottom right no-repeat; text-decoration:none; background: url(../images/menu_left.gif) left center no-repeat;}
#produkte ul li a.active, #produkte ul li a:visited.active, #produkte ul li a:active.active, #saison ul li a.active, #saison ul li a:visited.active, #saison ul li a:active.active { color:#fff; font-weight:bold; background: url(../images/menu_left.gif) left center no-repeat; text-decoration:none;}

#saison { background:  url(../images/sbar_saison.gif) top left no-repeat; }
#toto { background:  url(../images/sbar_toto.gif) top left no-repeat; }
#open { background:  url(../images/sbar_open.gif) top right no-repeat; }
#angebote { background:  url(../images/sbar_angebote.gif) top right no-repeat; }
#veranstalt { background:  url(../images/sbar_veranstalt.gif) top right no-repeat; }
#fotogala { background:  url(../images/sbar_foto.gif) top right no-repeat; }



#content {width:620px; padding-top:25px; position:relative; float:left; min-height:450px; display:inline; height:auto !important; height:450px; background-color:#FFFFFF;}
#content .nachOben {bottom:0px; right:0px; position:absolute; height:55px; width:10px;  text-indent:-20000px; background:  url(../images/btn_nachoben.gif) top right no-repeat;}
#content .nachOben:hover {background-position:top left;}

#clearer { clear: both; display: block; font: 1px/0px serif; height:0px; content: "."; visibility: hidden; }
#footer { line-height:95px;  width:961px; color:#9B9B9B; text-align:center; font-size:10px; float:left; } 
/*--------------------------------------------------------------------------------------------------------------------------------*/

#content h1:first-line { font-size:14px; color:#444; font-weight:bold;  }
#content h1{ margin-bottom:20px; margin-top:20px; font-size:11px; color:#444; font-weight:normal;  }
#content h2{ margin-bottom:10px; margin-top:30px; font-size:14px; color:#334996; font-weight:normal;  }


#content .farbe {
color:#A70866;
font-weight:bold;
}
#content h3{
	margin-bottom:5px;
	margin-top:5px;
	font-size:16px;
	color:#A70866;
	font-weight:normal;
	text-transform: uppercase;
}
#content p { 
	font-size:11px; font-weight:normal; 
	margin-bottom:12px; line-height:18px; }	
#content b { 
	font-weight:bold; color:#A70866;}		
#content i { 
	font-weight:normal; font-style:normal; color:#334996;}			

#content ul { list-style-type:disc; list-style-position:outside; margin-bottom:30px; }

#content ul li {  margin-left:20px; line-height:18px; margin-bottom:2px;}
#content ul li b {font-weight:bold; font-size:12px; margin-top:3px;  color:#89B65B;}
#content .img { float:left; border: 1px solid #ddd; padding:3px; margin: 0 4px 4px 0; }	
#content .img:hover { border: 1px solid #BD458C; padding:3px; }
#content dl{
	float:left; border: 1px solid #fff; padding:3px; margin: 0 4px 4px 0;
	width:150px; height:135px;
	color:#666666;}
#content dl:hover { 
	background-color: #D87D13;
	color:#fff; 
	width:150px; height:135px;}
#content dl dt { margin-bottom: 0;}

#content dl dd {
	text-align:center;
	line-height:12px;
	font-size:10px;}

#content .clear {	clear:both;}	
#content .center {text-align:center;}
#content .left {float:left; margin:0px 20px 10px 0px;}	
#content .right {float:right; margin:0px 0px 10px 20px;}	
#content .visible { display:inline; visibility:visible;}
#content .hidden { display:none; visibility:hidden;}

#content .layout1 {  
	width: 580px; float:left; margin-left:20px; margin-bottom:20px; overflow:hidden; display:inline;}		
#content .layout1a {  
	width: 530px; margin-bottom:10px; border: 1px dashed #A70866; padding: 5px; margin:5px; background: url(../images/ausruf_ani.gif) right top no-repeat;}		
#content .layout2 { 
	width: 280px; float:left; margin-left:20px; margin-bottom:20px;  display:inline;}
#content .layout7 { 
	width: 560px; float:left; margin-left:20px; margin-bottom:20px;  display:inline;}	
#content .layout3 { 
	width: 180px; float:left; margin-left:20px; margin-bottom:20px; display:inline;}
#content .layout4 { 
	width: 130px; float:left; margin-left:20px; margin-bottom:20px; display:inline; }			
#content .layout5 { 
	width: 380px; float:left; margin-left:20px; margin-bottom:20px;  display:inline;}	
#content .layout6 {  
	width: 430px; float:left; margin-left:20px; margin-bottom:20px;  display:inline;}	
#content .layout8 { 
	width: 300px; float:left; margin-left:20px; margin-bottom:20px; display:inline;}

#content .disclaimer { border:1px dotted #000; font-size:10px; color:#000; height:110px; overflow:auto; clear:both; padding:3px;}
#content .pik {float:left; margin: 0 10px 4px 0; }
/* -------------------------------------- */
.mail {background-color:#999; margin:5px 0px 4px 0px;}
.mail:hover {background-color:#20374E; margin:5px 0px 4px 0px;}
.suchtext { position: absolute; left:-2000px; font-size:1px;}
.rahm {border: 1px dashed #A70866; padding: 5px; margin:5px;}
.gross {font-size: 18px; font-weight:bold; margin: 8px 0;}
.halbgross {font-size: 15px; font-weight:bold; margin: 8px 0;}

.galerie td {
padding:0 0 10px 0;
}
.img2 {
margin:20px 0 0 0;
}

.img2 a img{
margin:10px 5px 0 0;
 border: 1px solid #ddd; padding:3px;
}

.aktuelles-container {
    width:500px;
    padding:10px;
    margin:0 auto;
    margin-bottom:20px;
    background:#FFF7FC;
    border:1px dotted #A70865;
}

#content .aktuelles-container h1 {
    margin-top:0;
}

#content .aktuelles-container ul li { margin-bottom:10px; }
