/**
 * Standard-Styles,
 * die für jedes Web immer gesetzt werden sollten!
 *
 * - Standardschriften für body und tablestwi
 * - Tabellen allgemein
 * - allgemeine Strukturierungs-Tags
 * - Formularelemente
 **/
	* { font-family:Arial; font-size:11px; }
	html { height:100%; }
	body { height:100%; margin:0; padding:0; text-align:center; background:#e5edf4 url(../images/bg_body.gif) left top repeat-x; }
	table { border-collapse:collapse; margin:0; padding:0; border:0; }
	table tr th { padding:0; margin:0; border:0; }
	table tr td { padding:0; margin:0; border:0; }
	img { border:0; }
	a { color:#2684d5; text-decoration:none; }
	a:hover { color:#ff0066; }
	p { margin:0; padding:0 0 0.75em 0; line-height:160%; }
	h1 { margin:0; padding:7px 0px 6px 13px; font-size:100%;  background-color: #80abcf; color: #fff; letter-spacing: 1px; }
	h2 { margin:0; padding:1em 0 0.5em 0; font-size:100%;  letter-spacing: 1px;}
	h3 { margin:0; padding:7px 0px 6px 13px; font-size:100%; font-weight: bold;  background-color: #80abcf; color: #fff;  letter-spacing: 1px;}
	.startseite { margin: 0px; padding:7px 0px 6px 13px; font-size:100%; font-weight: bold;  background-color: #80abcf; color: #fff;  letter-spacing: 1px;}
	h4 { margin:0; padding:0 0 0.5em 0; font-size:100%;  letter-spacing: 1px; font-weight: bold; }
	h5 { margin:0; padding:0 0 1em 0; font-size:100%;  letter-spacing: 1px;}
	
	form { margin:0; padding:0; letter-spacing: 1px;}
	fieldset { margin:0 0 1em 0; }
	input { font-family:arial; font-size:11px; letter-spacing: 1px;}
	input.text { border:1px solid #000000; }
	input.password { border:1px solid #000000; }
	input.file { border:1px solid #000000; }
	input.checkbox { /*** nichts bis jetzt ***/ }
	input.radio { /*** nichts bis jetzt ***/ }
	input.button { font-family:Arial; font-size:11px; }
	textarea { font-family:Arial; font-size:11px; border:1px solid #7f9db9; }
	select { font-family:Arial; font-size:11px; border:1px solid #7f9db9; }
	button { font-family:Arial; font-size:11px; }
	hr { background-color:#e0e0e0; border:medium none; color:#e0e0e0; height:1px; margin: 0px 32px 15px 17px;}




/**
 * Layout styles
 **/
	#container { width:999px; margin: 10px auto; overflow: auto; padding: 0px; text-align:left; }
	    .pageHeader { width:999px; height:87px; margin: 0px; padding: 0px; background-color: #fff;}
	    	.pageHeaderLeft{ float: left; width:198px;  }
	    		.logo{  }
	    		.detailSearch{  }
	    	.pageHeaderRight{ float: left; width: 801px; }
	    .pageMainWrap{ padding: 0px 0px 20px 0px; margin:0px; float: left; background:#fff;}
			.pageMain { clear: both; width:999px; background:#fff; float:left; }
		    	.pageMainLeft { float: left; width: 814px; }
		    		.navi { float:left; width:198px; }
		    			.addthis {padding: 10px 0px 0px 15px; clear: both; float: left; }
		    			.twitter {clear:both; padding-left: 15px; padding-top: 10px; width:155px; display:block; }
		    			.twitter img {float: left; }
		    			.twitter a{ color: black;  }
		    			.twitter a.hover{ color: black;  }
		    			.twitter span{float: left; line-height: 1.1; padding-top: 4px; }
			        .breadcrumbWrap { float:left; width:616px; height:20px; text-align:left; }
			        	.breadcrumb { padding:3px; }	
			    	.contentWrap { float:left; width:616px; }		    		
				       	.content { float: left; width:582px; padding:0px 0px 0px 0px; }
					.greyBoxes{ clear: both; float: left; width: 814px; }		        
		    	.pageMainRight { float: left; width: 185px; }
			    	.serviceNaviWrap { float:left; width:185px;  }
		        		.serviceNavi { padding: 0px;  }
		        		.search { float: left;  width:175px; }
		        		.konfigurator { float: left;  width:175px; }
		.pageFooterWrap{ clear:both; width:999px; background: #fff; float: left;  }
			.pageFooter { margin: 20px 32px 0px 17px; background:#f5f4ef;  }			    
			    .footerNavi { text-align:left; }			    	
			    .footerText { clear: both; padding:10px 0 5px 0; border-top:1px solid #dedddb; text-align:center; }
			    	   
		        
		        
		        
		        
/**
 * Links & Typography
 **/ 
		        
a.breadcrumb_link:link, a.breadcrumb_link:visited, a.breadcrumb_link:focus,span.breadcrumb_link,span.breadcrumb_last{ background:  url(../images/dreieck.gif) left center no-repeat;  color: #f36484;  padding-left: 10px; font-size: 10px; margin-right: 4px;}		        
a.breadcrumb_link:hover{ background:  url(../images/dreieck.gif) left center no-repeat; color: #f36484;  text-decoration: underline; padding-left: 10px; font-size: 10px; margin-right: 4px;}		    
/*.breadcrumb_last{ color: #bcbcbc; background: transparent url(../images/dreieck_grau.gif) left center no-repeat; padding-left: 10px;  font-size: 10px; margin-right: 4px;}*/	        

.serviceNavi p.bodytext { color: #c1d8ea; letter-spacing: 0px; margin: 0px 0px 2px 0px; padding: 0px;  }
.serviceNavi a{ color: #F36484; font-size: 10px;  }
.serviceNavi a:hover { color: #BCBCBC; }

.search h5, 
.konfigurator h5{  background-color:#80ABCF; color:#FFFFFF; font-size:100%; font-weight:bold; letter-spacing:1px; margin:0px 0px 10px 0px; padding:7px 0 6px 13px;}
.konfigurator h4{  background-color:#80ABCF; color:#FFFFFF; font-size:100%; font-weight:bold; letter-spacing:1px; margin:0px 0px 0px 0px; padding:7px 0 6px 13px;}

.konfigurator p.bodytext { line-height: 1.3; padding: 0px 10px 4px 0px; margin: 0px; }
/*.konfigurator a{ color: #ed1847;  }
.konfigurator a:hover { color: #BCBCBC;  }*/
	       
.footerNavi p.bodytext{ margin: 0px; padding: 0px; }
.footerNavi a{ font-size: 10px; color: #58595b; }
.footerNavi a:hover{ font-size: 10px; color: #ff0066; }	       

.footerText p.bodytext{  font-size: 10px; letter-spacing: 0px; }
.footerText a{ font-size: 10px;  }  	        

a.external-link,
a.external-link-new-window {color: #2684d5;}
a.external-link:hover,
/*a.external-link-new-window:hover {color: #000; text-decoration: none; background: #cbdbe9;}*/
a.external-link-new-window:hover {color: #ff0066; text-decoration: none; background: none;}

a.internal-link,
a.internal-link-new-window { color: #2684d5; }
a.internal-link:hover,
a.internal-link-new-window:hover{ color: #ff0066; }

a.pink{color: #ff0066;}
a.pink:hover{color: #d2c4c0;}

.footerNavi a.internal-link{  color: #58595b; }
.footerNavi a.internal-link:hover{  color: #ff0066; }	

.footerText a.mail{ color: #58595b; }
.footerText a.mail:hover{ color: #ff0066; }
			    
	#footer-wrap { position:fixed; bottom:0; left:0; width:100%; z-index:999; }
	#footer-container { height:40px; background:#c00; z-index:999; }
	#socialBookmarks { float:left; padding:5px 5px 0px 5px; }


/**
 * Beispiel für einen IE6-Hack: TODO
 **/
	* html .pageBody {}
	*+html divname {}


/**
 * Styles für Navigation
 *
 * - Hier als Beispiel für eine Textnavi
 * - mehrstufig durch Listenelemente
 * - barrierefrei
 **/
.navi { margin:0; padding:0; letter-spacing: 0.1em;  }
 .navi ul.menu-level1{ margin: 29px 31px 0px 17px; padding: 0; list-style-type:none; }
 	.navi ul.menu-level1 li { margin:0; padding:0px 0px 7px 0px; background:#fff; font-weight:bold; font-style:normal; clear: both;  }
	
		.navi ul.menu-level2{ margin: 6px 0px 18px 0px; padding: 0; list-style-type:none; border-top:1px solid #C1C1C1; }
			.navi ul.menu-level2 li { font-weight:normal; font-style:normal;  border-bottom: 1px solid #c1c1c1; padding: 0px;}
						
			.navi ul.menu-level2 li a:link, .navi ul.menu-level2 li a:visited{ color: #000; display: block; margin: 0px; background:#fff url(../images/dreieck.gif) left 5px no-repeat; padding:2px 0px 2px 12px;  border-bottom: 0px solid #c1c1c1; }
			.navi ul.menu-level2 li a:hover, .navi ul.menu-level2 li a:active{ color: #000; background-color: #cbdbe9;  }
			.navi ul.menu-level2 li a.act:link, .navi ul.menu-level2 li a.act:visited{ background-image: none;  background-color: #cbdbe9;}
			.navi ul.menu-level2 li a.act:hover, .navi ul.menu-level2 li a.act:active{ text-decoration: underline;  background-color: #cbdbe9; }			
				
		.navi ul.menu-level3{ margin: 0px 0px 0px 0px; padding: 0; list-style-type:none;}

			.navi ul.menu-level3 li { margin:0; padding:0; font-weight:normal; font-style:normal; border-bottom: 1px solid #ced3d8; }
				.navi ul.menu-level3 li a:link, .navi ul.menu-level3 li a:visited{ color: #000; display: block; margin: 0px; background:#e5edf4 url(../images/navi_dreieck_bl.gif) left 5px no-repeat; padding:2px 0px 2px 20px;  border-bottom: 0px solid #c1c1c1; }
				.navi ul.menu-level3 li a:hover, .navi ul.menu-level3 li a:active{ color: #2684d5; background-color: #e5edf4; background:#e5edf4 url(../images/navi_dreieck_bl.gif) left 5px no-repeat; }
				.navi ul.menu-level3 li a.act:link, .navi ul.menu-level3 li a.act:visited{ color: #2684d5; background-color: #e5edf4; background:#e5edf4 url(../images/navi_dreieck_bl.gif) left 5px no-repeat; }
				.navi ul.menu-level3 li a.act:hover, .navi ul.menu-level3 li a.act:active{ color: #2684d5; background-color: #e5edf4; background:#e5edf4 url(../images/navi_dreieck_bl.gif) left 5px no-repeat; text-decoration: underline; }
				
				.navi ul.menu-level3 li.menu-level3-last,
				.navi ul.menu-level3 li.menu-level3-active-last,
				.navi ul.menu-level3 li.menu-level3-current-active-last, 
				.navi ul.menu-level3 menu-level3-with-subpage-last{ border-bottom: none; }			
			
		.navi ul.menu-level4{ margin: 0; padding: 0; list-style-type:none;}
			.navi ul.menu-level4 li { margin:0; padding:0; background:#fff; font-weight:normal; font-style:normal; border-bottom: 1px dotted #babcbd; }
			.navi ul.menu-level4 li a:link, .navi ul.menu-level4 li a:visited{ color: #000; display: block; margin: 0px; background:#f2f6f9; padding:2px 0px 2px 25px;  border-bottom: 0px solid #c1c1c1; }
			.navi ul.menu-level4 li a:hover, .navi ul.menu-level4 li a:active, .navi ul.menu-level4 li a:focus{ color: #2684d5; background-color:#f2f6f9;  text-decoration: underline; background-image: none; }
			.navi ul.menu-level4 li a.act:link, .navi ul.menu-level4 li a.act:visited{ color: #2684d5; background-color:#f2f6f9;  text-decoration: none; background-image: none; }
			.navi ul.menu-level4 li a.act:hover, .navi ul.menu-level4 li a.act:active, .navi ul.menu-level4 li a.act:focus{ color: #2684d5; background-color:#f2f6f9;  text-decoration: underline; background-image: none; }
				
				.navi ul.menu-level4 li.menu-level4-last,
				.navi ul.menu-level4 li.menu-level4-active-last,
				.navi ul.menu-level4 li.menu-level4-current-active-last, 
				.navi ul.menu-level4 menu-level4-with-subpage-last{ border-bottom: none; }

/*	.mainNavi { margin:20px 0 20px 0; padding:0; }
		.mainNavi ul.naviL0 { margin:0; padding:0; list-style-type:none; border-top:1px solid #999; }
			.mainNavi ul.naviL0 li { margin:0; padding:0; background:#ccc; border-bottom:1px solid #999; font-weight:normal; font-style:normal; }
			.mainNavi ul.naviL0 li.act { font-style:italic; }
			.mainNavi ul.naviL0 li.cur { font-weight:bold; }
			.mainNavi ul.naviL0 li.hassub { margin:0; padding:0; border:0px; }
				.mainNavi ul.naviL0 li span { display:block; padding:4px 10px 4px 10px; }
		.mainNavi ul.naviL1 { margin:0; padding:0; list-style-type:none; border-top:1px solid #999; }
			.mainNavi ul.naviL1 li { margin:0; padding:0; background:#ddd; border-bottom:1px solid #999; font-weight:normal; font-style:normal; }
			.mainNavi ul.naviL1 li.act { font-style:italic; }
			.mainNavi ul.naviL1 li.cur { font-weight:bold; }
			.mainNavi ul.naviL1 li.hassub { margin:0; padding:0; border:0px; }
				.mainNavi ul.naviL1 li span { display:block; padding:4px 10px 4px 20px; }
		.mainNavi ul.naviL2 { margin:0; padding:0; list-style-type:none; border-top:1px solid #999; }
			.mainNavi ul.naviL2 li { margin:0; padding:0; background:#eee; border-bottom:1px solid #999; font-weight:normal; font-style:normal; }
			.mainNavi ul.naviL2 li.act { font-style:italic; }
			.mainNavi ul.naviL2 li.cur { font-weight:bold; }
			.mainNavi ul.naviL2 li.hassub { margin:0; padding:0; border:0px; }
				.mainNavi ul.naviL2 li span { display:block; padding:4px 10px 4px 30px; }
*/

/**
 * CSS-Styled-Content Styles
 *
 * - betrifft Typo3-default-Contentelemente
 * - sollten immer geprüft werden
 **/

	/* defaults für alle */
	.csc-textpic-image { margin:0 0 1em 0; padding:0; }
	.bodytext { margin:0 0 1em 0; padding:0; line-height: 1.6; letter-spacing: 1px; }
	.csc-header { margin:0; padding:0; clear:both; }
	.csc-subheader { margin:0 0 1em 0; padding:0; clear:both; }
	.csc-bulletlist { margin:0 0 1em 0; }
	.contenttable { margin:0 0 1em 0; }
	.csc-uploads { margin:0 0 1em 0; }
	.csc-sitemap { margin:0 0 1em 0; }

	/* csc-tables */
	table.contenttable tr td { vertical-align:top; padding:3px; }
	table.contenttable caption { padding:3px; font-weight:bold; }
	/* typ 0 */
		table.contenttable-0 tr td { border:0; }
	/* typ 1 */
		table.contenttable-1 tr.tr-even { background-color:#eee; }
	/* typ 2 */
		table.contenttable-2 tr.tr-0 td { background-color:#eee; }
	/* typ 3 */
		table.contenttable-3 tr td.td-0 { background-color:#eee; }

	/* csc-uploads */
	table.csc-uploads tr td { vertical-align:top; padding:0 10px 0 0; border:0; }


/**
 * T3-Admin-Panel
 **/
 
	table.typo3-adminPanel { position:absolute; right:25px; top:95px; }

/**
 * Add-Ons
 **/
.box-hellgrau { background-color: #e6e6e6; margin: 0px 34px 0px 17px; } 	
.box-hellgrau h3, .box-hellgrau h4{ background-color: #fff; }	
.box-hellgrau p.bodytext, .box-hellgrau div .csc-textpic-imagewrap { background-color: #e6e6e6;  padding: 16px;}

.footer-sitemap { background-color: #f5f4ef; margin: 17px 0px 0px 8px; padding: 0px 0px 10px 5px; /*widthx: 175px;*/ float: left; border-left: 1px solid #dbdad8; } 
.footer-sitemap-first { background-color: #f5f4ef; margin: 17px 0px 0px 8px; padding: 0px 0px 10px 0px; /*widthx: 175px;*/ float: left; border-left: 0px solid #dbdad8; }

.drei-boxen{ margin: 16px 0px 0px 17px; }
.drei-boxen strong { margin:0; padding:0 0 0.5em 0; font-size:100%;  letter-spacing: 1px; font-weight: bold;  }

.start-programmbereich { float: left; width: 146px; /*position:relative;*/ }
.start-programmbereich p.bodytext { margin-right: 5px; letter-spacing: 0px;  color: #58595b;  }

.start-programmbereich-last { float: left; width: 144px; /*position:relative;*/ }
.start-programmbereich-last p.bodytext { margin-right: 0px; letter-spacing: 0px;  color: #58595b;  }

.box-weiss { background-color: #fff; margin: 0px 34px 0px 17px; } 	
.box-weiss h3, .box-weiss h4{ background-color: #fff; }	
.box-weiss p.bodytext, .box-weiss div .csc-textpic-imagewrap { background-color: #fff;  padding: 16px;}

/**
 * Extensions
 **/
 
.tx-indexedsearch-searchbox { margin-top:12px; }
.tx-indexedsearch-whatis { background-color:#80abcf; color:#ffffff; font-weight:bold; }
fieldset.tx-powermail-pi1_fieldset legend { width:100%; background-color:#EFF3F6; margin-top:12px; }


/*** MININEWS ***/

.tx-mininews-pi1-browsebox TD { padding-right:10px; }
.tx-mininews-pi1-fp_listrow DIV, .tx-mininews-pi1-listrow DIV { float:left; width:100%; }

/* Powermail */
	/* Form */
	
.tx-powermail-pi1 p.bodytext { clear: both; }

span.powermail_mandatory {
	/* Color of mandatory error message */
	color: #ed1847;
}
legend { margin: 0px; padding: 0px; letter-spacing: 1px; text-transform: uppercase;  }

input.validation-failed { background-image:none; }
.tx_powermail_pi1_fieldwrap_html_captcha input.validation-failed,
.tx_powermail_pi1_fieldwrap_html_text input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: #ed1847;
	margin: 3px 0 15px 200px;
	display:block;
	clear:both;	
	float:left;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 0px solid #aaa;
	background-color: #eff3f6;
	padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: black;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-weight: normal;
	padding-bottom: 7px;
	letter-spacing: 1px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 260px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 0px 0px 5px 0px;
	float: left; 
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 4px 0;
	float: left;
	width: 100%;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
	letter-spacing: 1px; 
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: pointer;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 260px;
	padding: 5px;
	background-color: #fff;
	border: 1px dotted #2684d5;
	color: black;
	text-decoration: none;
	font-size: 11px;
	font-style: italic; 
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	/*background-color: #eee;*/
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}
.spacer-gif{visibility: hidden}