@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	font:12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#edb814;
}

h1{
	font:36px/48px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#722208;
}

h2{
	font:18px/25px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-bottom:15px;
}

.rot{
	font:14px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#722208;
}


p {	
	padding-top:10px;
	font:12px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

a:link, a:visited{
	color:#722208;
	text-decoration:underline;	
}

a:hover, a:active{
	color:#ffffff;
	text-decoration:underline;
}

a{outline:none;}


.left{
	width:300px;
	margin:10px 0 0 65px;
	float:left;
}

.right{
	width:230px;
	float:left;
	margin:10px 0 0 25px;
}

.img{border:1px solid #ffffff;
margin-top:10px;}

.clear{clear:both;}

/*-------- Inhalt --------*/

#content{
	width:960px;
	height:auto;
	margin:0 auto;
	position:relative;
}

#header{
	width:960px;
	height:503px;
	background: url(../images/index/header.jpg) no-repeat;
	float:left;
}

#main{
	width:960px;
	min-height:250px;
	background-image:url(../images/index/main.gif);
	background-repeat:no-repeat;
	float:left;
}

#main li{
	background:url(../images/index/li.gif) 5px 10px no-repeat;
	padding:10px 0 0 20px;
	color:#000000;
	text-decoration:none;
	width:440px;
	list-style-type: none;
	line-height:10px;
	float:none;
	}
	
#main_left{
	width:529px;
	float:left;
	padding-left:65px;
}


#main_right{
	width:300px;
	padding-left:20px;
	padding-bottom:50px;
	padding-top:90px;
	float:left;
}


#bottom{
	background:url(../images/index/footer.gif) no-repeat;
	position:relative;
	width:960px;
	margin-top:40px;
	height:85px;
	clear:both;
	float:left;
}

/*---------------------------------------- Navigation ----------------------------------------*/


#navi_oben{
	float:left;
	height:33px;
	margin:138px 0 0 65px;
	width:850px;
}

* html #navi_oben{
	float:left;
	height:33px;
	margin:138px 0 0 35px;
	width:850px;
}

#navi_oben li{
	list-style-type:none;
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	float:left;
}

#navi_oben a {
	height:33px;
	float:left;
	display:block;
	overflow:hidden;
}

#navi_oben ul li a {outline:none;}

/*-------- Navi - ueber_uns --------*/

.ueber_uns{
	width:81px;
	height:33px;
	background: url(../images/index/navi/ueber_uns_over.gif) no-repeat;
}

.ueber_uns a:link, .ueber_uns a:visited {
	width:81px;
	height:33px;
	background: url(../images/index/navi/ueber_uns.gif) no-repeat;
}

.ueber_uns a:hover, .ueber_uns a:active{
	background: none;}
	
/*-------- Navi - malerarbeiten --------*/

.malerarbeiten{
	width:123px;
	height:33px;
	background: url(../images/index/navi/malerarbeiten_over.gif) no-repeat;
}

.malerarbeiten a:link, .malerarbeiten a:visited {
	width:123px;
	height:33px;
	background: url(../images/index/navi/malerarbeiten.gif) no-repeat;
}

.malerarbeiten a:hover, .malerarbeiten a:active{
	background: none;}
	
/*-------- Navi - waermedaemmung --------*/

.waermedaemmung{
	width:141px;
	height:33px;
	background: url(../images/index/navi/waermedaemmung_over.gif) no-repeat;
}

.waermedaemmung a:link, .waermedaemmung a:visited {
	width:141px;
	height:33px;
	background: url(../images/index/navi/waermedaemmung.gif) no-repeat;
}

.waermedaemmung a:hover, .waermedaemmung a:active{
	background: none;}
	
/*-------- Navi - brandschutzanstriche --------*/

.brandschutzanstriche{
	width:182px;
	height:33px;
	background: url(../images/index/navi/brandschutzanstriche_over.gif) no-repeat;
}

.brandschutzanstriche a:link, .brandschutzanstriche a:visited {
	width:182px;
	height:33px;
	background: url(../images/index/navi/brandschutzanstriche.gif) no-repeat;
}

.brandschutzanstriche a:hover, .brandschutzanstriche a:active{
	background: none;}

/*-------- Navi - energieberatung --------*/

.energieberatung{
	width:141px;
	height:33px;
	background: url(../images/index/navi/energieberatung_over.gif) no-repeat;
}

.energieberatung a:link, .energieberatung a:visited {
	width:141px;
	height:33px;
	background: url(../images/index/navi/energieberatung.gif) no-repeat;
}

.energieberatung a:hover, .energieberatung a:active{
	background: none;}
	
/*-------- Navi - industrielackierung --------*/

.industrielackierung{
	width:163px;
	height:33px;
	background: url(../images/index/navi/industrielakierung_over.gif) no-repeat;
}

.industrielackierung a:link, .industrielackierung a:visited {
	width:163px;
	height:33px;
	background: url(../images/index/navi/industrielakierung.gif) no-repeat;
}

.industrielackierung a:hover, .industrielackierung a:active{
	background: none;}
	
	
/*-------- Navi - unten --------*/


#navi_unten{
	float:left;
	width:230px;
	height:30px;
	margin:50px 0 0 80px;
	list-style-type:none;
}
* html #navi_unten{
	float:left;
	width:230px;
	height:30px;
	margin:50px 0 0 30px;
	list-style-type:none;
}

#navi_unten li{
	list-style-type:none;
	text-indent:-9999px;
	font-size:1px;
	float:left;
	line-height:1px;
}

ul#navi_unten a {
	float:left;
	display:block;
	overflow:hidden;}

#navi_unten  ul li a {outline:none;}

/*-------- Navi - Home --------*/

.home{
	width:53px;
	height:29px;
	background: url(../images/index/navi/home_over.gif) no-repeat;
}

.home a:link, .home a:visited {
	width:53px;
	height:29px;
	background: url(../images/index/navi/home.gif) no-repeat;}

.home a:hover, .home a:active{
	background: none;}

/*-------- Navi - Kontakt --------*/

.kontakt{
	width:63px;
	height:29px;
	background: url(../images/index/navi/kontakt_over.gif) no-repeat;}

.kontakt a:link, .kontakt a:visited {
	width:63px;
	height:29px;
	background: url(../images/index/navi/kontakt.gif) no-repeat;}

.kontakt a:hover, .kontakt a:active{
	background: none;}


/*-------- Navi - Impressum --------*/

.impressum{
	width:84px;
	height:29px;
	background: url(../images/index/navi/impressum_over.gif) no-repeat;}

.impressum a:link, .impressum a:visited {
	width:84px;
	height:29px;
	background: url(../images/index/navi/impressum.gif) no-repeat;}

.impressum a:hover, .impressum a:active{
	background: none;}