/* CSS Document */
/* allgemein */
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }


/* Removes list-style from lists */
a { text-decoration: none; }


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

html{background-color:#FAF9F6;}

body {
	margin: 0px;
	padding: 0px;
        font : 72%/1.5 "Trebuchet MS", 
"Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
color : #333;
       
	
}

#bild {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-340px;
	margin-left:-330px;
	padding:0px;
	background-image:url(Bilder/HG.jpg);
	width: 680px;
	height:660px;
	background-repeat: no-repeat;
}

#bild_index {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-340px;
	margin-left:-330px;
	padding:0px;
}

#header {
	position: absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width: 680px;
	height:200px;
}





#content{
	position: absolute;
	top:270px;
	left:200px;
	width:340px;
	height:490px;
	overflow:auto;
	}


#content_projekt{
	position: absolute;
	top:270px;
	left:200px;
        width:340px;
	}


/* navigation */

#nav {
	position:absolute;
	margin:0px;
	padding:0px;
	top:270px;
		left:0px;
	width:170px;
	height:400px;
	text-align:right;
	}

 
#nav li {
        font : 105%/2 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #333; 
	list-style-type: none;
	color: #333;
	padding: 0px;
	}


#nav li a {
	text-decoration: none;
	color: #666;
	}
		
	
#nav li a:hover {
font : 115%/2 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #333; 
	color: #ad2f2d;
	}
	
#nav li ul li a {
	color: #666;
	}	
	
#nav a#current {
	color: #ad2f2d;
	}

#nav a.current {
	color: #ad2f2d;
	}

#nav a.hell {color:#666;
	}
	
	
#sub_nav {
	position:absolute;
	top:220px;
	left:200px;
	width:440px;  
}

#projekt_nav {
	position:relative;
	top:240px;
	left:200px;
	width:440px;  
}




#sub_nav li, #projekt_nav li {
        font : 100%/2 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #333; 
	float:left;
	list-style: none;
    }


#sub_nav li a, #projekt_nav li a {
	color:#666;
    }


#sub_nav li a:hover, #projekt_nav li a:hover {
	
font : 115% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #ae424b; 
    }
	
	
.aktiv
{font : 120% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #ae424b; 
 }

	
	
	
	
	
	
	
	
	
a{ 
color: #6c7113;}


p { 
font-size : 100%;
margin-bottom : .35em; }

h3 { 
margin-bottom : .35em;
color: #ad2f2d;
font : 115%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
letter-spacing : 1px; }


h1 { 
margin-bottom : .35em;
color: #ad2f2d;
font : 125%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
letter-spacing : 1px; }