/**
* CSS
* 
* @version 1.0
* @author Marko Grewe
* @client http//www.matsstaub.com
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	background: #fff;
	font-weight:300;
	line-height:14px;
/*	overflow-y: hidden;
*/}

body.section-1 { }
body.section-2 { }
body.section-3 { }

/*---------- L I N K S ----------*/
/*------*/
a:link { text-decoration: underline; color: #003366;}
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #003366; }
a:hover { color: #003366; text-decoration: none; background-color:#003366;}

a img { border: none; }


/*---------- F R A M E S ----------*/
/*------*/
#frame_o, #frame_l, #frame_r, #frame_u{background-color:#003366; position:fixed; z-index:999;}
#frame_o, #frame_u{width:100%; height:10px; left:0px;}
#frame_l, #frame_r{width:10px; height:100%; top:0px;}
#frame_o{top:0px;}
#frame_u{bottom:0px;}	
#frame_l{left:0px;}
#frame_r{right:0px;}



/*---------- T O P L A Y E R ----------*/
/*------*/

#navigation{
/*	background-color:#0C6;
*/	top:0px;
	left:0px;
	height:100px;
	width:100%;
	position:fixed;
	z-index:888;
	}

#logo{
	position:fixed;
	width:209px;
	height:29px;
	top:50px;
	left:50px;
	padding-bottom:25px;
	}

#logo a{
	text-decoration:none;
	}
	
#menue{
/*	background-color:red;
*/	height:12px;
	width:450px;
	position:fixed;
	top:79px;
	left:50px;
	margin-top:9px;
	}

#menue ul {
	list-style: none;
	float:left;
	line-height:12px;
	background-color:white;
	line-height:16px;
	}

#menue ul li.section-title {
		width:100px;
		text-transform:uppercase;
		margin-right:20px;
		margin-bottom:10px;
		color:#003366;
		letter-spacing:1px;
		}


navigation #menue a{ color: #003366; text-decoration: none !important; }
#menue ul a:link { color: #003366; text-decoration: none; }
#menue ul a:active { color: #003366; text-decoration: none; }
#menue ul a:visited { color: #003366; text-decoration: none; }
#menue ul a:hover { color: #003366; text-decoration: none; background-color:#003366;}
#menue ul li.section-title:hover { color: #003366; text-decoration: none; background-color:#003366;}




#timestamp{
	font-family: 'Permanent Marker', cursive;
	font-size:20px;
	line-height:22px;
	letter-spacing:3px;
	color: #003366;
/*	border:3px solid #000;
*/	width:60px;
	height:80px;
	padding:5px;
	float:right;
	margin-right:30px;
	margin-top:20px;
	}

#content {
    max-height: 570px;
    margin: 140px 0 0 0;
    top: 0;
	padding: 0 0 0 50px;


}

.container {height: 570px;}
#img-container	{ height:570px; margin: 0; padding: 0; /*min-width:2000px; max-width:200000px;*/}

#img-container p {  width: 300px; margin: 0; padding: 0 15px 12px 0; }
#text p	{ line-height:14px; width: 300px; margin: 0; padding: 6px 15px 6px 0; }
p { line-height:14px; background-color:none; margin: 0 0 9px 0;}
#spalte {	font-weight:300;
}


/*---------- T Y P O G R A P H Y ----------*/
/*------*/
u {
	}
	
em {
	}
	
i {
	}
	
h1 { font-size: 16px; line-height:34px; font-style:bold;}/*benutzt für: Startseite (Headline),*/
h2 { font-size: 24px; line-height:26px; width: 300px; font-style:bold; }/*benutzt für: Projektseite (Headline),*/
h3 { font-size: 12px; line-height:14px; width: 300px; font-weight:400; margin: 0 0 0 0;} /*benutzt für: Projektseite (Subheadline),*/
h4 { font-size: 11px; line-height:14px; width: 300px; font-weight:200; margin: 0 0 9px 0;} /*benutzt für: Projektseite (Kleingedrucktes),*/

strong{font-weight:600;}
small{font-size:8px;}
#once { clear: left; }
iframe body{height:200px; width:300px;}