/* generated by csscreator.com */ 

html {
	
}

 body{ 
 background: transparent url(bg_seite_mittig_wirtschaft.gif) no-repeat fixed center top ;
 /*background: #339933 none repeat-x scroll top;*/
 
 background-color: #dfeaec;
 margin:0; 
 padding:0; 
 text-align:center; 
 
 
 font-size: 101%;
 FONT-FAMILY: verdana,arial,helvetica,sans-serif;
} 
 
#pagewidth{ 
 width:950px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 /*background-color: #ffff99;*/
 height: 600px;
} 



 
#header {
 position:relative; 
 height:212px;  
 width: 950px;
 
}

.highlights {

margin: 2px;
color: #8d8d8d;
width: 180px;
float:left;
font-size: 70%;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 16px;
display: none;

}

.highlightstext {

float:left;
padding-top: 2px;
padding-left: 8px;

}

.highlightsimage {
float:left;

padding-bottom: 0px;

}



.sprachauswahl {

margin: 8px;
margin-top: 6px;
margin-bottom: 0px;
margin-right: 4px;
margin-left: 0px;

float:right;
width: 10%;

}

.sprachauswahlimage {

margin: 0px;
margin-top: 2px;
margin-bottom: 0px;
margin-right: 6px;
margin-left: 0px;

float:right;

}

a .sprachauswahlimage {

filter: Alpha(opacity=40);
moz-opacity: 0.40; 
opacity: 0.40; 

}


a:hover  .sprachauswahlimage{

filter: Alpha(opacity=90);
moz-opacity: 0.90; 
opacity: 0.90; 

}



.schriften_einstellbar {

margin: 8px;
margin-top: 6px;
margin-bottom: 0px;
margin-right: 0px;

float: right;
width: 10%;

}

.schrift_groesser{
font-size: 16px;
float: left;
margin-right: 10px;
}

.schrift_back{
font-size: 12px;
float: left;
margin-right: 10px;
padding-top: 2px;
}

.schrift_kleiner{
font-size: 9px;
float: left;
margin-right: 0px;
padding-top: 4px;
}


.searchform{
/*background-color: #245878;*/
padding: 4px;
/*float: right;*/
margin-right: 6px;
margin-top: 0px;
margin-bottom: 4px;
padding-top: 8px;
padding-left: 14px;

}




#service_top{
 	position:relative; 
	/*background-color: Blue;*/
	height: 25px;
	padding-top: 0px;
 }
 

#service_left{
 	 
	background-color: white;
	width: 210px;
	margin-left: 14px;
	margin-top: 10px;
	
	
	
 }

.service_left{
	padding: 0px;
	height: 10px;
}

 
/* ----------------- logo kopf --------------------------*/
 
 #logo_kopf {
 	margin-top: 4px;
	background-image: url(bg_kopf_wirtschaft.gif);
	height: 184px;
 }
 

 
 .flash_kopf{
 	
	padding: 0px;
	margin: 0px;
	
	width: 704px;
	
	margin-left: 241px;
	padding-top: 8px;
 }
 
 	 .facebook-icon {
 	margin: 0px;
	
position: absolute;
	margin-left: 184px;
	margin-top: 3px;
border: 0px;


 }
 
 
/* -------------- Service Navigation START ---------------------*/

.service_navi {

	float: right;
	text-align: right;
	width: 65%;
	margin-top: 4px;
	margin-left: 0px;
	margin-right: 4px;
	/*display: none;*/
}

.service_navi ul {
	DISPLAY: block;
	/*FONT: normal 0.60em/2.0em verdana,Arial,Geneva,sans-serif;*/
	font-size: 60%;
	TEXT-ALIGN: right;
	margin: 0px;
	margin-top: 6px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	color: #8d8d8d;
}



		.service_navi li
			{
				display: inline;
				list-style-type: none;
				padding-right: 2px;
			}

		.service_navi li a
		{
			text-decoration: underline;
			color: #8d8d8d;
			margin-left: -0px;
			margin-right: 2px;
			FONT-WEIGHT: normal;
		}
		
		.service_navi li a:hover
		{
			text-decoration: none;
			color: #666666;
			margin-left: -0px;
			margin-right: 2px;
			FONT-WEIGHT: normal;
		}
/* -------------- Service Navigation ende ---------------------*/

#hauptmenue{
	background-color: white;
	height: 56px;
}

#flash_kopf {
	border-top: 5px solid white;
	
	padding-top: 0px;
	
	display: none;
}

/* -------------- Seiten mittenbreich beginn------------------------ */


#leftcol{
 /*width:30%;*/ 
 width: 240px;
 float:left; 
 
 /*background-color:#D600FF;*/ 
 
 /*height: 220px;*/
 
 
 }
 
#maincol{

 float: right; 
 display:inline; 

 /*width:70%;*/ 
 width: 710px;
 
 }
 
 
  #content_mitte {
 /*background-color: orange;*/
 margin-left: 30px;
 margin-right: 5px;
 margin-top: 10px;
 margin-bottom: 30px;
 
 width: auto;

 	
 }
 
#content_mitte ul {
 

font-size:  75%;

line-height: 150%;


 	
 }
 
 #content_mitte ul li {
 
 margin-bottom: 12px;

 	
 }
 
 #content_mitte ol {
 

font-size:  75%;
line-height: 150%;

 	
 }
 
 #content_mitte ol li {
 
 margin-bottom: 12px;

 	
 }
 
 
 .content_breite{
 	margin-right: 30px;
 }

 
 .align-center {
	text-align: center;
}
 
table {
	font-size: 100%;
}

  .contenttable {
 	
	font-size: 100%;
	line-height: 120%;
	background-color: #999999;
   text-align: left;
	
 }
 
  .contenttable ul {
  margin: 0px;
  margin-top: 8px;
  margin-left: 20px;
  
 	
	font-size: 11px;

 }
 
 .contenttable li {
 	
	font-size: 130%;
	line-height: 130%;
   text-align: left;
	padding: 0px;
	padding-bottom: 6px;
 }
 
 
.contenttable p {
	font-size: 95%;
	margin: 0px;
	margin-bottom: 3px;
	margin-top: 5px;
 }
 
 .contenttable h5 {
 	
	color: white;
	font-size: 95%;
	margin: 0px;
	font-weight: normal;
 }
 
 
   #print
{
	border-top-width: 1px;
	
	height: 40px;	
	clear: both;
	
	text-align: center;
	background: transparent;
	z-index: 600;
	
	margin-bottom: 2px;
  margin-top: 40px;
  display: none;
	
}
 
 
 
 #innerprint
{
	text-align: left;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 8px;
	border-top: 1px dotted #006754;
	margin-left: 0px;
	margin-right: 0px;
	FONT-SIZE: 60%;

}
 
#innerprint img
{
	padding-top: 6px;
	margin: 0px 2px -6px 2px;

}




 
 
 
/* -------------- Seiten mittenbreich ende ------------------------ */


.wo_bin_ich{
   
	padding-left: 30px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 10px;
	margin-bottom: 8px;
	font-size: 65%;
	line-height: 140%;
	/*border-bottom: 1px dotted #9c9fa4;*/
	/*width: 580px;*/
	
	
 }
 
 
 .wo_bin_ich a
		{
			text-decoration: underline;
			color: #666666;
			margin-left: -0px;
			margin-right: 2px;
			FONT-WEIGHT: normal;
		}
		
 .wo_bin_ich a:hover
		{
			text-decoration: none;
			color: #8d8d8d;
			margin-left: -0px;
			margin-right: 2px;
			FONT-WEIGHT: normal;
		}
 

a {
	color: #319aaf;
	font-weight: bold;
}

a:hover {
	color: #666666;
	text-decoration: none;
}

/* --------------- Teaser box --------------------------------*/

#box{
	width: 210px;
	float: right;
	margin-top: 0px;

	/*background-color: #ebebeb;*/
	background-color: #ebebeb;
	border: 1px solid #bbbbbb;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 0px;

}

#box p{
	font-size: 70%;
	padding-right: 5px;
	padding-left: 5px;
	
}



.boxtitel{
  PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 6px;
	MARGIN: 0px 0px 0px 0px;
	PADDING-TOP: 6px;
	font-size: 70%;
	line-height: 1.2em;
	color: white;
	background: #939393;
   width: auto;
	border-bottom: 0px solid #245878;
}

#box h1{

  PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 6px;
	MARGIN: 0px 0px 0px 0px;
	PADDING-TOP: 6px;
	font-size: 70%;
	line-height: 1.2em;
	color: white;
	background: #939393;
   width: auto;
	border-bottom: 0px solid #245878;
}

#box ul {
	font-size : 70%;
   line-height: 120%;
	color: #163341;
	margin-right: 0px;
	padding-top: 12px;
	
}

#box li {
margin: 0px;
}


.datum{
	color: #666666;
	font-size: 65%;
}

#box ul {
	margin: 0px;
	padding-left: 26px;
	padding-right: 6px;
}

#box li {
	padding-bottom: 6px;
}




/* -------------- Schriften -----------------------------------*/

h1 {
 	width: auto;
	font-size: 120%;
   color: #666666;
	border-bottom: 1px dotted #666666; !important;
	line-height: 160%;
 }
 
  h2 {
 	font-size: 105%;
	color: #666666;
	line-height: 130%;
	
 }
 

 
  h3 {
 	font-size: 95%;
	color: #666666;
	line-height: 130%;
 }
 
   h4 {
 	font-size: 70%;
	color: #333333;
	line-height: 130%;
	font-weight: normal;
 }
 
   h5 {
 	width: auto;
	font-size: 70%;
   color: black;
	font-weight: normal;
	/*border-bottom: 1px dotted #666666; !important;*/
	line-height: 150%;
	margin: 0px;
	/*padding-left: 4px;
	margin-top: 30px;*/
	margin-bottom: 8px;
 }
 
 p {
 	font-size: 75%;
	line-height: 170%;
	color: black;
	
 }
 
 img {
 	
	border:  0px;
	/*margin: 10px;
	margin-top: 0px;*/
	 }
 
 td {
 	font-size: 70%;
 }
 
/* -------------- spalten --------------------------------------*/

#c2l1d-left{

	clear:  right;
	
}

.c2l1d-left{
width: 290px;
	
	float: left;
	vertical-align: top;
	
}
.c2l1d-middle{
	width: 300px;
	float: right;
	vertical-align: top;

	
}


.c2l1d-left ul{
	
	font-size: 75%;
	line-height: 170%;
	color: black;
	margin: 0px;
	margin-left: 12px;
	margin-top: 10px;

	padding-left: 20px;
}



.c2l1d-left ul li{
	
	list-style: none;
   padding-left: 16px;
   background: url(list_quatrat.gif);
	background-repeat : no-repeat;
	background-position: 0 0.60em;

	
}


/* -------------- suchergebnis --------------------------------------*/

.csc-searchResult{
	font-size: 75%;
	line-height: 170%;
	color: black;
}


csc-searchResultHeader {
	color: #666666;
}

.csc-searchResultRange p {
	font-size: 100%;
}

.csc-form-labelcell {
	font-size: 100%;
}


.csc-textpic-caption {
	font-size: 65%;
	padding-top: 6px;
	padding-left: 6px;
}

.csc-textpic-text{
 	
	margin-top: 0px;
 }



.csc-menu ul a {
	
	color: #8d8d8d;
	
}

.csc-menu ul a:hover {
	
	color: #666666;
	text-decoration: none;
	
}

.csc-menu ul li {
	
	padding-bottom: 4px;
	
}

/* -------------- Formular --------------------------------------*/
/*.searchform{
padding: 3px;
text-align: left;
padding-right: 10px;
padding-top: 8px;
padding-left: 10px;


}*/

.csc-mailform-field{
	font-size: 75%;
}


form {
	margin: 0px;
}

.button
{
color: White;
background-color: #666666;
font-weight:normal;
font-size : 0.78em;
width: 70px;
margin: 2px;

}


/*input, textarea { /* Alle Labels UND Formularelemente auswählen */
/*  width: 200px; /* Breite.*/
/*  margin-right: 4px;
}*/



/* .suche_eingabe{
	width: 90px;
}*/

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
  /*width: 60px;*/
  
}

/*----------------- formtest ------------------------------ */



.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.csc-mailform-field label{
padding-bottom: 10px;
}

.label_links{
	padding-bottom: 4px;
}
.field_rechts{
	padding-bottom: 8px;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}



/* -------------- Service Navigation ende ---------------------*/



 
#footer{
width: 950px;
 height: 110px; 
 margin-bottom: -20px;
  background-color: white; 
  /*border-bottom: 3px solid white;*/
  background-image: url(bg_footer_wirtschaft.gif);
 clear:both;
 } 
 
 
 
  .footer_links{
  
 	float: left;
	padding: 8px;
	padding-top: 2px;
	padding-left: 22px;
	font-size: 70%;
	line-height: 125%;
	color: #8d8d8d;
	width: 200px;
	
 }
 
  .footer_rechts {

 	float: right;
	padding: 8px;
	padding-top: 8px;
	padding-right: 28px;
	font-size: 60%;
	color: #8d8d8d;
	text-align: right;
	border-top: 1px solid #9a9a9a;
	width: 662px;
	
	
	margin-right: 4px;
	
	
	
	
 }
 
 .footer_rechts img
{
	padding-top: 6px;
	margin: 0px 2px -6px 2px;

}
 
 .adresse_stadt{
 	float: left;
	
 }
 
  .adresse_tourist{
 	float: left;
	width: 30%;
	display: none;
 }
 


 

 
 
 
#wrapper {
	/*background-color: yellow;*/
	border-top: 8px solid white;
	background-color: white;
	width: 950px;
	
	background-image: url(bg_wrapper.gif);

	
	
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#hauptmenue{display:none;} 
#header {display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

