* {padding: 0; margin: 0; border: none; font-family:Verdana, Arial, Helvetica, sans-serif;}
body{
	width:100%;
	height:100%;
	overflow:hidden;
	overflow:hidden;
	background: url('bg-splat.gif') no-repeat fixed center;
}
#wrapper {
width:100%; height:100%; overflow:hidden;
}
#site {
position:absolute; top:50%; left:50%; margin-top:-306px; margin-left:-394px;
text-align: left;
height: 612px;
width: 788px;
}
#navigation {
width:162px;
float:left;
height:408px;
margin: 103px 0 0 1px;
overflow:hidden;
padding-top: 2px;
padding-left: 1px;
	background: url('bg-navi.jpg') no-repeat;
}
#navigation span a {
display:block;
float:left;
width: 150px;
height:25px;
font-size:1px;
overflow:hidden;
line-height:25px;
text-decoration:none;
color:#fff;
letter-spacing:-10px;
}
#navitoplevel { display:block; float:left;height: 150px;margin-bottom:150px; width:162px; text-decoration:none;}

#navistart:hover {background-image:url(nav/s-h.jpg);}
.active #navistart {background-image:url(nav/s-a.jpg);}
#naviblog:hover {background-image:url(nav/b-h.jpg);}
.active #naviblog {background-image:url(nav/b-a.jpg);}
#naviget:hover {background-image:url(nav/g-h.jpg);}
.active #naviget {background-image:url(nav/g-a.jpg);}
#navicontact:hover {background-image:url(nav/c-h.jpg);}
.active #navicontact {background-image:url(nav/c-a.jpg);}

#maincontent {
padding-right:6px;
width:430px;
float:left;
height:404px;
border: 1px solid #fff;
margin: 106px 0 0 16px;
overflow:auto;
font-size:13px;
line-height: 1.5em;
color:#333;
}
.teaser {
width:162px;
float:left;
height:193px;
margin: 107px 0px 0 0px;
overflow:auto;
}
#teasercontent2 {
margin-top:16px;
background-image:url(schaukasten.jpg);
background-repeat: no-repeat;
overflow:hidden;
}
#teasercontent2 img.schau {
float:left;}
#footlogo { position: absolute; right: 5px; bottom: 5px; }
div {
/*border: 1px solid #f00;*/
}
/*CONTENT*/

#maincontent h1, #maincontent h2 {
padding-left:23px;
	font-size:12px;
	line-height:24px;
	vertical-align:middle;
	width: 327px;
	background-image:url(h2bg.jpg);
	font-weight: bold;
	color: #fff;
	background-color:#93A3BA;
	background-repeat: no-repeat;
	background-position: left top;
	z-index:3;
}

#maincontent h1 {
padding-left:30px;
	font-size:16px;	width: 382px;
	background-image:url(h1bg.jpg);
font-weight:100;
}
#maincontent p, #maincontent .schauentry .schaudetails{
width: 401px;
	background-color:#EBF6FF;
border-left: 1px solid #CBD6DC;
padding: 10px 5px 5px 5px;
color:#555;
}
#maincontent a{
color:inherit;
text-decoration:underline;}
#maincontent h2 a{display:block; 
text-decoration:none; color:#fff;
}

#maincontent a:hover{
color:inherit;
text-decoration:none;}

#maincontent .tease { position:relative;display: block; padding-left: 15px; margin-bottom:-42px;font-size:0.7em;
	text-align: justify; height:42px; width:397px; line-height:14px; color:#666; z-index:1; overflow:hidden;}
#maincontent .teasehide {
	position:relative;
	display: block;
	padding-left: 15px;
	background-image:url(blog-fade.php);
	height:42px;
	line-height:0.9em;
	color:#666;
	z-index:2;
	text-decoration:none;
}
input, textarea {border: 1px solid #000; font-size:9px; width: 410px;}
#maincontent .blog-read {float:right; margin-top:-16px; margin-right:17px; position:relative;
	z-index:3;}
#maincontent .small { display: block; padding-left: 15px; font-size:0.7em; color:#666;}
#maincontent .wholeheight {height:402px;}
#maincontent .schauentry {
width: 412px;
}
#maincontent .schauentry .preview{
height: 120px;
border-left: 1px solid #CBD6DC;
overflow:hidden;
}
#maincontent .schauentry .preview a{
display:block;
height: 200px;
text-decoration:none;
}
#maincontent .schauentry .time{
float:right;
font-weight:bold;
}

#maincontent .schauentry i{
font-style:normal; font-weight:bold;
}
#maincontent .schauentry .description p{background:none; border:none; padding: 0; margin: 0;
}
#maincontent .schauentry .vorgaben {
border-bottom: 1px solid #CBD6DC;}
#maincontent .schauentry h2{
padding-left:30px;
width: 382px;
	background-image:url(h1bg.jpg);}