* { 
margin: 0;
padding: 0;
}

html {  background: #fdebeb url(images/bg/hg.jpg);
		width: 100%;
	    height: 100%;
		margin: 0px auto 0px auto;
		padding:0;


}
body {  
		background:transparent url(images/hg-top.jpg) repeat-x top center;
		margin: 0px auto 0px auto;
		padding: 0;
		text-align:center;
		border: 0px;
		width: 100%;
		height:100%;
		font-family: Arial, Helvetica, Tahoma,sans-serif;
		font-size: 14px;
		color:#333;
}
* html body { text-align:center;} /* nur für IE 5.5 - 6.x */
html + body body { text-align:center; } /* nur vom IE 5.0 */


a{
text-decoration:none;
color:#660000;
font-weight:bold;
}

a:hover {text-decoration:none; color:#99cc99;}
a img{border:0;}
p{margin:0 0 18px 10px;}
ul,ol,dl{font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol{margin:4px 0 4px 35px;}

h1{
background: url(images/h1-besteck.gif) no-repeat bottom left;
padding:15px 0px 0px 30px;
font-size:28px;
margin:0 0 30px 0px;
color:#660000;;
}


h2{
font-size:18px;
color:#660000;
border-bottom:4px solid #99cc99;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h3{
font-size:1.2em;
font-weight:bold;
color:#4088b8;
border-bottom:1px solid #dadada;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}

blockquote{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}

/******** Main wrap ********/
#wrap {
        background:transparent url(images/center.jpg) repeat-y top center;
		border: 0px;
		text-align:left;
		width: 880px; 
		padding: 0;
		min-height:100%;
		height: auto !important;
		height:100%;
		margin:0px auto;
		}
* html #wrap { height:100%; display:block;  text-align:left;} /* nur für IE 5.5 - 6.x */
html + body #wrap { height:100%; text-align:left;} /* nur vom IE 5.0 */

#wrap2 {
        background:transparent url(images/top.jpg) no-repeat top center;
		border: 0px;
		text-align:left;
		width: 880px; 
		height: 100%;
		margin:0 auto 0px auto;
		padding: 0;
		height: auto;
		}
* html #wrap2 { height:100%; text-align:left; padding:0px;} /* nur für IE 5.5 - 6.x */
html + body #wrap2 { height:100%; text-align:left; padding:0px;} /* nur vom IE 5.0 */

#header {
		height: 215px;
		width: 880px;
		margin: 0px auto 0px auto;
		padding: 0px;
}

.logo { 
		float: left; 
		width:299px;
		height:76px;
		padding:89px 0px 0px 0px;
		background: url(images/logo.gif) no-repeat bottom left;
		margin:0px 0px 0px 25px;
		}
.slogan { 
		float: left;
		text-align:left;
		width:309px;
		height:65px;
		padding:90px 0 0 0px;
		background: url(images/slogan.gif) no-repeat bottom left;
		margin: 0px 0px 0px 20px;
		}
.zeiten {
        clear:both;
		text-align:center;
		color:white;
		padding:14px 0px 0px 40px;
		font-size: 15px;
		width: 800px;
}

/******** sidebar ********/
#sidebar{
float:left;
width:200px;
margin: 0px auto 0px auto;
padding:10px 0 0 40px;
}

#sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 0px 5px;
}

#sidebar li{
list-style:none;
margin:0 0 8px 0;
padding:0;
}

#sidebar li a{
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin:4px 0 3px 25px;
line-height:1.2em;
padding:0;
}

#sidebar ul li a {padding: 3px 1px 3px 28px; background:url(images/li-inaktiv.gif) no-repeat top left;}
#sidebar ul li a:hover, #sidebar ul li .menu_current  {padding: 3px 1px 3px 28px; background:url(images/li-aktiv.gif) no-repeat top left;color:#99cc99;}
#sidebar ul ul li a { padding: 0px 1px 0px 14px; background:url(images/li-unter-inaktiv.gif) no-repeat left;}
#sidebar ul ul li a:hover, #sidebar ul ul li .menu_current  { padding: 0px 1px 0px 14px; background:url(images/li-unter-aktiv.gif) no-repeat  left;color:#99cc99;}

#sidebar ul ul li a{font-weight:normal;}
#sidebar h6{       
        background:transparent url(images/boxtop.jpg) no-repeat top center;
		border: 0px;
		text-align:center;
		color:white;
		font-weight:bold;
		font-size: 15px;
		width: 200px;
		height: 30px;
		margin:0px 0px -4px 0px;  
		padding: 4px 0 0 0;}

.box{
border:1px solid #99cc99;
padding: 10px 0 5px 5px;
margin: 0 0 20px 0;
}

/******** Content variations ********/
#content{
width:595px;
float:right;
text-align:left;
margin: 0px auto 0px auto;
padding:10px 20px 15px 5px;
}

#contentalt{
width:595px;
float:left;
text-align:left;
padding:0;
margin: 0px auto 0px auto;
}

#content h3, #contentalt h3{margin:10px 0 8px;}

/******** Footer ********/
#footer{
clear:both;
background:transparent url(images/bottom.jpg) bottom center;
height: 60px; 
width: 880px;
text-align:center;
color:#808080;
font-size:0.9em;
margin: -60px auto 0px auto;
padding:0px;
}
* html #footer {padding-left: 0px;} /* nur für IE 5.5 - 6.x */
html + body #footer {padding-left: 0px;} /* nur vom IE 5.0 */

#footer p{margin:0; padding:15px 0px; }
#footer a, #footer a:hover {color:#808080;font-weight:normal; text-decoration:none;}


/******** Various classes ********/


.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}