/*
* 
* stylesheet.css
* 
* Author: Holger M. Stangl
* Company: Limeflavour | http://www.limeflavour.com
* Date: Oktober 2008
* Modified by: David Effendi
*/


/*
* General Pre Settings
*
*/
* {
   margin: 0;
   padding: 0;
   border: 0;
}

ul, ol, dl {
  list-style: none;
}

img, fieldset { border: 0; }

a { color: #000388; text-decoration: none; }
a:hover { text-decoration: underline; }


/*
* General Helpers
*
*/
.killfloat {
	overflow: hidden;
	clear: both;
	font-size: 0;
	height: 0;
}

.hidden {
	display: none;
	visibility: hidden;
}

.invisible {
	display: inline;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 0;
	height: 0;
	}

.marginTop10{
	margin-top:10px;
}
.indent{
	padding:2px 0 0 12px;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
/*
* STRUCTURE
*
*/
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 101%;
	color: #333;
	background-color: #efefef;
	text-align: center;
}

html>body { 
	font-size: 16px; /* Set correct font-size for safari browsers */
}


/*
* Structure Elements
*
*/
#container {
	width: 940px;
	margin: 20px auto;
	background-color: #fff;
	text-align: left;
	}

#containerHeader {
	height: 180px;
	}
.keyImage {
	height: 150px;
	background-image: url(../images/keyimage.jpg);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
#containerMain {
	padding: 0 20px 20px 20px;
	}

#containerMarginalA {
	width: 200px;
	float: left;
	}
	
#containerCenter {
	width: 460px;
	float: left;
	padding: 0 20px;
	}
#containerCenterB {
	float: left;
	padding: 0 0 0 20px;
	width: 680px;
}	
	
#containerMarginalB {
	width: 200px;
	float: right;
	}



/*
* Navigation Elements
*
*/
/* Navigation A */
.navigationA {
	/*padding-bottom: 40px;*/
	}

.navigationA li {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	}
		
.navigationA li a, .menutitle {
	font-size: 18px;
	/*font-size:12px;*/
	/*line-height: 15px;*/
	line-height:26px;
	/*font-weight: bold;*/
	display: block;
	color: #333;
	background-image: url(../images/icon_navA.gif);
	background-position: left 16px;
	background-repeat: no-repeat;
	padding: 6px 0 0 10px;
	}
/*.navigationA li a*/	
.active {
	color: #000388;
	}

.navigationB {
	padding-top: 4px;
	}
	
.navigationB li {
	border: 0;
	padding: 0;
	}
	
.navigationB li a {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	display: block;
	color: #666;
	background-image: url(../images/icon_navB.gif);
	background-position: 11px 8px;
	padding: 3px 0 3px 20px;
	}
	
.navigationB li a.active {
	color: #000388;
	}

.navigationC {
	padding:0 0 8px 0;
	}
	
.navigationC li {
	border: 0;
	padding: 0;
	}
	
.navigationC li a {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	display: block;
	color: #666;
	background-image: url(../images/icon_navB.gif);
	background-position: 26px 8px;
	padding: 3px 0 3px 36px;
	}
	
.navigationC li a.active {
	color: #000388;
	}
	

/* Submenu rechte MArginalspalte */

.navigationSub1 {
	padding-top: 4px;
	}
	
.navigationSub1 li {
	border: 0;
	padding: 0;
	}
	
.navigationSub1 li a {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	display: block;
	color: #333;
	background-image: url(../images/icon_navA.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
	padding: 6px 0 0 10px;
	}
	
.navigationSub1 li a.active {
	color: #990000;
	}	


.navigationSub2 {
	padding-top: 4px;
	}
	
.navigationSub2 li {
	border: 0;
	padding: 0;
	}
	
.navigationSub2 li a {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	display: block;
	color: #666;
	background-image: url(../images/icon_navB.gif);
	background-position: 11px 8px;
	padding: 3px 0 3px 20px;
	}
	
.navigationSub2 li a.active, .navigationMeta li a.active {
	color: #000388;
	}	
.navigationMeta {
	height:25px;
	}

.navigationMeta li {
	float: right;
	padding-right: 20px;
	}	

.navigationMeta li a {
	font-size: 11px;
	color: #aaa;
	}

.navigationMeta li a:hover {
	color: #333;
	}


#containerBottom {
	padding:0 220px;

}
.navigationFunctional {
	padding: 40px 0 0 0;
	width:500px;
	}

.navigationFunctional li {
	float: left;
	font-size: 11px;
	color: #333;
	}

.navigationFunctional li span {
	padding-right: 20px;
	}

.navigationFunctional li a {
	color: #990000;
	
	}

.navigationFunctional li a.recommand {
	background-image: url(../images/icon_recommand.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 20px 0 16px;
	}
	
.navigationFunctional li a.bookmark {
	background-image: url(../images/icon_bookmark.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 20px 0 17px;
	}
	
.navigationFunctional li a.print {
	background-image: url(../images/icon_print.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding: 0 20px 0 16px;
	}
	
.navigationFunctional li a.top {
	background-image: url(../images/icon_top.gif);
	background-position: right 4px;
	background-repeat: no-repeat;
	padding: 0 9px 0 17px;
	}
/*	
#containerCenterB .navigationFunctional li a.top {
	padding: 0 9px 0 237px;
	}
*/


/*
* Other Elements
*
*/
/* Logo */
#logo {
	left: 20px;
	/*position: absolute;*/
	top: 20px;
	}
.logos h2{
background-image:url("../images/icon_navA.gif");
background-position:left 16px;
background-repeat:no-repeat;
color:#333333;
display:block;
font-size:18px;
line-height:26px;
padding:6px 0 10px 10px;	
font-weight:normal;
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
margin:0 0 5px 0;
}	
.logos h3{
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #333;	
}
.logos a img{
	margin:5px 0;
}
#senat {
	left: 20px;
	/*position: absolute;*/
	bottom: 20px;
	}
#senat span{
	font-size: 14px;
	/*font-size:12px;*/
	/*line-height: 15px;*/
	line-height:17px;
	/*font-weight: bold;*/
	display: block;
	color: #333;
	background-image: url(../images/icon_navA.gif);
	background-position: left 16px;
	background-repeat: no-repeat;
	padding: 9px 0 0 10px;	
}	
.senatText{
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #333;
}
.containerCenterB {
	float: left;
	padding: 0 0 0 20px;
	width: 680px;
}
#containerCenterB h5{
	color: #000388;
	font-size: 12px;
	padding:5px 0 5px 10px;
	/*background-color:#D9EAEB;*/
}
/*
* General Content Styles
*
*/
.containerDetail h1 {
	/*color: #000388;*/
	color:#333333;
	font-size: 22px;
	font-weight: bold;
	}

.containerDetail h1 a {
	color: #fff;
	}
	
.containerDetail h2 {
	/*background-color: #D9EAEB;*/
	padding: 6px 10px 6px 10px;
	/*color: #000388;*/
	color:#333333;
	font-size: 12px;
	font-weight: normal;
	}

.containerDetail h2 a {
	color: #fff;
	}
	
.containerDetail .textBox {
	font-size: 12px;
	line-height: 18px;
	padding: 15px 0;
	}

.containerDetail .textBox h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	line-height: 18px;
	/*color: #000388;*/
	color:#333333;
	padding-bottom: 5px;
	background: none;
	}
	
.containerDetail .textBox h2 a {
	/*color: #000388;*/
	color:#333333;
	}

.containerDetail .textBox h3 {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	/*color: #000388;*/
	color:#333333;
	}
	
.containerDetail .textBox h3 a {
	/*color: #000388;*/
	color:#333333;
	}
	
.containerDetail .textBox p {
	padding-bottom: 15px;
	}
	
.containerDetail .textBox ul, .containerTeaser .textBox ul, .containerText ul {
	padding-bottom: 15px;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
	}
	
.containerDetail .textBox ol, .containerTeaser .textBox ol, .containerText ol {
	padding-bottom: 15px;
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
	margin-left: 25px;
	}


.containerDetail .downloadBox{
	font-size: 12px;
	line-height: 18px;
	padding: 15px 0 10px 0;
	border-top: 1px solid #ccc;
	}

.containerDetail .downloadBox h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	line-height: 18px;
	color: #990000;
	padding-bottom: 3px;
	background: none;
	}
	
.containerDetail .downloadBox p {
	padding-bottom: 3px;
	color: #aaa;
	font-size: 11px;
	}

.containerDetail .downloadBox p a {
	color: #333;
	}
.containerDetail .downloadBox span{
	margin:0 0 0 10px;
	}
.pdf {
	background-image: url(../images/icon_pdf.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 4px 0 0 22px;
	}
.external-link{
	background-image: url(../images/Icon_External_Link.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
	font-weight:bold;
}
.mail {
	background-image: url(../images/icon_mail.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
	font-weight:bold;
}
.containerText .imageBox {
	background-color: #efefef;
	margin-bottom: 10px;
	}
	
.containerText .floatLeft {
	float: left;
	margin-right: 20px;
	}
	
.containerText .floatRight {
	float: right;
	margin-left: 20px;
	}
/*
.containerText .imageBox img {
	border: 1px solid #efefef;
	}
*/
.containerText .imageBox p {
	font-size: 11px;
	line-height: 18px;
	color: #666;
	padding: 1px 12px;
	max-width:220px;
	}

.containerTeaser {
	/*margin-bottom: 20px!important;*/
	}
	
.containerTeaser .floatLeft {
	float: left;
	margin-right: 10px;
	}
	
.containerTeaser .floatRight {
	float: right;
	margin-left: 10px;
	}
	
.containerTeaser h2 { /*#990000*/
	/*background-color: #D9EAEB;*/
	padding: 6px 10px 6px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	border-bottom:1px solid #FFFFFF;
	}

.containerTeaser h2 a {
	color: #fff;
	}

.containerTeaser .containerForm {
	background-color: #efefef;
	padding: 10px;
	}

.containerTeaser .textBox {
	padding: 5px 0 5px 0;
	color: #333;
	font-size: 12px;
	line-height: 16px;
	}
	
.containerTeaser .textBox p {
	padding-bottom: 5px;
	margin:6px 0;
	}

.containerTeaser .textBox h4 {
	font-weight: bold;
	font-style: italic;
	color: #333;
	font-size: 12px;
	line-height: 15px;
	}

.containerTeaser .textBox h3, #containerCenterB .containerText .textBox h3{
	/*color: #000388;*/
	color:#333333;
	font-size: 12px;
	padding-bottom: 5px;
	}
.csc-textpic-caption{
	color: #990000;
	font-size: 12px;
	font-weight:bold;
	padding-bottom: 5px;
	
}	
.containerTeaser .textBox h3 a {
	/*color: #000388;*/
	color:#333333;
	}
	
.containerTeaser .textBox .downloadBox{
	padding-bottom: 5px;
	}
	
.containerTeaser .textBox .downloadBox a {
	color: #333;
	}
	
	
	
	
#containerCenter .containerTeaser {
	margin: 0;
	}
	
#containerCenter .containerTeaser .floatLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	}
	
#containerCenter .containerTeaser .floatRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 5px;
	}
	
#containerCenter .containerTeaser h1,
#containerCenterB h1,
#containerMarginalB .containerTeaser h2 {
	/*background-color: #D9EAEB;*/
	padding: 3px 0 3px 0px;
	/*color: #000388;*/
	color:#333333;
	font-size: 20px;
	font-weight: normal;
	}
#containerCenter .containerTeaser h1{
	padding: 3px 0 3px 10px;
}
#containerCenter .containerTeaser h1 a {
	color: #fff;
	}
	
#containerCenter .containerTeaser .containerText {
	padding: 15px 0 10px 10px;
	border-bottom: 1px solid #ccc;
	}
#containerCenterB .containerText{
	padding: 15px 0 10px 10px;
}	
#containerCenterB .containerText .textBox{
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #D9EAEB;	
	margin:0 0 10px 0;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}

#containerCenter .containerTeaser .textBox {
	font-size: 12px;
	line-height: 18px;
	color: #333;
	padding: 0;
	}
	
#containerCenter .containerTeaser .textBox .imageBox p {
	font-size: 11px;
	line-height: 18px;
	color: #666;
	padding: 1px 12px;
	max-width:170px;
	}

#containerCenter .containerTeaser .textBox h2, #containerCenterB .containerText .textBox h2{
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	line-height: 18px;
	color: #333;
	padding-bottom: 5px;
	background: none;
	}
	
#containerCenter .containerTeaser .textBox h2 a, #containerCenterB .containerText .textBox h2 a{
	color: #333;
	}

#containerMarginalB .containerTeaser .downloadBox p a {
	color:#333333;
	font-size:11px;
	}
#containerMarginalB .containerTeaser .downloadBox {
	margin:0 0 6px 0;
	}

#containerMarginalB .containerTeaser .containerText .textBox h2{
	/*color: #000388;*/
	color:#333333;
	font-size: 16px;
	font-weight: bold;
	background:none;
}
#containerMarginalB .containerTeaser .containerText .textBox h2 a{
	/*color: #000388;*/
	color:#333333;
}
#containerMarginalB .containerTeaser .containerText .imageBox{
	max-width:200px;
}
.formBox form {
	padding: 15px 15px 0 15px;
	}

.formBox fieldset {
	padding: 0 0 14px 0;
	}

.formBox .formItem {
	padding: 0 0 1px 0;
	}

.formBox .formLabel, p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	float: left;
	width: 180px;
	border-bottom:1px solid #D9EAEB;
	padding: 4px 0 3px 0;
	}
.formBox .formLabel600 {
	float: left;
	width: 600px;
	border-bottom:1px solid #D9EAEB;
	padding: 4px 0 3px 0;
	}
.formBox .formLabel label, .formBox .formLabel600 label,
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
.formBox .formLabel600 .number {
	font-size: 13px;
	font-weight: bold;
	color: #606060;
	padding:3px;
	}
.formBox .formLabel600 .number,
.formBox .formfield{
	float:left;
	width:40px;
}
.formBox .formfield{
	padding:8px 0;
}
.formBox .formLabel600 label{
	float:left;
	width:535px;	
}
.formBox .formField {
	float: right;
	width: 345px;
	}

.formBox input.input {
	width: 335px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #d9eaeb;
	background-color: #d9eaeb;
	color: #606060;
	padding: 3px 4px;
	}

.formBox textarea.input {
	width: 335px;
	height: 80px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #d9eaeb;
	background-color: #d9eaeb;
	padding: 3px 4px;
	margin-right: 10px;
	}
	
.formBox input.submit {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*border: 1px solid #fff;*/
	background-color: #003862;
	color: #fff;
	padding: 2px 18px;
	/*float: right;
	margin-right: 8px;*/
	}
	
/* others */	
.leftCol{
	float:left;
	width:45%;
}	
.rightCol{
	float:right;
	width:45%;
}
.sponsors{
	margin:0 0 6px 0;
}
.moreLink{
	font-weight:bold;
}

.textBox .subHead{
	width:500px;
}


/** ImpulsE DB Gebäude**/
.objTeaser{
	border-bottom:solid 1px #ccc;
	font-family: Arial, Helvetica, sans-serif;
	margin:6px 0;
	height:90px; width:100%;
	padding:6px;
	font-size:12px;
}
.objTeaserImageBox{
	float:left;
	padding:0 12px 0 0;
}
.objTeaserImageBox img{
	width:100px;
	height:auto;
	border:none;
}
.objTeaserTextBox{
	/*float:left;*/
	padding:6px 0 0 0;
}
.objTeaserTextBox p{ 
	
}			
.objTeaserTextBox a{
	color:#990000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
table.contenttable tr td p{
	padding:0 !important;
	margin:0 !important;
}
span.full{
	color:red;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
margin:5px;
}

.eventVideoList .listItem{
	float:left;
	padding:10px;
	margin:10px 5px;
	width:300px;
	height:290px;
}
.listItem p{
	padding:3px 5px;
	color:#A0A0A0;
	overflow:hidden;
	height:60px;
}
p.seminar_backlink{
	font-size: 12px;
	line-height: 18px;
	color: #333;
	margin-top:20px;
}

.gallery{
	margin:0 0 10px 0;
	background-color:#D9EAEB;
}
.smallGal{
	padding:5px;
}
.bigGal{
	padding:10px 25px 25px 5px;
}
.galleryImage{
	float:left;
	width:80px;
	height:80px;
	margin:0 5px 10px;
}
span.pdf{
	width:90%;
	float:left;
}
.textBox .links{
	padding:10px 0;
}
h1.themes{
	background-color:#fff!important;
}
.partner{
	margin:10px 0;
}