/*	-------------------------------------------------------------
	1. RESET 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
                * {
                    margin: 0;
                    padding: 0;
                }
               
                body{
                    background: #f6f6f6 url(../images/body_bg.gif) repeat-x left top;
                    font: 0.625em/1.5em arial,tahoma,verdana,sans-serif;
                }
			                 
			    h1 {
					font-size: 20px;
					font-weight: normal;
					font-family: helvetica, arial;
					color: #990033;
			    } 
			    h2 {
					color: #990033;
					font-size: 13px;
					margin: 0;
			    } 
			    h3 {
					color: #990033;
					font-size: 11px;
					margin: 0;
			    }
			    h4 {
                }			   
			    h5 {
                }
			    h6 {
                }			   			   			   
				li {
                    list-style: none;
                }
			    a {
					color: #990033;
					text-decoration: underline;
				}
				a:hover {
					text-decoration: none;
				}
				a:active, a:focus {
				outline: none ! important;
				}
				img {
				border: none;
				}
				
/*	------------------------------------------------------------------
	2. STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
                #container{
                    background-color: transparent;
                    /*border: 1px solid #1166cc;*/
					width: 850px;
					position: relative;
					color:#666;
					margin: auto;
					z-index: 20;
                }

				#header{
					width: 100%;
					height: 245px; 
					position: absolute;
					background: #990033;
					border-bottom: 1px solid #fff;
					padding: 0;
					z-index: 10;
				}
				
				#content{
					clear: both;
					padding: 0 20px 0 20px;
					margin: 0 0 20px 0;
					background: #fff;
					border: 1px solid #dddddd;
				}
				
			   .clear {
					clear: both;
					font-size:1px; 
					margin:0; 
					padding:0; 
					height:0;
				}
				
			   .line {
					border-bottom: 1px dotted #ccc;
					margin: 0 5px 5px 5px;
					padding: 5px 0 0 0;
					height:1px;
				}
			   
/*	------------------------------------------------------------------
	3. NAVIGATIONSMENÜ/LOGO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
				#claim {
					height: 60px;
					width: 250px;
					float: left;
					color: #fff;
					font-size: 11px;
					margin: 50px 0 20px 3px;
					display: inline;
				}
				#claim b {
					font-size: 12px;
				}
				#claim a {
					color: #fff;
					text-decoration: none;
				}
				#logo{
					height: 60px;
					width: 150px;
					float: right;
					margin: 50px -10px 20px 0;
					display: inline;
				}
			
	            #navigation{
					clear: both;
					height: 25px;
					width: 805px;
					padding: 15px 0 0 5px;
					border-bottom: 1px dotted #ccc;
				}
				#navigation li{
					display: inline;
					padding: 0 5px;
				}
				#navigation span{
					margin-left: 5px;
					color: #990033;
					font-size: 13px;
				}
				#navigation .mainnav {
					float: left;
			    } 
			    #navigation .mainnav a {
					color: #666;
					font-size: 13px;
					font-weight: bold;
					text-decoration: none;
                }				
			    #navigation .mainnav a:hover {
					color: #990033;
			    } 
			    #navigation .mainnav li.active {
					color: #990033;
					font-size: 13px;
					font-weight: bold;
			    } 

			    #navigation .metanav {
					float: right;
					margin-right: 10px;
			    } 
			    #navigation .metanav a {
					color: #999;
					font-size: 11px;
					text-decoration: none;
                }				
			    #navigation .metanav a:hover {
					color: #990033;
			    } 
				#navigation .metanav li{
					display: inline;
					padding: 0 1px;
				}
				#navigation .metanav span{
					color: #ccc;
					font-size: 12px;
					margin: 0;
				}

/*	-------------------------------------------------------------
	4. SIDEBAR/KATREGORIEN/BOXES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
				#sidebar {
					clear: both;
					width: 319px;
					background: #fff;
					float: left;
                    margin: 20px 10px 0 0;
					line-height: 150%;
					font-size: 11px;
				}

				#sidebar .box{
					margin-bottom: 20px;
					width: 319px;
					line-height: 153%;
					font-size: 11px;
				}	
				#sidebar .box .box_content{
					width: 290px;
					padding: 10px 10px 15px 10px;
					border: 1px solid #dddddd;
					background: transparent url(../images/box_background.gif) left bottom repeat-x;
				}	
				#sidebar .box img{
					margin: 10px 10px 0 0;
					float: left;
					border: 1px solid #7f7f7f;
				}
				#sidebar .box p{
					margin: 8px 0 0 0;
				}
				#sidebar .box_bottom{
					background: transparent url(../images/box_shadow.gif) left top no-repeat;
					height: 8px;
				}
				
				#sidebar .box_claim{
					margin-bottom: 20px;
					width: 319px;
					line-height: 135%;
					font-size: 14px;
				}
				#sidebar .box_claim a{
					font-size: 11px;
				}
				#sidebar .box_claim .box_content{
					width: 290px;
					height: 72px;
					padding: 15px 10px 20px 10px;
					border: 1px solid #dddddd;
					background: transparent url(../images/box_background.gif) left bottom repeat-x;
				}
				#sidebar .box_claim img{
					margin: 0 10px 0 0;
					float: left;
					border: 1px solid #7f7f7f;
				}
				#sidebar .box_claim p{
					margin: 3px 0 0 0;
				}

/*	-------------------------------------------------------------
	5. INHALT/REFERENZEN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
					
				#inhalt {
					float: left;
					margin: 0 0 0 10px;
					background: transparent;
					padding: 0;
					line-height: 145%;
					margin-top: 20px;
					width: 465px;
					font-size: 12px;
				}
				
				#inhalt .projektliste {
					padding: 0 0 15px 15px;
					height: 150px;
					margin-bottom: 10px;
					font-size: 11px;
					border-bottom: 1px dotted #ccc;
				}
				#inhalt .projektliste span {
					font-weight: bold;
				}
				#inhalt .projektliste .thumb {
					float: left;
					margin: 8px 15px 0 0;
					display: inline;
				}
				#inhalt .projektliste .thumb img{
					border: 1px solid #9ca3a7;
				}
				#inhalt .projektliste .thumb a{
					padding: 0;
				}
				#inhalt .projektliste .beschreibung {
					float: left;
					margin: 6px 0 0 0;
					width: 330px;
					display: inline;
				}
				
				#inhalt .text {
					padding: 10px 20px 0 15px;
					margin-bottom: 10px;
					font-size: 11px;
					line-height: 170%;
				}
				#inhalt .text h1{
					margin-bottom: 15px;
				}
				#inhalt .text p{
					margin: 7px 0;
				}
				#inhalt .text li{
					padding-left: 5px;
				}
				#inhalt .text .list {
					margin-top: 10px;
				}
				#inhalt .text .list li{
					list-style: square;
					margin-left: 25px;
				}
										
				#inhalt .referenzliste {
					padding: 0 0 5px 0;
					margin-bottom: 8px;
					font-size: 11px;
					border-bottom: 1px dotted #ccc;
				}
				#inhalt .referenzliste span {
					font-weight: bold;
				}
				#inhalt .referenzliste .thumb {
					float: left;
					margin: 8px 15px 0 0;
					display: inline;
					width: 130px;
				}
				#inhalt .referenzliste .thumb a{
					padding: 0;
				}
				#inhalt .referenzliste .beschreibung {
					float: left;
					margin: 0;
					width: 280px;
					display: inline;
				}				
			
				
/*	-------------------------------------------------------------
	6. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
                #footer {
                    clear: both;
					background: transparent;
                    color:#999;
                    height: 30px;
					text-align: left;
					font-size: 11px;
					padding-top: 30px;
                }
                
			    #footer li {
                    display: inline;
                    list-style: none;
					padding-left: 3px;
                } 
			    #footer .data{
					margin-left: 170px;
                }          
                #footer a {	
                    color: #999;
					text-decoration: none;
                }    
			    #footer a:hover {
					color: #990033;
                } 	
/*	-------------------------------------------------------------
	7. CLEARFIX FÜR FIREFOX
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
			   .clearfix:after {
				    content: "."; 
				    display: block; 
				    height: 0; 
				    clear: both; 
				    visibility: hidden;
			   }

					/* Hides from IE-mac \*/
					* html .clearfix {height: 1%;}
					/* End hide from IE-mac */