* {
	border: 0;
	margin: 0;
	padding: 0;
	
	color: #000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-style: normal;
	line-height:16px;
	font-weight:normal;
}

html, body {
	text-align:center;
}

body {
	background:#DDDFDC url('../pics/bg_main.gif');
}

.warnung {
	border:1px solid red;
	padding:10px;
	margin:5px 0;
	clear:both;
}


/*
*	Container
*/
#siteContainer {
	text-align:left;
	width:800px;
	margin:auto;
	background:url('../pics/bg_main.jpg') repeat-y;
}

#topContainer {
	width:800px;
	background:url('../pics/top.jpg') no-repeat;
}


#logo {
	padding:40px 0 0 40px;
	overflow:hidden;
	display:block;
	background:url('../pics/logo_slogan.gif') no-repeat 40px 40px;
	height:53px;
}

#headdivider {
	display:block;
	width:770px;
	height:195px;
	background:no-repeat;
	margin-left:15px;
	margin-top:-7px;
}


#bottomContainer {
	position:relative;
	bottom:0;
	left:0;
	clear:both;
	width:800px;
	padding-top:10px;
	background:url('../pics/bottom.jpg') no-repeat left bottom;
}

#mainContainer {
	position:relative;
	bottom:0;
	left:35px;
	float:left;
	/*width:520px; Nur im Problemfall aktivieren!!! */
	overflow:visible;
	padding-right:20px;
}

#sideBar {
	position:relative;
	bottom:0;
	left:35px;
	float:left;
	width:190px;
	overflow:visible;
}









/*
*	Anderes
*/
#titelbilddiv {
	position:relative;
	top:0;
	left:0;
	
	width:100%;
	height:195px;
	
	overflow:hidden;
}

#titelbild {
	position:absolute;
	top:0;
	left:15px;
}

#projektid {
	width:150px;
	height:18px;
	border:1px solid #666;
}

#extraNavi {
	display:block;
	text-align:right;
	width:770px;
	color:#555;
	margin-top:30px;
	margin-bottom:20px;
}

#extraNavi a {
	padding:0 5px;
	color:#555;
}

#extraNavi a:hover {
	color:#000;
}

h1 {
	font-size:24px;
	line-height:1.5em;
	padding:0 10px;
	margin:20px 0;
	letter-spacing: -1px;
}

h2 {
	font-size:14px;
	line-height:1.2em;
	font-weight:bold;
	letter-spacing: -1px;
}

h3 {
	font-size:12px;
	line-height:1.2em;
	font-weight:bold;
}

h4 {
	font-weight:bold;
}

.orange {
	color:#E94D00;
}



.withborder {
	height:16px;
	width:180px;
	border:1px solid #000;
	padding-left:3px;
}

strong {
	font-weight:bold;
	font-size:1em;
}

input, select {
	height:16px;
	border:1px solid #000;
	padding-left:3px;
}

label {
	display:block;
}






/*
*	Boxen
*/
.mainContentBox {
	width:480px;
	
	background-color:#F4FAFC;
	border:1px solid #DDE5EB;
	
	padding:20px;
	
	margin-bottom:20px;
}

.sideContentBox {
	width:170px;
	
	background-color:#E4EEF7;
	border:1px solid #B9C8D6;
	
	padding:10px;
	margin-bottom:20px;
}


#angebot {
	position:absolute;
	right:5px;
	top:30px;
	z-index:2;
	display: block;
	width: 135px;
	height: 135px;
	background-image: url('../pics/kostenlos.gif');
	text-indent: -1000px; 
	overflow: hidden;	
}

.mainContentBox ul {
	list-style-type:disc;
	list-style-image: url('../pics/redbullet.gif');
	padding-left:2em;
	color: #F00;
}

.mainContentBox ol {
	padding-left:2em;
}

.mainContentBox ul li, .mainContentBox ol li {
	margin:4px 0;
	color:#000;
}

.mainContentBox ul li *, .mainContentBox ol li * {
	color:#000;
}



/*
*	News
*/
#news ul {
	margin-top:5px;
	list-style-type:square;
	padding-left:2em;
}

#news ul li {
	margin:4px 0;
	vertical-align:middle;
}

#news ul a {
	display:block;
	width:90%;
	background-color:transparent;
	padding:3px;
}

#news ul a:hover {
	background-color:#FFF;
	
}



/*
*	Loginform
*/
#loginform input {
	width:100%;
}

#loginform label {
	width:100%;
	margin-top:5px;	
}

#loginform #action{
	width:174px;
	background-color:#F5F9FC;
	padding-left:2px;
	text-align: center;
	margin-top:5px;
	height:18px;
	border: solid #B9C8D6 1px;
}



/*
*	Navigation
*/
#navidiv {
	position:relative;
	top:-6px;
	left:15px;
	clear:both;
	margin-bottom:20px;
	z-index:250;
}

#navigation {
	position:relative;
	top:0;
	left:0;
	width:730px;
	height:39px;
	padding:0 20px;
	z-index:251;	
	background-image:url('../pics/bg_navi.gif');
}

#navigation li {
	display:block;
	height:39px;
	float:left;
	list-style-type:none;
	margin-left:1px;
}

#navigation li.right {
	float:right;
}

#navigation li a, #navigation .on {
	display:block;
	height:39px;
	padding:0 10px;
	text-align:center;
	line-height:44px;
	float:left;
	overflow:hidden;
	color:#FFF;
	background:url('../pics/nav_item_bg.gif') 200px 200px no-repeat;
}
	

#navigation li a:hover, #navigation li a:focus,
#navigation li a:active, #navigation .on {
	background:url('../pics/nav_item_bg.gif') no-repeat;
	background-position:right -39px;
	color:#000;
}

/*
*	Subnavigation
*/
#subnavigation {
	position:relative;
	top:0;
	left:0;
	width:730px;
	height:55px;
	padding:0 20px;
	border-top:5px solid #FFF;
	background-color:#E6EAED;
}

#subnavigation li {
	display:block;
	height:55px;
	float:left;
	list-style-type:none;
	
	border-right:1px solid #FFF;
}

#subnavigation li.right {
	float:right;
	border-left:1px solid #FFF;
	width:81px;
}

#subnavigation li.first {
	border-left:1px solid #FFF;
}

#subnavigation li a {
	display:block;
	height:55px;
	padding:0 15px;
	text-align:center;
	float:left;
	line-height:75px;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	color:#000;
	background-color:#E6EAED;
	letter-spacing:-1px;
}

#subnavigation li.right a {
	width:51px;
}

#subnavigation li a:hover, #subnavigation li a:focus, #subnavigation li a:active, #subnavigation li a.active {
	background-color:#B6C0CB;
}

#subnavigation li.selectproject {
	position:relative;
	top:27px;
	left:20px;
	
	border:0;
	height:20px;
	

}