body { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100.01%;
	color: #343434; 
	background-color: white;
	margin: 0px; 
	padding: 2px;
	text-align:left;
	}
	
#wrapper {
/*	width:864px; */
	text-align:left;
}

#content, #footer, #breadcrump, .languages, #contentright, #left{
	font-size: 70%;
}

#content, #footer, #contentright, #left, #content th, #content td {
	line-height:1.6em;
}	

a { text-decoration: none; color: #006789; }	
a:link { text-decoration:none; color: #006789; }
a:visited { color: #006789; }

#content a, #contentright a, #newsleft a, #left a {
	text-decoration:none; 
	border-bottom:1px dotted black !important; 
	border-bottom:1px solid black; 	
}

#left ul#subnavi a {
	border-bottom:0px !important; 
}

#content a:hover, #contentright a:hover, #newsleft a:hover { border-bottom:1px solid black; }

#content a, #breadcrump a, .kontextitem a, #content a:visited, #breadcrump a:visited, .kontextitem a:visited {
	color: #006789;
}

/****************************************************************
	Modul Kopfbereich
 	Definiert Logo, Gitternetz, Querbild, Hintergrund Kaesten
*****************************************************************/
#netz { 
	position: absolute; 
	margin: 0px;
	background: url(../images/netz.gif) no-repeat top left;
	width: 862px; 
	height: 195px; 
}	

#headimage { 
	position: absolute; 
	margin: 0 0 0 192px;
	width: 575px; 
	height: 191px; 	
}

/****************************************************************
	Modul Navigation Kopfbereich
 	Definiert Navigations-Kaesten, Positionierung und Farbe
*****************************************************************/
#topnavi { position: absolute; padding: 0px; margin: 0px; z-index: 1; text-align:center; }		
#topnavi li { list-style-type: none; position: absolute; line-height: 1em; }
#topnavi li a { display:block; width: 94px; height: 94px; font-weight:bold; font-size:0.75em; color:white; }
#topnavi li a.act { background-color:#00b2eb; }
#topnavi li span { padding-top:67px; display:block; }
#topnavi li span.invisable { display:none; }

/* Logo */				#topnavi li.num100 { left: 710px; top:14px; }
/* Logo */				#topnavi li a#mainnav100 { background:transparent url(../images/region-stuttgart.gif) no-repeat top left; display:block; width:122px; height:74px; padding:0px; border:none; }		
/* Logo */				#topnavi li a#mainnav100:hover { background-color:transparent; }		
/* Claim  */			#topnavi li.num200 { left: 20px; top:106px; }
/* Claim  */			#topnavi li a#mainnav200 { display:block; height: 84px; width: 141px; border:none; background: transparent url(../images/tourismus-freizeit-wellness.gif) no-repeat top left; }		
/* Suche */				#topnavi li.numsearch { left: 288px; top:0px; }
/* Suche */				#topnavi li.numsearch { width: 96px; height: 56px; padding-top:39px; }

/* home */				#topnavi li.num1 { left: 96px; top: 0px; }  
/* Kontakt */			#topnavi li.num2 { left: 480px; top:0px; }
/* Orte */ 				#topnavi li.num251 { left: 192px; top:96px; }
/* Unterkuenfte */		#topnavi li.num319 { left: 288px; top:96px; }
/* Essen/Trinken */		#topnavi li.num352 { left: 384px; top:96px; }
/* Essen/Trinken */		#topnavi li.num352 span { padding-top:35px; }	
/* Sehensw. */		 	#topnavi li.num334 { left: 576px; top:96px; }
/* Sehensw. */			#topnavi li.num334 span { padding-top:35px; }	
/* Sport/Freizeit */	#topnavi li.num364 { left: 672px; top:96px; }
/* Sport/Freizeit */	#topnavi li.num364 span { padding-top:35px; }
/* Wellness/Gesundh. */	#topnavi li.num384 { left: 768px; top:96px; }
/* Wellness/Gesundh. */	#topnavi li.num384 span { padding-top:35px; }	


/****************************************************************
	Modul Suchfeld Kopfbereich
 	Definiert Feld, Button, Sprachwechsel
*****************************************************************/

.searchfield {
	border:1px solid #e7e7e7;	
	color: #000; 
	background-color: #fff;
	width: 78px;
	margin-bottom: 5px;
	}	
	
.searchfield:hover,
.searchfield:focus {
	border:1px solid #000;
}
	
.button {
	border: 1px solid #FFF;	
	color: white; 
	font-size:0.75em;
	font-weight: bold; 
	background: transparent;
	width: 80px;
	margin-bottom: 5px;
}	


/****************************************************************
	Modul Subnavigation
 	Definiert Ebene 1-3, Listenausgabe, Angebotsfilter
*****************************************************************/	
#subnavi { padding: 2em 0; margin: 0px; }		
#subnavi li  { list-style-type: none; width:99%; padding-left: 10px; margin-bottom: 3px; float: inherit; clear: left; }	
#subnavi li a { line-height: 1.3em; margin-left: 0px; display: block; padding: 1px 0 1px 13px; background: transparent url(../images/bullet_go_link_navi.gif) no-repeat top left;}
#subnavi li a.bact, #subnavi li a.bact:visited { font-weight: bold; color:#00b2eb; }	
#subnavi ul { padding:3px 0 0 3px; margin:0; }

div.bereichhighlight {
	border:1px solid #84C6DB;
	margin: .8em 0;
}

ul#subnavi.highlight {
	padding: 0 0 .2em 0;
	margin-right:8px;
}

ul#subnavi.highlight ul {
	padding: .5em 1em .2em 0;
}

ul#subnavi.highlight li a.back, ul#subnavi.highlight ul li a.back {
	color:black;
	background: transparent url(../images/bullet_back.gif) no-repeat top left;
}

div.bereichhighlight h3  {
	background-color: #00b2eb;
	border-bottom:1px solid #D3D3D3;
	margin: 8px;
	padding: 0 6px 0 6px;
	color:white;
}

/****************************************************************
	Modul breadcrump
*****************************************************************/
#breadcrump { 
	position: relative;
	left: 298px;
	top: 198px;
	width:364px;
	line-height:1.4em;
	min-height:1px;
}

#breadcrump a.act {
	color:#00b2eb;
}	
/****************************************************************
	Modul Content
 	Definiert 3 Spalten (Subnavigation, Content, rechte Spalte)
*****************************************************************/	
#container { 
	padding: 202px 0px 0px 0px !important; 
	padding: 200px 0px 0px 0px; 
	width: 100%; 
	margin: 0px; 
}

#left { 	
	float: left; 
	height:auto; 
	min-height:1px;
	clear: none; 
	width: 172px !important;
	width: 288px;
	padding: 2px 10px 0 106px; 
	margin:0px; 
}	
	
#content { 
	padding: 0 10px; 
	margin: 0px; 
	width: 364px !important; 
	width: 384px; 
	float: left; 
} 
	
#contentright {  
	float: left; 
	width: 172px !important; 
	width: 192px; 
	padding: 0 10px; 
	margin: 0px; 
}

#contentright a { 
	color:#00608A; 
	margin-left: 0px; 
}	


.Clear { clear: both; }	

/****************************************************************
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/		
#content img {
	border					:	0px;
}

#content .flLeft a, #content .flLeft a:link, #content .flLeft a:visited, #content .flRight a, #content .flRight a:link, #content .flRight a:visited {
	text-decoration			:	none;
	border					: 	0px !important;	
}

#content .flRight	{
	float					:	right;
	margin					:	.3em 0 0 0;
}

#content .flLeft	{
	float					:	left;
	margin					:	.3em 1.2em 0 0;
}

#content .flLeft p, #content .flRight p	{
	width					:	135px;
	margin					:	5px 0;
	color					:	#666;
	line-height				:	110%;
}

#content a img.icon-link {
	float:none;
	margin-right: 0;
	padding-bottom:	0;
	background:	none;
}


/****************************************************************
	Modul Allgemeine Tags
 	Definiert p, h1-h5, etc.
*****************************************************************/			

h1, h2 { font-weight:bold; font-size:130%; line-height: 1.3em; margin: 0px 0px 10px 0px; padding-top: 3px; }	
div#content h2 { margin-top:1em; }
h3, h4 { font-size:110%; margin: 5px 0 5px 0; color: #343434; }
h5, h6 { margin: 1em 0 .5em 0; }
p { margin-top: 0px; text-align: left;}

h3.padbot {
	font-size:100%;
	font-weight:normal;
	margin-bottom: 1.3em;
}

.invisable {
	display:none;
}
	
.nowrap {
	/*display: inline-block;*/
	white-space: nowrap;
}

.classification {
}

span.highlight {
	font-weight:bold;
}

/****************************************************************
	Clear floating

*****************************************************************/	

HR.clearer {
	clear:right;
	height:1px;
	border:0;
	color: #FF7A0E;
}

HR.clearall {
	clear:both;
	height:1px;
	border:0;
	color: #fff;
}

HR.clearitem {
	clear:both;
	height:1px;
	border:0;
	color: #fff;
	margin-bottom: .5em;
}


/****************************************************************
	Modul Bulletlisten fuer diverse Ausgaben

*****************************************************************/	

#content ul {
	list-style-image: url(../images/bullet_go.gif);
	list-style-position: outside;
	padding:0 0 0 20px;
	margin:0;
}	

#contentright ul {
	margin:0;
	padding:0;
}

/****************************************************************
	Modul Newslisten, Listenausgaben Contentbereich
	Definiert Ausgabe Boxen rechts/links
*****************************************************************/	

div#content div.list-item {
	border-bottom:1px solid #EFEDED;
	padding: 1em 0;
	margin-top: .5em;
}

div#contentright div.flLeft	{
	float					:	left;
	margin					:	.3em .4em 0 0;
}

div#content div.list-item h2 {
	padding-top:0;
	margin-top:0;
}

#contentright .newsitem, #left .newsitem {
	margin-top:6px;
}

#contentright .newsitem {
	font-size: 92%;
	line-height:1.3em;
}

div.newsitem h2, div.newsitem h4 {
	font-size:100%;
	font-weight:normal;
	padding: 0;
	margin: 0;
}
	

/****************************************************************
	Modul Tabellen

*****************************************************************/	
#content table {
	width:100%;
	margin-top:1em;
	border-collapse: collapse;
}

#content th, #content td {
	border:1px solid #E7E7E7;	
	text-align: left; /* for Opera */
	vertical-align: top;
	padding: .5em;
	font-size:100% !important;
	font-size:70%;
}

#content th {
	background-color: #E7E7E7;
}

#content td.summary {
	background-color:#E7E7E7;
	border-bottom:1px solid #D3D3D3;	
}

#content table h2 {
	margin-top:0;
}

/****************************************************************
	Modul Angebotsfilter
	Selectbox links
*****************************************************************/	
.formmyselection {
	margin:0;
	padding:0;
}

div.myselection {
	margin: auto; 
	text-align: left;
	border-bottom: 1px solid #D3D3D3;
	background-color: #EFEDED;
	padding: 4px 8px;
}

div.myselection-text {
	display:block;
	color:#666;
	margin:0;
	padding: 0 0 .5em 0;
}

.buttonfilter { /* Button Angebote filtern */
	background: transparent;
	color: #666;
	font-size:100%;
	font-weight:bold;
	border: 1px solid #666; 
	width: 40px;
}	

.dropdown  {
	width:107px;
	background-color: #00678A;
	color: #fff;
	font-size: 100%;
	height:18px;
}	

/****************************************************************
	Modul Box
	Definiert Ausgabe Boxen mit Rahmen rechts/links
*****************************************************************/	

div.box {
	margin: auto; 
	text-align: left;
	border-width: 1px;
	border-color: #e7e7e7;
	border-style: solid;
	padding: 8px;
	margin-bottom:1em;
}

div.box h3  {
	margin-top:0px;
	background-color: #e7e7e7;
	border-bottom:1px solid #D3D3D3;
	padding: 0 .5em;
}

div.box h3.hint  {
	background: #e7e7e7 url(../images/hing.gif) no-repeat top left;
	color:#C1254B;
	padding: 0 1.4em;;
}


div.box div.logos {
	text-align:center;
}

div#left div.box div.logos img, div#left div.box div.logos a {
	border:0 !important;
}

div#left div.box div.logos img {
	padding: .5em 0;
}

div#contentright div.box div.newsitem div.flLeft {
	float:none;
	padding-bottom:3px;
}

/****************************************************************
	Modul Footer

*****************************************************************/	
div#footer {
	margin: 0 0 0 288px;
	padding-top:10px;
	width: 576px;
}
	
#footer a {
	padding-top:5px;
}

div#footer div.padding {
	padding: .5em 0 1.5em 0;
}

div#footerline {
	width: 576px;
  	border-top:1px solid #A3A3A5;
	height:1px;
}

#bullet_back {
	padding-left: 16px; 
	padding-right: 20px;
	background: transparent url(../images/bullet_go_back.gif) no-repeat top left;
}

#bullet_top {
	padding-left: 16px;
	padding-right: 20px; 
	background: transparent url(../images/bullet_arrow_top.gif) no-repeat top left;
}

#bullet_printer {
	padding-left: 20px; 
	background: transparent url(../images/printer.png) no-repeat top left;
}