/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar 
* @author invertednothing
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;  
}

body.section-1 #menu { /* overflow: visible; */ }
body.section-2 { }
body.section-3 { } 
 
#website {
    position: relative;
    top: 0px; 
    left: 0px;
}

a:link { text-decoration: none; color: #000; }
a:active { text-decoration: none; }
.active a { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #000; }

a img { border: none; }     

#logo {
	width: 235px; 
    border-bottom:4px double #d6d6d6;  
	padding: 0; 
	margin: 0 0 17px 0;
	/*width: 945px;  unter vorbehalt */
} 

#logo p {     
	position: relative;
	top: 5px;
	padding: 0; 
	margin: 0;
} 

#menu {
    width: 260px;
    overflow: hidden; 
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff; 
	margin: 40px 0 0 23px;
	
} 
 
#menu ul {  
	list-style: none;
}

#menu .projects_menu {
	width: 220px;
	padding: 6px 0 0 0;
	margin: 0 0 5px 0;
	border-top: 1px solid #d6d6d6;   
}   

#menu .projects_menu a {
	color: #888;
}

#menu .projects_menu .active a {
	color: #000;
}

#menu .projects_menu a:hover {
	color: #000;
}

#menu .main_menu { 
	border-top: 1px solid #d6d6d6; 
	width: 235px;
	margin: 0 0 40px 0;
	/*width: 945px;  unter vorbehalt */
}        

#menu .main_menu li { 
	border-bottom: 1px solid #d6d6d6;
	line-height: 19px;
	padding:0; margin:0; 
	/*width: 945px;  unter vorbehalt */
}    

#menu .main_menu li a { 
	position: relative;
	top: 5px;
}

#menu ul li.section-title { font-weight: bold; font-size: 11px; }

#content { 
	width: 680px;
    height: 100%;
    margin: 109px 0 0 295px;
    top: 0;   
    font-size: 12px; 
	font-weight: normal;    
	overflow:hidden;
}        
#content .txt_content {
	width: 680px;
}

.container {
    padding: 5px 0px 0px 0px;
}

/*#content p { width: 680px; margin-bottom: 9px; padding: 0; }  */

   
#home_news {  
    /*  
	position: absolute;
	top:-60px;
	*/
} 

#news_button {
	position: absolute;
	top: -80px; 
	left: 902px;
	cursor: pointer;
	z-index: 99;
}

.news {  
	width: 680px;
	height: 125px;
}           
.news .image { 
	width: 260px;
	height: 125px;
	overflow: hidden;
	position: relative;
	float: left; 
	text-align: right;
} 
   
.news .text { 
	width: 400px; 
	position: relative;
	left: 11px;
	top: 0px;
	float: left;
	color: #444; 
	line-height: 21px;
} 

.news .text a { 
	color: #000; 
	font-style: italic;
}


#contact_teaser { 
	width: 680px;
	position: absolute;
	top: 111px;
} 

#home_teaser { 
	width: 680px;
	position: absolute;
	top: -21px;
}    

#home_links { 
	width: 680px;
	position: absolute;
}

.spacer2 {
	width: 222px;
	text-align: right;
	float: left;
	margin: 0 4px 4px 0;
}  

.spacer .title {
    font-size: 11px;  
	font-weight: bold; 
	letter-spacing: 0.1px;
}  
   
.contact {
	width: 222px;
	float: left;
	margin: 0 4px 4px 0;
}  

.contact p {
	margin: 0;
	padding: 0 0 0 0;
}

.contact .text { 
    font-size: 11px;
	width: 200px;
	padding: 18px 0 8px 6px;  
	line-height: 11px;
} 

.contact .text strong { 
    font-size: 12px;
	font-weight: normal;
}  

.links { 
    width: 222px;
	height: 125px;
	font-size: 11px; 
	margin: 0 0 4px 0;
}
   
.links a { 
    color: #444;
    width: 215px; 
}

.links a:hover { 
    text-decoration: underline;
}   

.links .title {     
	width: 200px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.1px;
	padding: 18px 0 8px 6px;     
}  
.links .text {
    position: relative;
	left: 11px;
	top: 0px;
	width: 130px;
	line-height: 11px; 
}   

#home_links .row {
    width: 222px;
    min-height: 400px;
    padding: 0 4px 0 0;  
    float: left;
}

.teaser {
	width: 222px;
	font-size: 10px; 
	float: left;
	margin: 0 4px 4px 0;
}           
.teaser .title {     
	width: 200px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.1px;
	padding: 18px 0 8px 6px;  
	
}
.teaser .image { 
	position: relative; 
	overflow: hidden;
	left: 6px;
	width: 75px;
	height: 75px;
	float: left;
	padding-bottom: 22px;
}    
.teaser .text {
	position: relative;
	left: 11px;
	top: 0px;
	width: 130px;
	float: left;
	line-height: 11px;
	text-align:justify;
	color: #444;
} 

.teaser .text a {
	color: #000; 
	font-style: italic;
}
 

p {
    margin: 0 0 9px 0;
}  

h1 { font-size: 15px; font-weight: bold; display:inline; line-height: 21px; }
h2 { font-size: 15px; font-weight: normal; text-transform: uppercase; font-style:italic; display:inline; line-height: 21px; }
h3 { font-size: 14px; font-weight: normal; display:inline; line-height: 21px; }
h4 { font-size: 13px; font-weight: normal; display:inline; line-height: 21px; }
.headline { font-size: 18px; font-weight: bold; line-height: 20px; height:20px; } 
.headline2 { font-size: 17px; font-weight: bold; line-height: 20px; height:20px; line-height: 22px; }  
.subheadline { font-size: 16px; font-style:italic; line-height: 20px; height:20px; margin: 3px 0 17px 0; }
.subheadline2 { font-size: 16px; font-style:italic; line-height: 21px; height:20px; margin: 0px 0 0px 0; margin: 0 0 3px 0; line-height: 22px; }    
.spacer { line-height: 19px; height:19px; }     


#img-container	{ margin: 0 0 3px 0; padding: 0; }
#img-container p	{ font-size:11px; }

#once { clear: left; }  
.clr { clear: left; }    
  
.din_11 {
    
}   

.din_12 {
    
}

.din_15 {
    
}    

.din_19 { 
	font-size: 19px;   
	text-transform: uppercase; 
}     

.din_22 {   
	font-size: 22px; 
	text-transform: uppercase;
}   

.nav  { font-size: 11px; }
#prev { text-transform: uppercase; font-style:italic; font-size: 10px; }  
#next { text-transform: uppercase; font-style:italic; font-size: 10px; } 
#video_link { text-transform: uppercase; font-style:italic; font-size: 10px; }  
#video_obj { display: none; }    
#video_obj object { position:absolute; top:0; left: 0; }