@charset "utf-8";
/* CSS Document */
html {
	margin: 0;
	padding:0;
}


body {
	background: url(../assets/bg_body_medium.jpg) 28px 120px no-repeat #4d4d4d;
	margin: 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
	/*text-decoration: none;*/
	color: #222;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
}


a .zoom {
	
}

a .zoom2 {
	
}

a img {
	border: none;	
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 5px 0;
}


#header {
	width: 935px;
	height: 120px;
	background: #edeae5;
	position:absolute;
	left: 28px;
}


#logo {
	position: absolute;
	top: 10px;
	left: 55px;

}

#logo img {
	border: 0;	
}

#mainnav {
	list-style-type: none;
	float:right;
	margin-top: 84px;
	
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	
	text-align:center;
}

#mainnav li {
	display: block;
	float: left;
}

#mainnav li a {
	background: url(../assets/bg_rechts_hauptnavpunkt.gif) top right no-repeat #4d4d4d;
	color: #fff;
	text-transform:uppercase;
	height:36px;
	display:block;
	text-decoration:none;
	line-height:36px;
	text-shadow: #404040 1px 1px 8px;
	/*padding: 0 16px ;*/
}


#mainnav li a:hover {
	background-color:#999893; 
	text-shadow: #666 1px 1px 11px;
}	


/* Navigationspunkte oben ergeben die Summe 633px */
#nav1_malerbetrieb  {
	width: 131px;
}


#nav1_fachmarkt  {
	width: 115px;
}

#nav1_shops {
	width: 73px;
}

#nav1_referenzen {
	width: 118px;
}

#nav1_ueberuns  {
	width: 98px;
}

#nav1_kontakt  {
	width: 98px;
}



#mainnav1  {
	width: 98px;
}

#mainnav2  {
	width: 131px;
}

#mainnav3  {
	width: 115px;
}

#mainnav4  {
	width: 73px;
}

#mainnav5  {
	width: 118px;
}

#mainnav6  {
	width: 98px;
}






#subnav {
	/*position: absolute;*/
	z-index:120;
	width: 200px;
	
	/*top: 145px;*/
	/*left: 75px;*/
	list-style-type: none;
	
	margin: 0;
	padding: 0;
	
	margin-top: 24px;
	margin-bottom: 24px;
	
	border-bottom: 1px solid #999893;
	
}

#subnav a{
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	width: 200px;
	width: 185px;
	border-top: 1px solid #999893;
	height:29px;
	line-height: 29px;
	display:block;
	padding-left:15px;
	
	text-decoration: none;
}

#subnav a:hover, #subnav1 li.lit a {
	text-decoration: none;
	background:#999893;
}

#subnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;

}

#subnav ul  a {
	color: #373737;
	background-color: #eceae4 !important;
	height:23px;
	line-height:23px;
	font-weight:normal;
	border-top: 1px solid #595959;
	
}

#subnav ul a:hover {
	background:	#fffefa !important;
	/*font-weight:bold;*/
}

#subnav ul ul a {
	background-color: #eceae4 ;
	
	width: 172px;
	padding-left:28px;
	
	font-weight:normal!important;
	
}

#subnav ul ul a:hover {
	background-image: url(../assets/subnavpfeil.gif)!important;
	background-position:17px  7px!important;
	background-repeat:no-repeat!important;
}




/****   Inhaltsseite   ****/
#banner {
	position: absolute;
	top: 120px;
	left: 330px;	
	
	z-index:70;
}


#bannerschatten {
	background: url(../assets/schatten.png) top left repeat-x;
	position: absolute;
	top: 120px;
	left: 330px;	
	width: 633px;
	height:25px;
	z-index:100;
}

#darklayer {
	position: absolute;
	left: 75px;
	top: 120px;
	width: 888px;
	min-height:435px;
	min-height:294px;
	background:#4d4d4d;
	z-index:50;
	/*border: 1px solid red;*/
}


#teaser {
	background: url(../assets/schatten.gif) top left repeat-x #4d4d4d;
	font-family:Arial, Helvetica, sans-serif;
	height: 95px;
	width: 633px;
	position: absolute;
	top: 318px;
	left: 330px;
	
	
	z-index:150;
	color: #fff;
}

#teaser h1 {
	margin: 25px 0 5px 40px;	
	font-size:20px;
	font-weight:bold;
}

#teaser h2 {
	margin: 0 0 0 40px;	
	font-weight:bold;
	font-size:16px;
}


#content, #contentref {
	width: 633px;
	width: 553px;
	top: 414px;
	left: 330px;
	position: absolute;
	background: #eceae4;
	margin-bottom: 30px;
	padding: 31px 40px 0 40px;
	z-index:155;
}


/****   Referenzenseiten   ****/

#contentref { /* content auf Einzelreferenzenseite */
	top: 450px;
}


#refnav {
	top: 414px;
	left: 330px;
	position: absolute;
	
	width: 633px;
	height: 36px;
	background-color:#c0bfba;
	font-size: 10px;
	text-align:center;
}

#refnav a {
	text-decoration: none;	
}

#refnav a:hover {
	text-decoration: underline;	
}

#refnav .zurueck {
	float: left;
	margin: 0 0 0 40px;
	padding: 12px 10px 10px 25px;
	background: url(../assets/teaserpfeil_back.gif) center left no-repeat ;
}

#refnav .weiter {
	float: right;
	margin: 0 25px 0 0;
	background: url(../assets/teaserpfeil.gif) center right no-repeat ;
	padding: 12px 25px 10px 10px;
}

#refnav .uebersicht {
	display: block;
	float: left;
	padding: 12px 10px 10px 10px;
	margin-left:150px;
}



/****   Startseite   ****/
#banner_startseite {
	position: absolute;
	top: 120px;
	left: 28px;
	width: 935px; 
    height: 294px; 
	background: #EDEAE5;

}








#bannerschatten_startseite {
	background: url(../assets/schatten.png) top left repeat-x;
	position: absolute;
	top: 120px;
	left: 28px;	
	width: 935px;
	height:20px;
	z-index:600;
}

#teaser_startseite {
	background: url(../assets/schatten.gif) top left repeat-x #4d4d4d;
	height: 135px;
	width: 633px;
	position: absolute;
	top: 414px;
	left: 330px;
	
	color: #fff;
}


#teaser_startseite_links {
	float: left;
	margin: 31px 0 0 40px;
	font-size: 30px;
	font-size: 26px;
	line-height: 36px;
	width: 180px;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

#teaser_startseite_rechts {
	float: right;
	margin: 35px 30px 0 0;
	width: 350px;
	
	font-size: 13px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#content_startseite {
	width: 633px;
	/*width: 553px;*/
	top: 549px;
	left: 330px;
	position: absolute;
	background: #eceae4;
	margin-bottom: 30px;
	padding: 31px 0 0 0;
}

/* die Elemente auf der Startseite - Bild links, text rechts*/
.element1_links {
	float: left;
	margin: 0 0 20px 0;
}

.element1_rechts {
	float: right;
	margin: 4px 70px 20px 0;
	width:290px;
}

/* die Elemente auf der Inhaltsseite - content links, Bilder mit Text rechts*/
.spalte_links {
	width:300px;
	float: left;
	margin: 0 20px 20px 0;
	color: #323232;
}

.spalte_links_breiter {
	width:340px;
	float: left;
	margin: 0 20px 20px 0;
	color: #323232;
}

.spalte_links_breiter .element1_rechts {
	float: right;
	margin: 4px 0 20px 0;
	width:180px;
}

.spalte_links_breiter .element1_rechts {
	float: right;
	margin: 4px 0 20px 0;
	width:180px;
}

.spalte_links_breiter .element1_rechts p{
	padding-left: 0;
}



.spalte_rechts {
	float: right;
	margin: 0 0 20px  0;
	width:177px;
}

.spalte_rechts H2 {
	color: #373737;
	font-size:12px;
	line-height:15px;
	margin-top: 0;
	border-bottom: 1px solid #c0bfba;
	padding-bottom: 5px;
	margin-bottom: 15px;
}


.spalte_rechts h3 {
	line-height: 15px;
	font-size: 12px;
	color:#373737;
	margin:0;
	padding:0;	
	margin-left:1px;
	margin-right: 2px;
	margin-bottom: 8px;
}

.spalte_rechts h3 a {
	color:#373737;
	display:block;
	background: url(../assets/teaserpfeil.gif) bottom right  no-repeat ;
	padding-right: 30px;
}

.spalte_rechts  p {
	font-size: 12px;
	line-height: 15px;
	color:#373737;
	margin-left:2px;
}	

.spalte_rechts img {
	margin-bottom: 10px;
}

.spalte_rechts  p img {
	margin-left:-2px;
}




/* drei Elemente in einer Reihe */
.element_dreier, .element_dreier_last {
	float: left;
	margin-bottom: 15px;
	margin-right: 23px;
	width:169px;
}



.element_dreier:hover, .element_dreier_last:hover {
	background:#dad7d2;
}





.element_dreier_last {
	float: right;
	margin-right: 0;
}

.element_dreier img, .element_dreier_last img {
	margin-bottom: 14px;
}


.element_dreier h3, .element_dreier_last h3 {
	line-height: 15px;
	font-size: 12px;
	color:#373737;
	margin:0;
	padding:0;	
	margin-left:4px;
	margin-right: 3px;
	margin-bottom: 2px;
}

.element_dreier h3 a, .element_dreier_last h3 a {
	color:#373737;
	display:block;
	background: url(../assets/teaserpfeil.gif) bottom right  no-repeat ;
	padding-right: 22px;
}

.element_dreier p, .element_dreier_last p {
	font-size: 12px;
	line-height: 15px;
	color:#373737;
	margin-left:4px;
	margin-right:3px;
}	


.durchschuss {
	font-size: 1px; 
	height:1px;
	clear: both; 
	float: none;
	margin: 0 0 17px 0;
	border-top: 1px solid #c0bfb8;

}

.durchschussstartseite {
	font-size: 3px; 
	height:3px;
	clear: both; 
	float: none;
	margin-bottom: 17px;
	border-top: 1px solid #c0bfb8;
	border-bottom: 1px solid #c0bfb8;
}





.element1_rechts h2 {
	font-size: 14px;

	margin: 0;
	padding: 0;

	margin-bottom:12px;

}

.element1_rechts h2 a {
	padding-left: 20px;
	display: block;
	background: url(../assets/teaserpfeil.gif) 0 1px  no-repeat ;
}





.element1_rechts p{
	padding-left: 20px;
}


.floatfix {
	clear: both;
	float: none;
}



#footer-shops {
	border-top: 1px solid #c0bfb8;
	color: #4d4d4d;
	font-size:11px;
	line-height:15px;
	margin: 0;	
	padding: 5px 0 5px 0;
	clear: both;
	float: none;
}

#footer-copyright {
	border-top: 1px solid #c0bfb8;
	color: #4d4d4d;
	font-size:11px;
	line-height:15px;
		margin: 0;
	padding: 5px 0 5px 0;
}

#footer-shops a, #footer-copyright a {
	text-decoration: none;
}


ul {
	margin: 0;
	margin-bottom: 15px;
	margin-top: 10px;
	
	padding: 0;
	padding-left: 20px;
}

.smaller {
	font-size: 11px;
}



/* Subnavi ausblenden */
.s1, .s2, .s3, .s4, .s5, .s6, #subnav ul {
	display: none;
}

/* Formulare */
input, textarea {
	background:#FFFFFF url(../assets/bg_main_top.gif) repeat-x scroll center top;
	border:1px solid #CCCCCC;
	float:left;
	font-size:12px;
	margin:3px;
	margin-left: 10px;
	padding:2px 2px 2px 5px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
}

label {
	color:#333333;
	float:left;
	font-size:12px;
	margin:0.25em;
	padding:1px;
	text-align:right;
	width:100px;
}

fieldset {
	border: none;	
}

#mailformformtype_mail {
	margin-left:118px;
	margin-top:10px;
	width:188px;
}