@charset "utf-8";

* {margin:0; padding:0;}
 
#wrapper {
	width:960px;
	margin-top:10px;
	margin-left:auto; 
	margin-right:auto;}

#header {
	background-color: #a41d23;
	height:60px;
	width:960px;}


/*********************navi***********************************************/

#navi {height:48px; background-color:white; }


#navi ul {
	margin:0; 
	padding:0;	
	width:720px; 
	height:48px;
	/*margin-left: auto; 
	margin-right: auto;*/ }

#navi li {
	position:relative;
	float:left;
	width:auto;
	list-style:none;
	line-height:24px;
	text-align:center;
	padding-left:20px;
	padding-right:30px; 
	color: #a41d23; 
	font-size:14px;
	font-family: "Century Gothic", Arial, sans-serif;
	
		 } 
#navi li a {text-decoration: none; }

#navi ul ul {
	position:absolute;
	left:0px;
	display:none; 
	margin-top:0;}
			
#navi ul.level1 li.submenu:hover ul.level2 {
	display: block; }
#navi ul.level1 li.submenu:active ul.level2 {
	display: block; }

#navi ul.level2 {padding-left:20px; }
#navi ul.level2>li {font-size:13px;}

#navi ul.level1 li:hover {color: #666;}

#navi ul.level1>li>a {color: #a41d23; }
#navi ul.level1>li>a:hover {
	color:#666;
	
}
#navi ul.level2>li>a:hover {color:grey;}
#navi ul.level2>li>a {color:#a41d23; }


#contentwrapper {width:960px; }

#gallery {float:left; width:781px; }

#slideshow  {float:left; }

#slideshowprojekte {float:left; margin-left:355px; width:425px;}

#sidebar { margin-left:780px; width:180px;  height:277px; background-image:url(Bilder/hg_sidebarbild.png); background-repeat:no-repeat; }

#teaserbox1 {
	position:relative;
	float:left;
	margin-left:115px;
	padding-top:24px;
	width:320px;
	height:100px;}

#teaserbox2 {margin-left:435px; 
			padding-top:24px; 
			width:320px; 
			padding-left:20px; 
			height:100px;  }

#teaserbox3 {position:relative;
	float: left;
	margin-left:115px;
	padding-top:24px;
	width: 580px;
	height: 100px;}

#projektcontentwrapper {position:relative; width:960px; }

#box1 {float:left; width:355px; }
#headlinebalken {
	width:355px;
	height:120px;
	/*border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666;
	border-left-color: #666;
	border-top: 1px solid #666;*/
	background-color:#a41d23;}
	
#maincontent {position: relative; width:325px; height:250px; padding-left:5px; padding-right:25px; 
 }

#box2 {float:left; width:425px;}
#projektgallery {width: 425px; height:276px;}
#status {margin-top: 10px; width:425px; height:150px; }

#tabelleleft {float: left; width:150px; height:100px; }
#tabelleright {width: 275px; height:100px; }

#box3 {float:left;
	width:178px;
	height:426px;
	background-image:url(Bilder/hg_sidebarbild.png);
	background-repeat:no-repeat;}

#subnavi {margin-top:140px; padding-left:50px; text-align:right;}

#footer {
	position:relative;
	width:960px;
	height:62px;
	margin-top:18px;
	color: #666;
	font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	line-height:24px;}
			

.level1 { }
.submenu { }
.level2 { }

.mehr a{text-align:right; color:#a41d23; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; }
.tabelle1 {
	color: #666; font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	font-weight: bold;
}
.tabelle2 {color:#666; font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;}
.projektlinks {
	font-family:"Century Gothic", Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height:30px;
	color: #a41d23;
	text-decoration:none;
	text-align:right;
}
.projektlinksaktiv {
	font-family:"Century Gothic", Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height:30px;
	color: #666;
	text-decoration:none;
	text-align:right;}
	
.white {color:#FFF;}
.aktiv {color:#666;}

#subnavi a {text-decoration:none; color:#a41d23; }
#subnavi a:hover {color:grey;}

#sidebar a {text-decoration:none; color:#a41d23; }
#sidebar a:hover {color:grey;}


h1 {
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 18px;
	color: #a42d23;
	font-weight:200;
	font-variant:normal;
	line-height:50px;
}

h2 {
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 14px;
	color: #a42d23;
	font-weight:200;
	font-variant: normal;}

h3 {
	font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-left:10px;
	line-height: 26px;
	color: #333;
	padding-top:5px;
}

p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	line-height:24px;
	font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
	font-size:14px;
	font-style:normal;
	line-height:20px;
	font-weight:bold;
	color: #666;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666;
	;
}