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

* {
	margin: 0px;
    padding: 0px;
    outline: none;
}

body {
	background: #ffffff url(../images/bg-body.jpg) top center repeat-x;
    color: #352e19;
}


div#container {
	width: 950px;
    margin: 0 auto;
    font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
}

div#header {
	height: 360px;
    width: 950px;
    position: relative;
    background: url(../images/bg-div-header.jpg) top left no-repeat;
}


.clear {
	clear: left;
}
	div#header h1#branding a {
    	display: block;
		height: 130px;
    	width: 224px;
    	text-indent: -9999px;
    	background: url(../images/bg-a-branding.jpg) top left no-repeat;
    	position: absolute;
    	left: 25px;
    	top: 25px;	
        z-index: 5;
	}
	div#header #slideshow {
	left: 26px;
	position: absolute;
	top: 28px;
	width: 900px;
	height: 315px;
	overflow: hidden;
	display: block;
	z-index: 0;
    }
    
    div#header #slideshow img {
    	position: absolute;
    	left: 0px;
        top: 0px;
        display: none;
    }
ul#navigation {
	width: 925px;
	height: 34px;
	background: url(../images/bg-navigation2.jpg) top left no-repeat;
    text-indent: -9999px;
    position: releative;
}

	ul#navigation li {
		float: left;
    	display: block;
   	 	height: 39px;
	}

	ul#navigation li a {
    	display: block;
    	height: 39px
	}
    
    ul#navigation li#profil a{
    	width: 63px;
        background: url(../images/bg-navigation2.jpg) 0px -39px no-repeat;
    }


    ul#navigation li#aussenverschattung a{
    	width: 145px;
        background: url(../images/bg-navigation2.jpg) -63px -39px no-repeat;
    }
    
    ul#navigation li#innenverschattung a{
    	width: 143px;
        background: url(../images/bg-navigation2.jpg) -208px -39px no-repeat;
    }

    ul#navigation li#aktuelles a{
    	width: 80px;
        background: url(../images/bg-navigation2.jpg) -351px -39px no-repeat;
    }
	 
	 ul#navigation li#aktionen a{
    	width: 79px;
        background: url(../images/bg-navigation2.jpg) -431px -39px no-repeat;
    }

    ul#navigation li#referenzliste a{
    	width: 102px;
        background: url(../images/bg-navigation2.jpg) -510px -39px no-repeat;
    }

    ul#navigation li#galerie a{
    	width: 67px;
        background: url(../images/bg-navigation2.jpg) -612px -39px no-repeat;
    }
    
    ul#navigation li#kontakt a{
    	width: 75px;
        background: url(../images/bg-navigation2.jpg) -679px -39px no-repeat;
    }

    ul#navigation li#anfahrt  a{
    	width: 70px;
        background: url(../images/bg-navigation2.jpg) -754px -39px no-repeat;
    }

    ul#navigation li#impressum a{
    	width: 101px;
        background: url(../images/bg-navigation2.jpg) -824px -39px no-repeat;
    }

	/*Hover zustände */
    ul#navigation li#profil a:hover,  ul#navigation li#innenverschattung a:hover, ul#navigation li#aussenverschattung a:hover, ul#navigation li#aktuelles a:hover,  ul#navigation li#aktionen a:hover,
    ul#navigation 	li#referenzliste a:hover, ul#navigation li#galerie a:hover, ul#navigation li#kontakt a:hover, ul#navigation li#anfahrt a:hover, ul#navigation li#impressum a:hover {
    	background: none;
    }
    
	/*Active zustände */
    ul#navigation li#profil a.active,  ul#navigation li#innenverschattung a.active, ul#navigation li#aussenverschattung a.active, ul#navigation li#aktuelles a.active, ul#navigation li#aktionen a.active,
    ul#navigation 	li#referenzliste a.active, ul#navigation li#galerie a.active, ul#navigation li#kontakt a.active, ul#navigation li#anfahrt a.active, ul#navigation li#impressum a.active 	{
    	background: none;
    }
    
div#content {
	margin-left: 25px;
    width: 590px;
    margin-top: 41px;
    margin-bottom: 30px;
    float: left;
    margin-right: 30px;
    color: #352e19;
}

	#content a, #sidebar a {
	text-decoration: underline;
    color: #352e19;
	}

	#content a:hover, #sidebar a:hover {
	text-decoration: none;
    color: #0051a2;
	}

	div#content p {
    	font-size: 11px;
    	line-height: 18px;
        margin: 0 0 21px 0;
    }
    
	div#content p.last {
        margin: 0 0 0 0;
    }
    
	div#content h2 {
		text-indent: -9999px;
    	height: 49px;
    	width: 950px;
   		display: block;
	}
    
    h2#h2-aktuelles {
    	background: url(../images/h2/aktuelles.jpg) top left no-repeat;
    }
    
    h2#h2-anfahrt {
    	background: url(../images/h2/anfahrt.jpg) top left no-repeat;
    }
    
    h2#h2-aussenverschattung {
    	background: url(../images/h2/aussenverschattung.jpg) top left no-repeat;
    }
    
    h2#h2-innenverschattung {
    	background: url(../images/h2/innenverschattung.jpg) top left no-repeat;
    }
    
    h2#h2-profil {
    	background: url(../images/h2/profil.jpg) top left no-repeat;
    }
    
    h2#h2-impressum {
    	background: url(../images/h2/impressum.jpg) top left no-repeat;	
    }
    
    h2#h2-kontakt {
    	background: url(../images/h2/kontakt.jpg) top left no-repeat;	
    }
    
    h2#h2-referenzliste {
    	background: url(../images/h2/referenzliste.jpg) top left no-repeat;
    }
	
	h2#h2-impressum {
    	background: url(../images/h2/impressum.jpg) top left no-repeat;
    }
	
	h2#h2-error {
    	background: url(../images/h2/error.jpg) top left no-repeat;
    }
	
	h2#h2-galerie {
    	background: url(../images/h2/galerie.jpg) top left no-repeat;
    }
	
	h2#h2-danke {
    	background: url(../images/h2/danke.jpg) top left no-repeat;
    }
    
    div#content div.seperator {
    	display: block;
        width: 100%;
        height: 1px;
        background: url(../images/bg-div-seperator.png) repeat-x;
        margin-bottom: 20px;
        margin-top: 10px;
    }

	div#content h3 {
		font-size: 11px;
    	font-weight: bold;
  		color: #0051a2;
	}

	div#content div#full-column {
		width: 590px;
	}

	div#content div.column1 {
		background: url(../images/bg-div-content.png) 294px 0px repeat-y;
    	width: 280px;
    	float: left;
        min-height: 300px;
        padding-right: 30px;
	}
    
    div#content img {
    	border: none;
        background: none;
    }
    
	div#content div.column2 {
		float: left;
        width: 280px;
        min-height: 300px;
	}
    
    .cms-content {
		width: 410px;
    	float: left;
    	padding-right: 20px;
    	background: url(../images/bg-div-content.png) 440px 0px no-repeat;
	}	

	.cms-images {
		width: 160px;
    	float: left;
        
	}
    
    .cms-images img {
    	margin-bottom: 10px;
    }
    
    .cms-images2 img {
    	margin-bottom: 10px;
        margin-right: 10px;
        float: left;
    }
    	
    .cmsimage-index {
    	margin-bottom: 20px;
    }
    
    div#content ul {
    	line-height: 25px;
        padding-left: 15px;
        list-style-type: square;
        margin-bottom: 25px;
        font-size: 11px;
    }

    
div#sidebar {
	width: 280px;
    margin-top: 90px;
    background: url(../images/bg-sidebar.jpg) top left no-repeat;
    float: left;
    font-size: 11px;
    line-height: 18px;
}

	div#sidebar h3 {
    	text-indent: -9999px;
        height: 0px;
    }
    
	div#sidebar p.sidebar-adress {
    	margin-top: 37px;
    }
    
    div#sidebar p.fragen {
    	margin-top: 62px;
    }
    
	div#sidebar p {
    	margin-bottom: 14px;
    }	
    
    div#sidebar p .spacer {
        width: 73px;
        display: block;
        float: left;
    }
    
div#footer {
	clear: left;
	width: 950px;
    height: 24px;
    background: url(../images/bg-div-footer.jpg) 25px 0px no-repeat;
    margin-bottom: 25px;
    position: relative;
    color: #352e19;
}



div#footer ul {
	width: 730px;	
    height: 24px;
    font-size: 11px;
    list-style-type: none;
    position: absolute;
    left: 216px;
    top: 8px;  
}


div#footer ul li {
	display: block;
    width: auto;
    margin-right: 18px;
    float: left;
}

div#footer ul li a {
    text-decoration: none; 
    color: #352e19;
}


div#footer ul li a:hover {
    text-decoration: underline; 
    color: #352e19;
}

div#footer a#nachoben {
	text-indent: -9999px;
    width: 93px;
    height: 24px;
    position: absolute;
    top: 0px;
    left: 25px;
    display: block;
    background: url(../images/bg-div-footer.jpg) 0 0 no-repeat;
}	

div#footer a:hover#nachoben {
    background: url(../images/bg-div-footer.jpg) 0 -24px no-repeat;
}