/* 
-----------------------------------------------------------------
 ALLGEMEINE EINSTELLUNGEN
----------------------------------------------------------------- 

.typo3-editPanel {
	display:none;
}
td {
	background:white;
}
*/

html, body {
	margin:0px; 
	padding:0px; 
	background:#e8e8e8; 
	font-family:verdana,Helvetica,Jamrul,sans-serif; 
	font-size:12px;
	background-image:url(images/bodybg.jpg) ;
	background-repeat:repeat-x;
	line-height:15px;
}

div , span, h1, h2, h3, h4, p, hr, table, tr ,td, th, a, ul, li, img, form, select, input, submit, label {
	margin:0px; 
	padding:0px; 
	vertical-align:top;

}

input, textarea, select {
  border: 1px solid #c5c5c5;
  background:#ffffff;
  margin-bottom:3px;
}



p.align-right {
	text-align:right;
}

hr {
  margin-top:0px; 
  margin-bottom:12px; 
  background-color: #b4b6b4; 
  color: #b4b6b4; 
  border: 0;
  height: 1px; 
}

.csc-frame-rulerAfter {
  border-bottom: 1px solid #c5c5c5;
  margin-bottom:10px;
}

a {
	color:#52911f;
	text-decoration:none;
	font-weight: bold;
	font-size:12px;
}


a:hover {
  color:#333333;
}

#center a img {
  border:0px;
}

.c2l1-left{
   border:0px;
}


.important {
  color: red; 
}

#newsletter {
	width: 700px;
	background-color: #FFFFFF;
	background:url(http://www.vhb-info.de/vhb/fileadmin/layout/bgnewsletter.gif) 0px 0px no-repeat;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
  min-height: 500px;
  height: auto !important;   
  height: 500px;
}



#center h2,#center h3,#center h4,#left h2,#left h3,#left h4,#right h2,#right h3,#right h4 {
  padding:0px 15px 12px 15px;
  background:#ffffff;
}
#center h2,#left h2,#right h2 {
  font-size:12px;
}
#center h3,#left h3,#right h3 {
  font-size:11px;
}

#left h2,#right h2 {
  padding-top:10px;
}

#center .csc-header img {
  margin-bottom:12px;
}


#center p {
  padding-right:15px;	
  padding-left:15px;
  padding-bottom:13px;
}

#right p,#left p {
  background:#ffffff;
  color:#333333;
  padding-right:15px;	
  padding-left:15px;	
  font-size:12px;
  
  margin:0;
  padding-bottom:13px;
}




#left select, #left input {
	width:135px;
}
#left form {
	padding-bottom:12px;
}

#center ul {
  padding-left:35px;
  padding-bottom:12px;
}
#center li {
  padding-bottom:12px;
}

/* 
-----------------------------------------------------------------
 HEADER
----------------------------------------------------------------- 
*/

#header {
	display:block; 
	height:300px;  
	background-image:url(images/headerbg.jpg); 
	color:#fff; 
	padding:0px;
	width:1012px;
}
#headbg {
  position:absolute;
  top:110px;
  left:56px;
  width:900px;
  height:190px; 
}

#headlogo {
  position:absolute;
  top:18px;
  left:56px;
  width:198px;
  height:92px; 
}

#header img {
  border:0px;
}



#menu_top {
  position:absolute;
  top:0px;
  left:815px;
  width:140px;  
  height:24px;  
  background-image:url(images/bgkontaktimpressum.gif); 
  background-repeat:no-repeat;
  padding-top:1px;
}


#menu_top ul {
  list-style:none;
}

#menu_top li {
  display: inline;
  float:left;
}

#menu_top li.lileft {
 text-align:right;
 width:56px;
 padding-right:8px;
}
#menu_top li.liright {
 text-align:left;
 width:72px;
 padding-left:4px;
}




#menu_top a {
  font-size:0.8em;
  text-decoration:none;
  color:#4c4c4c;
}




#menu_main {
  position:absolute;
  top:34px;
  left:274px;
  width:670px;  
  height:50px;  
}

#menu_main ul {
  list-style:none;
}

#menu_main li {
  display:inline;
}


#menu_main_left_bottom {
  position:absolute;
  bottom:0px;
  line-height:0px;
}
#menu_main_left {
  position:relative;
  top:110px;
  left:78px;
  width:141px;  
  height:178px;

}



#menu_main_left ul {
  list-style:none;
}

#menu_main_left li {

}



#left ul,#right ul {
	list-style:none;
	padding-bottom:12px;
	font-weight: bold;

}
#left li,#right li {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	height:1%;
}


#left li a,#right li a{
	color:#52911f;
	text-decoration:none;
}

#left li.active,#right li.active {
	color:#333333;
}

#left li a:hover,#right li a:hover {
  color:#333333;
}


#left .csc-textpic img, #right .csc-textpic img{
	padding-bottom:12px;
}


/* 
-----------------------------------------------------------------
 FOOTER
----------------------------------------------------------------- 
*/
#footer {
	display:block; 
	height:150px; 
	background-image:url(images/footerbg.jpg); 
	background-repeat:no-repeat;
	padding-bottom:20px; 
	width:1012px;
}

#footerprint {
  position:relative;
  top:5px;
  left:800px;
  width:150px;
  height:28px; 
}

#footeraktuell {
  position:relative;
  top:47px;
  left:786px;
  width:170px;
  height:20px; 
   color:#ffffff;
}


#footeraktuell a, #footerinfo a {
 color:#ffffff;
 font-weight: normal;
}

#footerinfo {
  position:relative;
  top:9px;
  left:287px;
  width:420px;
  height:40px; 
  color:#ffffff;
}

#landkreiskonstanz {
  position:relative;
  top:-43px;
  left:65px;
  width:70px;
  height:60px; 
}

#loewentakt {
  position:relative;
  top:-103px;
  left:145px;
  width:75px;
  height:60px; 
}





/* 
-----------------------------------------------------------------
 STRUKTUR ZUM AUFSPANNEN UND HINTERGRUNDBILDER
----------------------------------------------------------------- 
*/
#outer {
  position:relative;
  margin:auto;
  top:0px;
  width:1012px;
  height:620px; 
}

#container {
	width:1012px;
	background-image:url(images/containerbg.jpg);
	background-repeat:no-repeat;
	padding-top:20px; 
	padding-bottom:20px; 
}
#containerouter {
	width:1012px;
	/*falls ie6 muss hier eine groesse rein..
	height:620px;  
	*/


	background-image:url(images/contentbg.jpg); 
	background-repeat:repeat-y;
}
/* wird nur von ie6 interpretiert	*/



#inner {
	width:900px;
  display:block;
	margin-left:56px; 
	margin-right:56px; 
	background-color:transparent;
}

.clear {clear:both;}
/* 
-----------------------------------------------------------------
 CONTENT
----------------------------------------------------------------- 
*/
#center {
	width:476px;
	margin-left:212px; 
	position:relative; 
	display:block; 
	height:1%;
	background-color:transparent;
}
/* 
-----------------------------------------------------------------
 LINKS
----------------------------------------------------------------- 
*/
#left {
	float:left; 
	position:relative; 
	width:166px; 
	left:0px;
	background-color:transparent;
}

/* 
-----------------------------------------------------------------
 RECHTS
----------------------------------------------------------------- 
*/
#right {
	float:right; 
	position:relative; 
	width:166px; 
	right:0px;
	background-color:transparent;
	margin:0px; 
	padding:0px; 
	
}
/* 
-----------------------------------------------------------------
 SUCHERGEBNISSE
----------------------------------------------------------------- 
*/




.tx-indexedsearch-descr { 
  padding-bottom:5px; 
  border-bottom:1px solid #bdbdbd; 
  margin-bottom:12px;
}

#center .tx-indexedsearch h3  { 
  color:#ffffff;
  padding-right:15px;	
  padding-left:15px;
  margin:0;
  text-decoration:none; 
}




.tx-indexedsearch-redMarkup {
color:#006ab3;
}

.redmarquee {
color:red;
}


#tx-indexedsearch-searchbox-sword {
  width:95px;
}
#tx-indexedsearch-searchbox-sword-center {
  width:300px;
  margin-left:15px;
}
.imagemiddle {
  vertical-align:middle;
}

.tx-indexedsearch-form-startpage {
  padding-left:15px;
  padding-right:15px;
  margin-bottom:12px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }

.tx-indexedsearch-whatis {
  margin-left:15px;
}

.tx-indexedsearch-res {
  display:inline;
}
ul.browsebox {
  margin-left:15px;
  margin-bottom:12px;

}

/* 
-----------------------------------------------------------------
 AKTUELLES
----------------------------------------------------------------- 
*/
.news-list-date {
  display:block;
}

.news-list-item {
  border-bottom:1px solid #bdbdbd; 
  padding-bottom:5px;
  padding-left:15px;
  padding-right:15px;
  float:left;
  margin-bottom:12px;
  width:100%;
}
#center .news-list-item h2 {
  padding-left:0px;
}

.news-list-container img {
  display:block;
  float:left; 
  padding-right:10px;
  border:0;
  padding-bottom:10px;
}


#center .news-list-bodytext p.bodytext {
  padding-left:0px;
}


#center .news-list-bodytext p {
  padding-left:10px;
}

.news-list-morelink {
  display:inline;
}
.news-single-item {
  padding-left:15px;
}

#center .news-single-item h2,#center .news-single-item h3 {
  padding-left:0px;
}

.news-single-item img {
  border:0;
  float:left;
  padding-right:10px;
  padding-bottom:10px;
}
.news-single-item h2,.news-single-item h3 {
  clear:both;
}

.news-single-img {
  float:left; 
  padding-right:10px;
}

.news-single-img {
  float:left; 
margin-left:0px;
margin-top:0px;

}

#center .news-single-item p {
  padding-left:0px;
}

.news-single-backlink {
  margin-top:1em;
}


/* 
-----------------------------------------------------------------
 MEHRSPALTIGER TEXT
----------------------------------------------------------------- 
*/
#center .tx-fdfx2cols-pi1 {
  border-bottom:1px solid #bdbdbd; 
  padding-bottom:5px;
  margin-bottom:12px;
}

#center p.csc-fdfx_2cols_pi1-header {
  padding-left:0px;
  margin:0px;
}

#center .c2l1-left p img {
  border:0px;

}

div.tx-fdfx3cols-pi1, div.tx-fdfx2cols-pi1{
  margin-bottom:0px;
  display:inline-block;
  width:100%;
}

#center .c2l1-left p.align-center{
 text-align:center; 
}


/* Bilder auf Seite Zonenpl�ne */
#c19 .c2l1-left, #c20 .c2l1-left, #c24 .c2l1-left {
  vertical-align:middle; 
}

/* 3-Spalten border ausschalten */
#center .c3l1-middle,#center .c3l1-left {
border:0px;
}
/* 
-----------------------------------------------------------------
 ZONENPLAN PRINTPOPUP
----------------------------------------------------------------- 
*/
#zonenplanfooter {
  height:34px;
  background-color:#8bbf1b;
}

/* 
-----------------------------------------------------------------
 ZONENPLAN PRINTPOPUP
----------------------------------------------------------------- 
*/
#zonenplanfooter {
  height:34px;
  background-color:#8bbf1b;
  text-align:right;
}
#print, #close {
position:relative;
display:inline;
top:4px;
}

#center iframe {
width:446px;
padding-left:15px;
padding-right:15px;
}


/* 
-----------------------------------------------------------------
 MAILFORM
----------------------------------------------------------------- 
*/




.csc-mailform {
  border: none; /* Rand ausschalten */
  padding-left:15px;
  padding-right:15px;
  
}

.csc-mailform-field label {
  float:left;
  clear:both;
  display:block;
  width:100px;
}


.csc-mailform-field input, 
.csc-mailform-field textarea, 
.csc-mailform-field select {
  float:right;
  display:block;
  width:330px;
}

.csc-mailform-submit {
  margin-left: 100px; 
}



#center .csc-default {
  float:left;
  width:476px;
  margin-bottom:12px;
}