/* DATEI: basis.css 
rot: #990000
orange: #CE6800 
blau: #003366
grün: #336600 
*/


/* Allgemeine Neutralisation
--------------------------------------------------------------------------------------- */
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 10px 0; padding: 0; }

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 15px; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Allgemeine Angaben
--------------------------------------------------------------------------------------- */
/* Für permanenten Scrollbalken rechts: */
html { height: 101%; }

body { line-height:140%; color: #000; text-align: left; }

.breaker { clear: both; height: 0px; overflow: hidden; }

img { border: none; }

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

.redstar { color:#CC0000; font-size: 18px;line-height: 15px}
/* Container
--------------------------------------------------------------------------------------- */
#headerContainer { background: #F3D8A1 url(../img/header_bg.jpg) no-repeat top left; }
#contentBox, #contentBoxStart, #contentBoxLandkreis, #contentBoxFull { width: 960px; padding: 25px 15px 25px 15px; background-color: #fff; }
#col1 { float: left; width: 200px; }
#contentBox #col2 { width: 745px; float: right; overflow:hidden; }
#contentBoxFull #col2 { width: 960px; overflow:hidden; }
#contentBoxLandkreis { width: 960px; overflow:hidden; }
#contentBoxLandkreis2 { width: 745px; float: right; overflow:hidden; }
#contentBoxLandkreis2 #col2 { width: 530px; float: left; overflow:hidden; }
#col3 { float: right; width: 200px; }
#footer { color: #cc0000; font-size: 12px; padding: 25px 0 25px 15px; background: #F2F2F2; border-top: #cc0000 2px solid; }
#cleanBox { padding: 10px; background: #fff; font-family: Courier New; font-size: 11px; }

/* Header
--------------------------------------------------------------------------------------- */
#headerBox { position:relative; height: 90px; width: 990px; overflow:hidden; }

#logo { position: absolute; top: 15px; left: 15px; height: 65px; width: 360px; overflow:hidden; }

/* nicht benutzt
#headerBanner { width: 728px; height: 90px; overflow: hidden; float: right; margin-bottom: 10px; background: #ccc; }*/

#headerNavBox { position: absolute; top: 15px; right: 15px; width: 405px; }
#headerNavLeft { text-align: right; margin-bottom: 20px; color: #cc0000;}
#headerNavLeft a { color: #cc0000;}
#headerNavRight { text-align: right; }
#headerNavRight a { background: #cc0000; padding: 3px 5px 3px 5px; font-weight: bold; color: #fff; }

#menu { height: 40px; overflow: hidden; padding-left: 15px; background: url(../img/bg_menu_start.gif) repeat-x left 33px;}
#menu ul { margin:0; padding:0; list-style-type: none; }
#menu ul li { margin:0; padding:0; float: left; vertical-align: bottom; }
#menu ul li a { margin: 0 6px 0 0; }


/* Content Startseite
--------------------------------------------------------------------------------------- */
.startcontainer_auftrag { float: left; width: 310px; overflow: hidden; margin-right: 15px; }
#col2 .startcontainer_auftrag h1 { background: #CE6800 url(../img/bg_auftrag_h1_310.gif) no-repeat left top; font-size: 20px; margin:0; color:#fff; font-weight: bold; padding: 0 20px 0 20px; height: 40px; line-height: 40px;} 
#col2 .startcontainer_auftrag h1 a { color:#fff; } 
.startcontainer_auftrag .box { height: 375px; border-right: #CE6800 1px solid; border-bottom: #CE6800 1px solid; border-left: #CE6800 1px solid; padding: 10px 20px; background: url(../img/test2.gif) no-repeat bottom left;}
.startcontainer_auftrag a.button { background: #CC6600; padding: 3px 5px 3px 5px; font-weight: bold; color: #fff; }

.startcontainer_marktplatz { float: left; width: 310px; overflow: hidden; margin-right: 15px; }
#col2 .startcontainer_marktplatz h1 { background: #003366 url(../img/bg_marktplatz_h1_310.gif) no-repeat left top; font-size: 20px; margin:0; color:#fff; font-weight: bold; padding: 0 20px 0 20px; height: 40px; line-height: 40px;} 
#col2 .startcontainer_marktplatz h1 a { color:#fff; } 
.startcontainer_marktplatz .box { height: 375px; border-right: #003366 1px solid; border-bottom: #003366 1px solid; border-left: #003366 1px solid; padding: 10px 20px; background: url(../img/mitteltest4.gif) no-repeat bottom left;}
.startcontainer_marktplatz a.button { background: #003366; padding: 3px 5px 3px 5px; font-weight: bold; color: #fff; }

.startcontainer_landkreis { float: left; width: 310px; overflow: hidden; }
#col2 .startcontainer_landkreis h1 { background: #336600 url(../img/bg_landkreis_h1_310.gif) no-repeat left top; font-size: 20px; margin:0; color:#fff; font-weight: bold; padding: 0 10px 0 20px; height: 40px; line-height: 40px;} 
#col2 .startcontainer_landkreis h1 a { color:#fff; } 
.startcontainer_landkreis .box { height: 375px; border-right: #336600 1px solid; border-bottom: #336600 1px solid; border-left: #336600 1px solid; padding: 10px 20px; background: url(../img/randtest3.gif) no-repeat bottom left;}
.startcontainer_landkreis a.button { background: #336600; padding: 3px 5px 3px 5px; font-weight: bold; color: #fff; }

.startcontainer_werbung { float: left; width: 960px; overflow: hidden; margin: 15px 0 15px 0; }
#col2 .startcontainer_werbung h1 { background: #990000 url(../img/bg_account_h1_960.gif) no-repeat left top; font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 0 20px 0 20px; height: 25px; line-height: 25px;} 
.startcontainer_werbung .box { border-right: #990000 1px solid; border-bottom: #990000 1px solid; border-left: #990000 1px solid; padding: 10px 20px; color: #c10000; font-size: 14px; }
.startcontainer_werbung a.button { background: #336600; padding: 3px 5px 3px 5px; font-weight: bold; color: #fff; }

/* Menü links
--------------------------------------------------------------------------------------- */
#col1 #subMenuLeft ul { padding: 3px 0 3px 0; list-style-type:none; border-top: #ccc 1px solid;  }
#col1 #subMenuLeft ul li { padding: 3px 0 3px 20px; border-bottom: #ccc 1px solid; background: url(../img/menu_dot.gif) no-repeat left top;}

/* Bundeslandlinks unter der Flashkarte
--------------------------------------------------------------------------------------- */
div.bigMapLink { padding-top: 5px; text-align: center; }
div.federalStateMenu { width: 184px; padding: 0 7px 10px 7px; overflow:hidden; text-align: center; line-height: 100%; }
div.federalStateMenu a { font-size: 11px; padding-left: 3px; padding-right: 3px; white-space:nowrap; }

/* Content
--------------------------------------------------------------------------------------- */
#col2 h1 { color: #000; padding:0; margin: 0 0 25px 0; font-size: 20px; font-weight: bold;}
#col2 h2 { font-size: 16px; margin: 20px 0 10px 0; font-weight: bold; border-bottom: #000 1px solid;}


/* Rubrikstartboxen
--------------------------------------------------------------------------------------- */
#rubrikstartbox { margin-bottom: 15px; border-bottom: 1px solid #ccc;  }
#rubrikstartbox thead { background: #ccc; }
#rubrikstartbox th { height: 25px; line-height: 25px; padding-left: 5px; color: #fff; text-align: left; font-size: 12px; font-weight: bold; }
#rubrikstartbox thead th.firstcol { }
#rubrikstartbox thead th.lastcol { }

#rubrikstartbox td {  border-left: 1px solid #ccc;  border-right: 1px solid #ccc; height: 130px; padding: 10px 10px 10px 190px; }
#rubrikstartbox td.left { }
#rubrikstartbox td.right { border-left:none; }


/* Seitenboxen
--------------------------------------------------------------------------------------- */
#col1 h1, #col3 h1 { background: #ccc; font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 3px 5px 3px 5px; /*height: 25px; line-height: 25px;*/ }
#col1 .box, #col3 .box { background-color: #F6F6F6; padding: 10px; width: 178px; overflow:hidden; border-left: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; margin-bottom: 15px; }
#col1 .boxFlashMap { padding: 0; width: 198px; overflow:hidden; border-left: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; margin-bottom: 15px; }
#col1 .boxCountyMenu { background-color: #F6F6F6; padding: 8px; width: 182px; height: 250px; overflow: auto; border-left: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; margin-bottom: 15px; }
#col1 .boxCountyMenu ul.textCountyMenu { width: 162px; overflow:hidden; white-space:nowrap; }
#col1 .box ul.categoryMenu { width: 178px; overflow:hidden; white-space:nowrap; }
#col1 ul { list-style-type:none; margin:0; padding:0; }
#col1 li { margin:0; padding:0; }
#col1 .categoryButton { margin-bottom: 5px; padding-bottom: 5px; border-bottom: #ccc 1px solid; font-weight: bold; }

.currentPosition { }
.currentPosition .box { line-height: 23px; margin-bottom: 15px; padding: 0 10px 0 10px; border: #ccc 1px solid; background-color: #F6F6F6; font-size: 13px; }

.backtostart { margin-bottom: 15px; height: 25px; overflow:hidden; }
div.backtomap img { margin-bottom: 15px; height: 25px; overflow:hidden; }

#col2 .bundesland_linkboxen { width: 745px; }
#col2 .bundesland_linkboxen .box01, #col2 .bundesland_linkboxen .box02 { float:left; width: 200px; }
#col2 .bundesland_linkboxen .box01 { margin-right: 71px; }
#col2 .bundesland_linkboxen .box03 { float:right; width: 200px; }
#col2 .bundesland_linkboxen h1 { background: #ccc; font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 3px 5px 3px 5px; width: 190px; }
#col2 .bundesland_linkboxen .box { background-color: #F6F6F6; padding: 10px; width: 178px; overflow:hidden; border-left: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; margin-bottom: 15px; }

a.linkvorschlagen { font-weight: bold; font-size: 14px; }

/* Footer
--------------------------------------------------------------------------------------- */
#footer a { color: #cc0000; }


/* Wetterbox
--------------------------------------------------------------------------------------- */
#weathertbl .airport { font-size: 11px; }
#weathertbl .temperature { font-size: 20px; font-weight: bold; margin-bottom: 4px; }
#weathertbl .headline { font-weight: bold; }
.weatherContainer .weathernetLink { font-size: 11px; }

/* vindus-Extension
--------------------------------------------------------------------------------------- */

/* Liste */
.entry_list { } 
.entry_list p { margin:0; } 
.entry_list table { border-bottom: #ccc 1px solid; }
.entry_list thead { background: #ccc; }
.entry_list thead th { border-right: #ccc 1px solid; font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 0 10px 0 10px; height: 25px; line-height: 25px;}
.entry_list thead th.firstcol { }
.entry_list thead th.lastcol { border:none; }

.entry_list table tr.odd td { background-color: #F2F2F2; border-bottom: #fff 1px solid; }
.entry_list table tr.even td { background-color: #E9E9E9; border-bottom: #fff 1px solid; }

.entry_list table td { font-size:12px; padding: 10px; text-align: left; border-right: #fff 1px solid; }
.entry_list table td.firstcol { border-left: #ccc 1px solid; }
.entry_list table td.lastcol { border-right: #ccc 1px solid; }
.entry_list table td.thumbnail { border-right:none; padding: 10px 0 10px 10px; width: 60px; }
.entry_list table td a { font-weight: bold; }

.marketplaceFilter { text-align:right; font-size: 11px; margin-bottom: 5px;}
.noentries_register { margin-bottom: 15px; padding: 50px; border: #ccc 1px solid; font-weight: bold; }


/* Flashkarte groß */
#col2 .boxFlashMapBig { margin-bottom: 15px; }
#col2 .boxFlashMapBig h1 { background: #ccc; font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 0 5px 0 5px; height: 25px; line-height: 25px; }
#col2 .boxFlashMapBig .box{ padding: 0; border-left: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; }

/* Detailseite */
.single_container {}
.single_container .backlink { background-color: #F6F6F6; border: #ccc 1px solid; line-height: 23px; height: 23px; padding: 0 10px 0 10px; margin-bottom: 25px; }
#col2 .single_container h1 { color: #000; padding:0; margin: 20px 0 20px 0; font-size: 20px; font-weight: bold; }
.single_container .category { margin-bottom: 15px; }
.single_container .col_left { float: left; width: 635px; }
.single_container .col_right { float:right; width: 310px; }
.single_container .box { background-color: #F6F6F6; border-left: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid;margin-bottom: 15px; padding: 10px; }
.single_container .shortinfo { }
#col2 .single_container .shortinfo h1 { background: #ccc; font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 0 5px 0 5px; height: 25px; line-height: 25px; }

.single_container .description { }
#col2 .single_container .description h1 { background: #ccc; font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 0 5px 0 5px; height: 25px; line-height: 25px; }

.single_container .imageBox .image { float: left; height: 120px; padding: 5px; border: #ccc 1px solid; background: #fff; margin-right: 10px; margin-bottom: 10px; }
.single_container #map { border: #ccc 1px solid; width: 288px; height: 250px; margin: 10px 0 10px 0; }

.single_container .contactdata { }
#col2 .single_container .contactdata h1 { background: #ccc; font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 0 5px 0 5px; height: 25px; line-height: 25px; }

.single_container #mailerContainer { }
#col2 .single_container #mailerContainer h1 { background: #ccc; font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 0 5px 0 5px; height: 25px; line-height: 25px; }

p.bigger { font-size: 16px; }

/* Registrierung
--------------------------------------------------------------------------------------- */
#col2 .regBox { float: left; width: 450px; margin-right: 15px; }
#col2 .regBoxKostenlos { margin-right: 30px; }
#col2 .regBox h1 { background: #ccc; font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 0 5px 0 5px; height: 25px; line-height: 25px; }
#col2 .regBox .box { padding: 10px;  border-right:#ccc 1px solid; border-left:#ccc 1px solid; border-bottom:#ccc 1px solid; }
#col2 .regBox a.button {background: #ccc; padding: 3px 5px 3px 5px; font-weight: bold; color: #fff;}
#col2 .regBox ul { font-size: 12px; padding-left: 15px; margin-left:0; }
#col2 .regBox li { margin-left:0; padding-left:0px;}


.registrationContainer p { margin: 0; }
.registrationContainer { border-bottom: #ccc 1px solid; margin-bottom: 15px; }
.registrationContainer thead { background: #ccc; }
.registrationContainer thead th { font-size: 12px; margin:0; color:#fff; font-weight: bold; padding: 0 10px 0 10px; height: 25px; line-height: 25px;}
.registrationContainer thead th.firstcol { border-left: #ccc 1px solid; width: 1px; overflow:hidden; padding:0; }
.registrationContainer thead th.lastcol { border-right: #ccc 1px solid;  width: 1px; overflow:hidden; padding:0; }

.registrationContainer td { padding: 0; }
.registrationContainer td.firstcol { border-left: #ccc 1px solid;  width: 1px; overflow:hidden; }
.registrationContainer td.lastcol { border-right: #ccc 1px solid;  width: 1px; overflow:hidden; }



/* Loginbereich
--------------------------------------------------------------------------------------- */
/*#col2 form { border: #ccc 1px solid; padding: 10px; background-color: #F6F6F6; }*/

.tx-srfeuserregister-pi1 {}
input.tx-srfeuserregister-pi1-text { width: 200px; }
.tx-srfeuserregister-pi1-error { color: #cc0000; }
#tx-srfeuserregister-pi1-iframe { border: #999 1px solid; }
input.tx-srfeuserregister-pi1-radio { width: 10px !important; margin-right: 4px; }
/*
table.job_ang_table { margin: 10px 0 10px 0; border: #ccc 1px solid; }
table.job_ang_table td { padding: 5px; border-top: #ccc 1px solid; background-color: #F6F6F6;  }
table.job_ang_table td.ang_table_header { font-weight: bold; color: #fff; background-color: #ccc; }
table.job_ang_table td.title { font-weight: bold; width: 175px; }
table.job_ang_table td.ang_table_zeile_1 { }
table.job_ang_table td textarea { width: 300px; height: 150px; }
*/

table.job_ang_table td.ang_table_header { font-weight: bold; }

table.csc-loginform { border: #F6F6F6 10px solid; background-color: #F6F6F6; }
.csc-form-fieldcell input, input.loginUser, input.loginPw { width: 150px; }

/* Auftragsbörse E-Mail Benachrichtigung
--------------------------------------------------------------------------------------- */
.tx-exinitsubscribejobs-pi1 {}
.tx-exinitsubscribejobs-pi1 form {
border: #ccc 1px solid; padding: 10px; margin:0; background-color: #F6F6F6;
}


/* TYPO3:Ext Mailformplus
--------------------------------------------------------------------------------------- */

.tx-thmailformplus-pi1 { }

.tx-thmailformplus-pi1 form, .abuseMailer form {
border: #ccc 1px solid; padding: 10px; margin:0; background-color: #F6F6F6;
}

.tx-thmailformplus-pi1 .required {
font-size: 11px;
}

.tx-thmailformplus-pi1 input, .tx-thmailformplus-pi1 textarea, .tx-thmailformplus-pi1 select, .tx-thmailformplus-pi1 .chkbox {
color: #454545;
}

.tx-thmailformplus-pi1 #kontotyp,  .tx-thmailformplus-pi1 #name, .tx-thmailformplus-pi1 #vorname, .tx-thmailformplus-pi1 #strasse, .tx-thmailformplus-pi1 #plz_ort,  .tx-thmailformplus-pi1 #tel, .tx-thmailformplus-pi1 #email, .tx-thmailformplus-pi1 #www, .tx-thmailformplus-pi1 #subject, .tx-thmailformplus-pi1 #bemerkungen {
margin-top: 2px;
}

.tx-thmailformplus-pi1 .title {
width: 110px;
float: left;
font-weight: bold;
color: #333333;
}



.tx-thmailformplus-pi1 #vorname input, .tx-thmailformplus-pi1 #name input, .tx-thmailformplus-pi1 #strasse input, .tx-thmailformplus-pi1 #tel input, .tx-thmailformplus-pi1 #email input, .tx-thmailformplus-pi1 #subject input ,.tx-thmailformplus-pi1 select {
width: 170px;
font-family: Arial, sans-serif;
}

.tx-thmailformplus-pi1 #bemerkungen textarea {
width: 290px;
height: 150px;
font-family: Arial, sans-serif;
}

.tx-thmailformplus-pi1 #plz_ort input.plz  {
width: 35px;
}

.tx-thmailformplus-pi1 #plz_ort input.ort  {
width: 125px;
margin-left: 5px;

}

.tx-thmailformplus-pi1 .chkbox {
width: 360px;
}

.tx-thmailformplus-pi1 .error {
color: #cc0000;
font-weight: bold;
border: #cc0000 1px solid;
padding: 5px;
margin-bottom: 10px;
}

.tx-thmailformplus-pi1 .error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
}


.tx-thmailformplus-pi1 #submit input {
margin: 5px 0 0 110px;
}


/* TYPO3:Ext FE-Login
--------------------------------------------------------------------------------------- */

.tx-felogin-pi1 { border: #ccc 1px solid; background:#f1f1f1; padding: 10px; }


/*************/
/* Debugging */
/*************/
/*
h1, h2, h3, h4, h5, p, 
ul, ol, li, blockquote, pre{ 
	border: 1px dotted #999999;
}
td table { 
	border: 1px dotted #000099;
}
div { 
	border: 1px dotted #990000;
}
img.spacer-gif { 
	border: 1px solid black; 
}
*/

.inputError {
	border: 1px solid red;
}

div.zipSearchError {
	border: 2px solid red;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	color: red;
	font-size: 14px;
}



/*  LIGHTBOX
-----------------------------------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../../typo3conf/ext/exinit_vindus_base/res/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../../typo3conf/ext/exinit_vindus_base/res/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 120px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#nopremiumerror { font-weight: bold; color: red; }

.mailerFailure {color:#ff0000;padding:5px 0 5px 0;}

#menuFlashMap .countyLinks { text-align: center; }
#menuFlashMap .countyLinks a { padding: 0 3px 0 3px; font-size: 11px; }