/***************************************************************/
/* author: Katharina Gattermann
/* for website: http://www.katharinagattermann.com
/* last change: 25.05.2010
/***************************************************************/
/* Dunkelgrau: #333333
/* Hellgrau: #666666
/* Rot: #CC0000
/***************************************************************/
/* Diese Website benutzt den Webfont UnitSlab von Fontshop
/* der Webfont wird bei Typekit gehostet
/***************************************************************/
/************* grundlegende Formatierungen ********************/
/***************************************************************/
* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	font-family: "ff-unit-slab-web-1","ff-unit-slab-web-2", Georgia, "Times New Roman", Times, Serif;
	font-weight: 400;
	font-style: normal;
	color: #000000;
	font-size:105%; /* 100%=1em=16px (default) */
	line-height:1.375em; /* 16×1.375=22 */
}
p {
    font-size:0.875em; /* 16×.875=14 */
	margin-bottom:0.5em;
}
ul {
    font-size:0.875em; /* 16×.875=14 */
}
p a, ul a {
    font-size:inherit; /* same font-size as containing element */
}
h1 {
    font-size:1.25em;
	font-weight: 700;
	font-style: normal;
    }
.wf-active h1 {
	font-size:1.5em;
	font-weight: 700;
	font-style: normal;
}
/*.wf-inactive h1 {
    font-size:1.25em;
	font-style: normal;
    }*/
h2 {
	font-size:1em;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 10px;
}
h3 {
	font-size:0.875em;
	font-weight: 400;
	font-style: normal;
}
h4 {
	font-size:0.875em;
	font-weight: 400;
	font-style: normal;
}
h5 {
	font-size:0.875em;
	font-weight: 400;
	font-style: normal;
}
/***************************************************************/
/******************** Hauptelemente ****************************/
/***************************************************************/
#mainwrap {
	width: 640px;
	position: relative;
	margin: 0 auto;
	top: 0;
	text-align: left;
}
#header {
	width: 640px;
	height: 40px;
	position: relative;
	top: 0px;
	text-align: left;
	padding-top: 30px;
	font-size:1.25em;
	font-weight: 700;
	color: #CC0000;
}
#nav {
	width: 600px;
	height: 40px;
	position: relative;
	text-align: left;
}
#subnav {
	width: 600px;
	height: 100px;
	position: relative;
	text-align: left;
}
#content {
	width: 640px;
	height: auto;
	position: relative;
	float: left;
	text-align: left;
}
/********************************************************************************/
/********************** Navigation **********************************************/
/********************************************************************************/
#nav ul {
	list-style-type: none;
}
#nav ul li {
	float: left;
}
#nav ul li a, 							
#nav ul li a:link, 
#nav ul li a:visited, 
#nav ul li a:active {		
	color: #CC0000;
	text-decoration: none;
	display: block;
	padding: 4px 20px 4px 0;
}
#nav ul li a:hover {
	color: #666666;
}
#nav ul li.current a {
	color: #666666;
}
/********************************************************************************/
/*********************** Navigation 2. Ebene **************************************/
/********************************************************************************/
#subnav ul {
	list-style-type: none;
}
#subnav ul li {
	float: left;	
}
#subnav ul li a, 							
#subnav ul li a:link, 
#subnav ul li a:visited, 
#subnav ul li a:active {	
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 4px 20px 0 0;
	font-weight: 400;
	font-style: italic;	
}
#subnav ul li a:hover {
	color: #CC0000;
}
#subnav ul li.current2 a {
	color: #666666;
}
/********************************************************************************/
/********************** Artikellisten *******************************************/
/********************************************************************************/
#content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#content ul li {
	float: left;	
	padding: 0px 20px 30px 0;
	display: block;
	list-style-type: none;
}
#content ul li a,
#content ul li a:link, 
#content ul li a:visited, 
#content ul li a:active {		
x	color: #666666;
	color: #000000;
	text-decoration: none;
	padding: 0 3px 0 3px;
	height: 18px;
	line-height: 18px;
}
#content ul li a:hover {
x	color: #666666;
	color: #000000;
}
#content ul li.current a {
}
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
#header h1 {
	color: #CC0000;
}
/********************************************************************************/
#content h2 {			/* Projektbezeichnung Hauptüberschrift */
x	text-transform: uppercase;
	color: #333333;
	margin-top: 15px;
}
#content h3 {			/* Projektbezeichnung Unterüberschrift */
x	color: #333333;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#content h4 {
x	color: #666666;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 5px
}
#content h5 {			/* Kennzeichnung Interpunktion blau */
x	color: #0099ff;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 15px
}
#content p {
x	color: #333333;
	color: #000000;
}
/********************************************************************************/
/******************************** Links *****************************************/
/********************************************************************************/

#header a:link,
#header a:hover,
#header a:visited,
#header a:active {
	color: #CC0000;
	text-decoration: none;
}
#content a:link,
#content a:visited,
#content a:hover,
#content a:active {
	text-decoration: none;
	color: #808080;
}

#content h5 a:link,
#content h5 a:visited,
#content h5 a:hover,
#content h5 a:active {
	text-decoration: none;
	color: #0099ff;
}
/********************************************************************************/
.current {
x	color: #666666;
}
.current2 {
	text-transform: uppercase;
	color: #CC0000;
}
/********************************************************************************/
img {
	border: none;
	display: block;
}
#content img {
	border: none;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 15px;
}
#content ul li img {
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}
#content img.nomargin {
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}