/* ---------------------------------------------------- body / html ----------------------------------------------------- */
* {
	border:0;
	margin:0;
	padding:0;
}

body {
	background:url(../images/body_kachel.jpg) repeat center 0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:70%; 
	line-height:1.4em;
	color:#999999;
}


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

/* ----------------------------------------------------- wrapper ----------------------------------------------------- */

div#wrapper_aussen {
	width:100%;
	margin:0 auto;
	background:url(../images/kachel_oben.gif) repeat-x 0 0;
}

div#wrapper {
	width:900px;
	margin:0 auto;
	z-index:1;
}


/* ----------------------------------------------------- main01 ----------------------------------------------------- */

#main01{
	width:900px;
	height:571px;
	background: url(../images/main01.jpg) no-repeat 0px 0px;
	position:relative;
}


#navi { width:590px; height:455px; float:left;}
#navi ul {margin:248px 0 0 223px;}
#navi li  { list-style-type:none; display:block;}
#navi li a { text-indent:-1500px; outline:none; display:block;}

#button01 a { width:138px; height:41px; margin:0 0 0 51px;}
#button01 a:hover { background: url(../images/button01_hover.png) 0 0 no-repeat; width:138px; height:41px;  margin:0 0 0 51px;}
#button02 a { width:116px; height:55px; margin-top:53px;}
#button02 a:hover { background: url(../images/button02_hover.png) 0 0 no-repeat; width:116px; height:55px;margin-top:53px;}


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

#content01 { float:left; height:315px; width:195px; text-align:right; margin:140px 0 0 0;}
#logo { position:absolute; height:100px; text-align:right; top:450px; right:114px;}


/* ----------------------------------------------------- main02 ----------------------------------------------------- */

#main02 {
	width:900px;
	min-height:542px;
	background: url(../images/main02.jpg) no-repeat 0px 0px;
	position:relative;
}


* html #main02 {
	height:542px;
}

#content02 { width:220px; padding:92px 0 0 113px; height:290px;}

#content03 { padding:0 0 0 113px; margin:0 0 0 0; }
.spalte {
	float:left;
	width:320px;
	margin-right:31px;
}


#slideshow {
	position:absolute;
	top:103px;
	right:94px;
}

/* ----------------------------------------------------- main03 ----------------------------------------------------- */

#main03{
	width:900px;
	height:457px;
	background: url(../images/main03.jpg) no-repeat 0px 0px;
	padding-bottom:50px;
}

#navi02 { width:590px; height:90px; padding:106px 0 0 77px;}
#navi02 ul {}
#navi02 li  { list-style-type:none; display:block;}
#navi02 li a { text-indent:-1500px; outline:none; display:block;}

#button03 a { width:104px; height:55px;}
#button03 a:hover { background: url(../images/button03_hover.png) 0 0 no-repeat; width:104px; height:55px;}



#content04 { padding:10px 0 0 113px; margin:0 0 0 0; }


#fotolia {	
	clear:both;
	
}

/*  ---------------------------------------- Schriften ---------------------------------------- */

.ueberschrift01 {
	height:75px;
}

.ueberschrift02 {
	height:30px;
}



h1, h2 {
	text-indent:-1500px;
	font-size:0;
	position:absolute;
}


h3 { 
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
	margin:2px 0 10px 0;
	color:#ffffff;
	} 
	
	
h4 { 
	font-size:1.1em;
	font-weight:bold;
	line-height:1.4em;
	margin:2px 0 0px 0;
	color:#ffffff;
	} 

.weiss {
	color:#ffffff;
}



.clear { clear:both; }


p { margin:6px 0px 14px 0; }


.trennstrich {	
	height:1px; 
	clear:both; 
	margin-top:0;
	height:20px;
	background: url(../images/trennstrich.gif) 0 6px repeat-x;
}

.abstand { margin:0 0 0 10px;}


.referenzen {
	float:left;
	margin:-5px 20px 0 0;
	padding:3px;
	border:1px dashed #3d3c3c;
	position:relative;
}


.referenzen:hover {
	border:1px dashed #c93954;
	position:relative;
}