@import url(normal.css);
@import url(navigation.css);

/*********************
PAGE
**********************/


html { height: 100%; }

body {
	background-image: url(../img/body_bg.gif);
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}


#wrap {
	background: url(../img/header_bg.gif) top center repeat-x;
	min-height: 100%;
	padding: 0; 
	z-index:1; 
	margin: 0 auto;
	position: relative;
	clear: left;
}

* html #wrap { height: 100%; }

#top {
	height: 7px;
	background: url(../img/stripe_bg.gif) top center;
	}

#header {
	background: url(../img/bg_navi.gif) bottom center repeat-x;
	position: relative;
}
#headercontent {
	height: 233px;
	background: url(../img/branding_bg.gif) top center no-repeat;
}
#branding {
	margin: 0 auto;
	width: 360px;
}

#pagecontent {
	margin: 35px auto 0 auto;
	width: 950px;
	z-index:1;
	padding-bottom: 20px;
	position: relative;
	clear:left;
}

* html #pagecontent { margin: 35px auto 158px auto; }
*+ html #pagecontent { margin: 35px auto 170px auto; }

#footer {
	font: bold 14px/20px Arial,Helvetica,sans-serif;
	color: #EAEAD7;
	padding: 0;
	clear:left;
	margin: -158px 0;
	z-index:99; 
	position: relative;
	height: 150px;
}

hr {
	width: 0px;
	height: 0px;
	visibility: hidden;
}




/*********************
CONTENT START
**********************/


#topnews {
	margin: 0px auto;
	width: 875px;
	position: relative;
	padding: 3px 0 15px 75px;
	background: url(../img/topnews.gif) top left no-repeat;
}
#news {
	width: 575px;
	background: url(../img/news_bg.gif) top left no-repeat;
	float: left;
	margin: 10px 10px 10px 0;
	height: 250px;
	position: relative;

}
.teaser {
	padding: 0 20px 0 75px;
	background: url(../img/news.gif) top left no-repeat;
	margin: 20px 5px;
	}

#faq {
	width: 365px;
	background: url(../img/faq_bg.gif) top left no-repeat;
	float: left;
	margin: 10px 0 10px 0;
	height: 150px;
	position: relative;
}
.faq_teaser {
	padding: 3px 20px 0 75px;
	background: url(../img/feder.gif) top left no-repeat;
	margin: 20px 0 0 0;
}
#pagecontent #faq .faq_teaser h1 {
	font-size:17px;
	letter-spacing:normal;
	margin-bottom:0; padding-bottom:5px;
}
/*********************
LOGIN
**********************/
.tx-felogin-pi1, .tx-felogin-pi1 h3 {
	color: #EAEAD7;
}
#faq input {
	width: 120px;
	height: 12px;
	float: left;
	margin: 3px 5px 0 0;
	padding: 2px 2px 0 2px;
	font: normal 10px/10px Arial,Helvetica,sans-serif;
	color: #595D50;
	border: none;
	background: url(../img/body_bg.gif);
}
#faq #kurslogin {
	color: #EAEAD7;
	background: none;
	font: bold 17px/17px Arial,Helvetica,sans-serif;
	padding: 0;
	width: 100%;
	height: 20px;
	margin: 5px 0 0 -2px;
	text-transform: lowercase;
	text-align:left;
}
#faq #kurslogin:hover {
	color: #D9775A;
}
#faq input[type=submit] {
	color: #EAEAD7;
	background: none;
	font: bold 17px/17px Arial,Helvetica,sans-serif;
	padding: 0;
	margin: -3px 0 5px 3px;
	height: 20px;
	text-transform: lowercase;
	text-align:left;
}
#faq input[type=submit]:hover {
	color: #D9775A;
}
#faq .error {
	color: #D9775A;
}
#pagecontent #faq p a {
	color: #EAEAD7;
	font-weight:normal;
	padding:0;
}
#pagecontent #faq p a:hover {
	color: #D9775A;
}
#intro {
	width: 365px;
	background: url(../img/info_bg.gif) top left no-repeat;
	float: left;
	margin: 0;
	height: 90px;
	position: relative;

}
.intro_teaser {
	padding: 3px 20px 0 75px;
	background: url(../img/info.gif) top left no-repeat;
	margin: 10px 0 0 0;
}
.intro_teaser p {
	color: #000;	
}
#pagecontent #intro .intro_teaser h1 {
	font-size:17px;
	letter-spacing:normal;
	margin-bottom:0; padding-bottom:5px;
}
#partner {
	margin: 15px 10px 30px 0;
	width: 875px;
	position: relative;
	float: left;
	padding: 0px 0 1px 75px;
	background: url(../img/partner.gif) top left no-repeat;
}

/*********************
CONTENT
**********************/

.seminar {
	width: 680px;
	float: left;
	margin-left: 35px;
	padding: 0 0 30px 0;
}

.seminar p {
	padding: 0 0 0 10px;
}
#collumn {
	width: 650px;
	margin: 10px auto 0 auto;
	position: relative;
	padding: 0 0 25px 0;
	clear:left;
	}
#collumn h1 {
	margin-top: 0!important;
	padding: 15px 0 25px 0;
}
#collumn p {
	padding: 0;

}
input {
	width: 200px;
	float: left;
	margin: 3px 5px 0 0;
	padding: 2px 4px;
	font: normal 12px/12px Arial,Helvetica,sans-serif;
	border: none;
	background: #A1A893;
	color: #000;
}
input:hover {
	background: #797E6E;
}

input[type=submit] {
	color: #D9775A;
	background: none;
	font: bold 17px/17px Arial,Helvetica,sans-serif;
	padding: 0;
	margin: 0 0 5px 3px;
	height:20px;
	text-transform: lowercase;
	text-align:left;
}
input[type=submit]:hover {
	color: #000;
}


/*********************
CONTENT 2 COLLUMN
**********************/

#leftcollumn {
	width: 565px;
	float: left;
	margin: 10px 20px 10px 0;
	position: relative;
	padding: 0 0 25px 0;

}
#leftcollumn h1 {
	margin-top: 0!important;
	padding: 15px 0 25px 65px;
}
#leftcollumn p {
	padding: 0 15px 0 10px;

}

#rightcollumn {
	width: 305px;
	float: left;
	position: relative;
	padding: 0 0 30px 0;
}

#rightcollumn h1 {
	width: 305px;
	height: 40px;
	margin: 10px 0 0 0!important;
	padding: 25px 40px 0 20px;
	position: relative;
}

#rightcollumn #project_list {
	margin: 0px;
}

#project_list .archiv {
	padding: 25px 0 0 0;
}
#project_list .archiv a {
	font: bold 14px/40px Arial,Helvetica,sans-serif;
	text-transform: lowercase;
	text-decoration: none;
	color: #EAEAD7;
}

#project_list .archiv a:hover {
	color: #000000;
}


/*********************
CONTENT PROJEKTE
**********************/

#news-single {
	width: 565px;
	float: left;
	margin: 10px 20px 10px 0;
	position: relative;
	padding: 0 0 25px 0;

}
.news-single-img {
	float: left;
	margin: 0 15px 0 0;
}
.news-single-img img {
	margin: 7px 0 0 10px;
}

.news-single-imgcaption {
	width: 240px;
	font: bold 9px/11px Verdana, Arial,Helvetica,sans-serif;
	padding: 5px 0 0 0;
	color: #D86543;
}

#news-single p {
	padding: 0 15px 0 10px;

}
.csc-textpic-imagewrap dl {
	padding: 8px 10px 5px 10px;
}

.csc-textpic-caption {
	width: 240px;
	font: bold 9px/11px Verdana, Arial,Helvetica,sans-serif;
	padding: 7px 0 0 0;
	color: #D86543;
}

#project_list a.archiv , #project_list a:link.archiv  {
	font: bold 14px/40px Arial,Helvetica,sans-serif;
	text-transform: lowercase;
	text-decoration: none;
	color: #EAEAD7;
	padding: 10px 0 0 0;

}
#project_list {
	width: 305px;
	background: #D86543 top left no-repeat;
	float: left;
	padding: 0 40px 15px 20px;
	position: relative;
	margin: 0;
}

.list_header {
	margin: 10px 0 0 0;
	background: #D86543 top left no-repeat;
	padding: 15px 40px 0 20px;
	width: 305px;
	display: block;
	float: left;
	height: 45px;
}
ul#projects li {
	padding: 0 0 5px 0;
}
ul#projects li a, ul#projects li a:link {
	font: bold 14px/16px Arial,Helvetica,sans-serif;
	text-transform: lowercase;
	text-decoration: none;
	color: #000000;
}
ul#projects li a:hover {
	color: #EAEAD7;
}
ul#projects .date {
	color: #EAEAD7;
	font-size: 11px;
}

/*********************
TYPO
**********************/
h1, h2, h3, h4, h5, h6 {
	font: bold 17px/20px Arial,Helvetica,sans-serif;
	text-transform: lowercase;	
}
#pagecontent h1 {
	font-size: 24px;
	letter-spacing: -1px;
}
#pagecontent .seminar h2 {
	font-size: 24px;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
	color: #D86543;
}
.label, b, strong {
	font: bold 14px/20px Arial,Helvetica,sans-serif;
	text-transform: lowercase;
	color: #D86543;
}
.kurs_facts h3 {
	font: bold 14px/15px Arial,Helvetica,sans-serif;
	text-transform: lowercase;
	color: #EAEAD7;
}
.kurs_facts p {
	padding: 0 0 3px 0;
	font-weight: bold;
}
.kurs_facts dl {
	padding: 0 0 3px 0;
	font-weight: bold;
}
.kurs_facts a, .kurs_facts a:link {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.kurs_facts a:hover {
	color: #EAEAD7;
}
.back {
	padding: 20px 0;
	clear: left;
}
.back a, .back a:link {
	font: bold 14px/15px Arial,Helvetica,sans-serif;
	text-transform: lowercase;
	color: #6D925C;
	text-decoration: none;
}
.back a:hover {
	color: #D86543;
}

/*********************
TYPO STARTSEITE
**********************/
#topnews p, #news p, #partner p, #faq p, #intro p {
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	
}
#topnews .date {
	color: #D86543;
	font-size: 11px;
}
#topnews a, #topnews a:link,
#partner a, #partner a:link {
	text-decoration: none;
	color: #D86543;
	font-size: 14px;
}
#topnews a:hover,
#partner a:hover {
	color: #000000;
}
#partner h1, #topnews h1 {
	margin: 0 0 8px 0;
}
/********************/

#news p, #faq p, #intro p {
	line-height: 17px;	
}
#news .date {
	color: #EAEAD7;
	font-size: 11px;
}
#news a, #news a_link {
	text-decoration: none;
	color: #EAEAD7;
	font-size: 12px;
	padding: 0 0 0 8px;
}
#news a:hover {
	color: #000000;
}
/********************/

#faq p {
	color: #EAEAD7;
}
#pagecontent #intro h1,#pagecontent #faq h1 {
	color: #D9775A;
	font-size: 17px;
	padding: 0 0 8px 0;
	margin: 0;
}
#faq p a, #faq p a_link, #intro p a, #intro p a_link {
	text-decoration: none;
	color: #D86543;
	font-size: 12px;
	padding: 0 0 0 8px;
}
#faq p a:hover, #intro p a:hover {
	color: #EAEAD7;
}

.seminar h1 {
	padding: 15px 0 25px 65px;
	background: url(../img/topnews.gif) top left no-repeat;
}
.seminar h3 {
	padding: 0 0 0 10px;
}
b a, b a_link,
strong a, strong a_link {
	text-decoration: none!important;
	color: #D86543!important;
	border: none!important;
}
b a:hover, strong a:hover {
	color: #000000!important;
}
#leftcollumn p a, #collumn p a, 
.seminar p a, .seminar p a_link, .news-amenu-container li a 

{
	text-decoration: none;
	color: #000000;
	border-bottom: 3px solid #D86543;
}
#leftcollumn p a:hover, #collumn p a:hover,
.seminar p a:hover,.news-amenu-container li a:hover {
	color: #D86543;
}
i, em {
	font-weight: bold;
}
a {
	outline: none;
}
.anker a {
	height: 0!important;
	width: 0!important;
	visibility: hidden!important;
}

.right {
	text-align: right;
}