/******************** beginn wissenswerte Dinge

#c7c09d -> dunkleres gelbgrau äussere Streifen Hintergrundbild
#dcd4ad -> helleres gelbgrau Hintergrundfarbe
#f1da0f -> gelb

ende wissenswerte Dinge ********************/
/******************** beginn alles auf null setzen ********************/

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li{
	margin:0;
	padding:0;
	font-family:arial,helvetica,sans-serif;
	}

img{border:0;}

ul{list-style-type:none;}

/******************** ende alles auf null setzen ********************/
/******************** beginn siteweite einstellungen ********************/

html{
	min-height          : 100%;
	margin-bottom       : 1px;
	}

body{
	font-size:100.01%;
	height:101%;
	width:auto;
	background-color:#ffffff;
	text-align:center;
	background-image:url(bertom_logo.gif);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:#dcd4ad;
	}

#wrapper{
	width:770px;
	margin:0 auto;
	position:relative;
	}

#content{
	width:500px;
	text-align:left;
	position:absolute;
	left:210px;
	top:260px;
	color:#333333;
	padding-bottom:40px;
	}

#content a{
	text-decoration:underline;
	font-weight:normal;
	color:#333333;
	}

#content h1{font-size:1em; margin-bottom:1.5em;}
#content h2{font-size:.9em; margin-bottom:.4em;}
#content h3{font-size:.8em; margin-bottom:.4em;}
#content p{font-size:.8em; margin-bottom:1em; line-height:1.5em;}
#content img{margin-bottom:1em;}
#ref_bild h2{margin-bottom:25px;}
#ref_bild img{margin-bottom:25px;}
#ref_text h2 {margin-top:40px;}
#subnavi_container{position:relative; width:500px;}
#subnavi{width:auto; float:left;}
#details{width:auto; float:right; padding-left:25px; background-image:url(bertom_detail.gif); background-repeat:no-repeat;}


/******************** ende siteweite einstellungen ********************/
/******************** beginn breadcrumbnavigation ********************/


h4{font-size:.8em; color:#bcbec0; position:absolute; top:210px; left:190px;}
h4 a{font-weight:bold; color:#bcbec0; text-decoration:none;}
h4 a:hover{color:#333333;}

/******************** ende breadcrumbnavigation ********************/
/******************** beginn subnavigation agb/ impressum ********************/

#agb_navi{
	width:770px;
	height:40px;
	position:fixed;
	left:auto;
	top:20px;
	text-align:left;
	}

#agb_navi li{
	width:130px;
	text-align:right;
	}

#agb_navi a{
	color:#bcbec0;
	text-decoration:none;
	font-weight:bold;
	font-size:0.8em;
	}

#agb_navi a:hover{color:#333333;}

/******************** ende subnavigation agb/ impressum ********************/
/******************** beginn hauptnavigation ********************/

#main_navi{
	width:560px;
	height:180px;
	position:absolute;
	left:190px;
	top:20px;
	}

#main_navi li{
	width:140px;
	height:180px;
	float:left;
	}

#main_navi li a{
	text-decoration:none;
	color:#bcbec0;
	font-weight:bold;
	background-repeat:no-repeat;
	width:140px;
	height:180px;
	display:block;
	position:relative;
	}

#main_navi li a:hover{color:#333333 !important;}
#main_navi li a:visited{color:#bcbec0;}

.firma{background-image:url(firma.jpg); background-position:0 -180px;}
.firma:hover{background-image:url(firma.jpg); background-position:0 0;}
.portfolio{background-image:url(portfolio.jpg); background-position:0px -180px;}
.portfolio:hover{background-image:url(portfolio.jpg); background-position:0 0;}
.referenzen{background-image:url(referenzen.jpg); background-position:0px -180px;}
.referenzen:hover{background-image:url(referenzen.jpg); background-position:0 0;}
.kontakt{background-image:url(kontakt.jpg); background-position:0px -180px;}
.kontakt:hover{background-image:url(kontakt.jpg); background-position:0 0;}

#firma .firma{background-image:url(firma.jpg); background-position:0 0; color:#333333 !important;}
#portfolio .portfolio{background-image:url(portfolio.jpg); background-position:0 0; color:#333333 !important;}
#ref_text .referenzen{background-image:url(referenzen.jpg); background-position:0 0; color:#333333 !important;}
#ref_bild .referenzen{background-image:url(referenzen.jpg); background-position:0 0; color:#333333 !important;}
#referenzen .referenzen{background-image:url(referenzen.jpg); background-position:0 0; color:#333333 !important;}
#kontakt .kontakt{background-image:url(kontakt.jpg); background-position:0 0; color:#333333 !important;}

#main_navi span{
	width:140px;
	height:25px;
	position:absolute;
	left:0;
	top:140px;
	line-height:25px;
	text-decoration:none;
	}

/******************** ende hauptnavigation ********************/
/******************** beginn seite "index.html" ********************/



/******************** ende seite "index.html" ********************/
/******************** beginn seite "kontakt.html" ********************/

#anschrift{width:500px; float:left; margin:0 0 30px 0;}
#anschrift li{width:245px; float:left; font-size:.9em;}
#anschrift p{width:245px; margin:0;}

#ansprechpartner{width:500px; float:left;}
#ansprechpartner li{width:245px; float:left; margin-bottom:25px;}
#ansprechpartner p{width:245px; margin-top:0;}
#ansprechpartner img{border-left:5px solid #f1da0f; margin-bottom:0;}

/******************** ende seite "kontakt.html" ********************/
/******************** beginn seite "referenzen.html" ********************/

#referenzliste_links, #referenzliste_rechts{width:245px; float:left;}
#referenzliste_links li, #referenzliste_rechts li{margin-top:1em; background-image:url(bertom_listenpunkt.gif); background-repeat:no-repeat;}
#referenzliste_links li p, #referenzliste_rechts li p {display:inline; margin-left:25px;}

/******************** ende seite "referenzen.html" ********************/
/******************** beginn seite "portfolio.html" ********************/

#portfolio_links, #portfolio_rechts{width:245px; float:left; margin-bottom:20px;}
#portfolio_links li, #portfolio_rechts li{margin-bottom:1em; background-image:url(bertom_listenpunkt.gif); background-repeat:no-repeat;}
#portfolio_links li p, #portfolio_rechts li p{display:inline; margin-left:25px;}
#portfolio h2{font-weight:normal;}