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

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

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

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

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

#left div.box li a { /* nicht die Subnavigation */
	border-bottom:0px dotted black !important; 
	border-bottom:0px solid black; 	
}

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

#preamble a, #breadcrumb a, .kontextitem a, #preamble a:visited, #breadcrumb a:visited, .kontextitem a:visited {
	color: #00608A;
}

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

#headimage { /* print no */
	position: absolute; 
	margin: 0 0 0 192px;
	width: 500px; 
	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:#1E1C1C; }
#topnavi li a.act { 
	background-color:#00628E;
	color: white; 
}
#topnavi li span { padding-top:67px; }
#topnavi li a.act span { padding-top:65px; }
#topnavi li.num3 a.act span { padding-top:33px; }
#topnavi li.num7 a.act span { padding-top:49px; }

/* Logo und home */		#topnavi li.num100 { left: 702px; top:22px; background-image:none;}
/* Logo und home */		#topnavi li a#mainnav100 { background:url("../images/wh-f-p31.gif"); display:block; height:60px; padding:0px; width:108px; border:none; }		
/* Logo und home */		#topnavi li a#mainnav100:hover { background-color:transparent; }		
/* Claim  */			#topnavi li.num200 { left: 25px; top:160px; }
/* Claim  */			#topnavi li a.mainnav200 { background:url("../images/it-region-stuttgart-logo.gif"); display:block; height: 20px; width: 138px; border:none; }		
/* home */				#topnavi li.num1 { left: 96px; top: 0px; }  
/* home */				#topnavi li.num1 span { display:block; }	
/* Kontakt */			#topnavi li.num2 { left: 576px; top:0px; }
/* Kontakt */			#topnavi li.num2 span { display:block; }
/* Projekte/I/S */ 		#topnavi li.num3 { left: 384px; top:96px; }
/* Projekte/I/S */		#topnavi li.num3 span { display:block; padding-top:35px; }	
/* News */		 		#topnavi li.num6 { left: 672px; top:96px; }
/* News */				#topnavi li.num6 span { display:block; }
/* Veranstaltungen */	#topnavi li.num7 { left: 768px; top:96px; }
/* Veranstaltungen */	#topnavi li.num7 span { display:block; padding-top:51px; }
/* Standort */			#topnavi li.num8 { left: 192px; top:96px; }
/* Standort */			#topnavi li.num8 span { display:block; }
/* Suche */				#topnavi li.numsearch { left: 189px; top:0px; }
/* Suche */				#topnavi li.numsearch .mychlang { width: 96px; height: 56px; padding:42px 0 0 2px;}
/* Sprachwechsel */		#topnavi li.chlang { left: 280px; top:0px; }
/* Sprachwechsel */		#topnavi li.chlang .mychlang { width: 96px; height: 56px; padding:45px 0 0 10px;}


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

.invisable, .invisablemenu {
	display:none;
}
	
.textfieldshort {
	background-color:#E5E5E5;
}	

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

/* grrrrmbl.... IE und FF */
li.numsearch .mychlang .button {
	width:78px;
}	

.dropdown  {
	background-color: #fff;
	color: black;
	border:1px solid #fff;	
	font-size: 0.75em;
	width: 76px;
	margin-bottom: 5px;
}	

/****************************************************************
	Modul breadcrumb
*****************************************************************/
#breadcrumb { 
	position: relative;
	left: 298px;
	top: 198px;
	width:555px;
	font-size:60%;
	line-height:1.4em;
}

/****************************************************************
	Modul Subnavigation
 	Definiert Ebene 2-3
*****************************************************************/	
div.bereichhighlight { border:1px solid #006789; margin: 0 0 .8em 0; }
ul#subnavi.highlight { }

ul#subnavi { text-align:left; padding:0; margin:0 8px 1em 8px; }		
ul#subnavi li  { list-style-type: none; width:99%;  margin-bottom: 3px; float: inherit; }	
ul#subnavi li a { border:none !important; line-height: 1.3em; display: block; padding: 1px 0 1px 13px; background: transparent url(../images/bullet_go_link_navi.gif) no-repeat top left;}
ul#subnavi li a.act, #subnavi li a.act:visited { display: block; color:#000; background: transparent url(../images/bullet_go_link_navi_akt.gif) no-repeat top left;}	
ul#subnavi li a.c, #subnavi li a.c:visited { background: transparent url(../images/oneitems2.gif) no-repeat top left; color: #000; padding-left: 34px; }	
ul#subnavi li a.c:hover { background: transparent url(../images/oneitems3.gif) no-repeat top left; }	
ul#subnavi li a.cact, #subnavi li a.cact:visited { font-weight:bold; background: transparent url(../images/oneitems3.gif) no-repeat top left; color: #000; padding-left: 34px; }	
ul#subnavi li img { border:0px; }
ul#subnavi ul { padding: .5em 0 .5em 13px; margin: 0px; }
ul#subnavi ul ul li a { padding-left: 0; background:none;}

div.bereichhighlight h3  {
	text-align:left;
	background-color: #006789;
	border-bottom:1px solid #D3D3D3;
	margin: 8px;
	padding: 1px 6px;
	color:white;
}

/****************************************************************
	Modul Content
 	Definiert 3 Spalten (Subnavigation, Content, rechte Spalte)
*****************************************************************/	

#container { 
	padding: 212px 0px 0px 0px !important; 
	padding: 210px 0px 0px 0px; 
	margin: 0px; 
}
	
#preamble { 
	padding: 8px 6px 1.5em 6px; 
	margin: 0; 
	width: 369px !important; 
	width: 381px; 
	float: left; 
}

#left, #contentright { 	
	float: left; 
	width: 177px !important; 
	width: 187px; 
	padding: 8px; 
	text-align:left;
	margin: 0; 
	font-size:65%;
}

#banner {
	float: left; 
	width: 120px; 
	padding-top:8px;
	text-align:left;
	margin: 0; 
}

#left { 	
	margin-left:96px !important; 
	margin-left:51px;
}	
	
#contentright a { 
	color:#00608A; 
	margin-left: 0px; 
}	


.Clear { clear: both; }	

/****************************************************************
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/		

#preamble img, #contentright img, #topnavi img, #left img {
	border					:	0px;
}

#contentright img {
	padding-bottom			:	0px;
}

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

#preamble .flLeft a img, #preamble .flRight a img {
	padding-bottom			:	17px;
	background				: 	transparent url(../images/zoom.png) no-repeat bottom right;
}

#preamble .flRight	{
	width					:	165px;
	float					:	right;
	margin					:	.3em 0 0 1.2em;
}

#preamble .flLeft	{
	width					:	165px;
	float					:	left;
	margin					:	.3em 1.2em 0 0;
}

/* kleinere Thumbnails in Listen */
#preamble div.newsitem .flRight	{
	width					:	70px;
	float					:	right;
	margin					:	.3em 0 0 1.2em;
}


#preamble .flLeft p, #preamble .flRight p	{
	margin-left			:	5px;
	margin-right		:	5px;
	margin-top			:	3px;
	color				:	#000;
	font-size			:	90%;
	line-height			:	110%;
}


div.image-right {
	margin:0;
	padding:0;
	margin-top:1.5em;
}

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

h1, h2 { font-weight:bold; font-size:100%; }	
h3, h4, h5, h6 { font-weight:bold; font-size:100%; }
h1, h2 { line-height: 1.3em; margin: 0px 0px 10px 0px; padding-top: 3px; }	
div#preamble h1 {
	background-color:#00628E;
	color: white;
	padding:1px 3px 2px 14px;
	border-bottom:1px solid #D3D3D3;
} 
#left h1, #contentright h1 {background: transparent url(../images/pfeil.gif) no-repeat left; padding-left:14px;}
div#preamble h2 { margin-top:1em; font-size:110%;}
h4 { margin: 5px 0 5px 0; color: #000; }
h5, h6 { margin: 1em 0 .5em 0; }
p { margin-top: 0px; text-align: left;}
	
#contentright h1, #newsleft h1 {
	margin-left:20px;
}

.error { color:#AC1010; }

/* externe links */
.extern { 
	padding-left:11px;
	background: transparent url(../images/link_ext.gif) no-repeat left center !important;
}

/* E-Mail - Links */
.maillink { 
	padding-left:13px;
	background: transparent url(../images/icon_kontakt.gif) no-repeat left center !important;
}
.nowrap {
	/*display: inline-block;*/
	white-space: nowrap;
}

span.highlight {
	font-weight:bold;
}

span.query_highlight {
	color:red;
}

hr.clear_columns {	
	clear: both; 
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

/****************************************************************
	Modul <hr>

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

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

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

/****************************************************************
	Modul Bulletlisten

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

#preamble .linklist li a, #preamble .linklist li a:link, #preamble .linklist li a:visited { text-decoration:none; }

.kontextitem a.akt {
	font-weight:bold;
	color:black;
}	
	
#preamble ul {
	list-style-image: url(../images/bullet_go.gif);
	list-style-position: outside;
	padding:0 0 2em 20px;
	margin:0;
}

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

#contentright ul ul {
	padding: 4px 0 0 0;
	color:black;
	font-style: normal;
}

#contentright ul ul li {
	padding-left:1.5em;
	background: transparent url(../images/bullet_pfeil.gif) no-repeat top left;
	border:none;
	color:#C1256A;
}


/****************************************************************
	Modul Boxen
	Definiert Ausgabe Boxen rechts/links, Subnavigation
*****************************************************************/	

div.box {
	text-align: left;
	background-color: white;
	margin-bottom:1em;
}

div#preamble div.box {

}

div.border {
	border-width: 1px;
	padding:8px;
	border-color: #CCC;
	border-style: dashed;
}

div.box h3  {
	margin-top:0px;
	font-size:110%;
	background-color: #e7e7e7;
	border-bottom:1px solid #D3D3D3;
/*	background: #e7e7e7 url(../images/pfeil_grau.gif) no-repeat left; */
	padding: 0em 0.5em 0em 1.2em;
}

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

div.box ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

div.box ul li {
	border-bottom:1px solid #D3D3D3;
	padding: .4em 0;
	line-height:1.2em;
}

/****************************************************************
	Modul competenzatlas - 21.02.2008
*/

tr.inaktiv {
	color:white;
	background-color:#CE254B;
}


/****************************************************************
	Modul Newslisten

*****************************************************************/	
div.newsitem {
	padding-left:14px;
	margin-top:0px;
	background: transparent url(../images/bullet_item.gif) no-repeat top left;
	padding-bottom: .5em;
}

div#preamble div.newsitem {
	background: transparent url(../images/bullet_item2.gif) no-repeat top left;
}

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

div#preamble div#search-list h2 {
	font-size:100%;
}

div#preamble div.newsitem h2 {
	font-weight:bold;
}

div#contentright div.newsitem div.teaser {
	display:none;
}

div#contentright div.newsitem div {
	line-height: 1.1em;
}

table.ergebnistabelle {
	border-collapse:collapse;
}

table.ergebnistabelle td, table.ergebnistabelle th {
	text-align:left;
	padding: .5em;
	border-bottom:1px solid #D3D3D3;
	line-height:1.6em;
	font-size:100% !important;
	font-size:70%;
	vertical-align:top;
}


/****************************************************************
	Tabellen
*****************************************************************/		

table {
	background-color:#EFEFEF;
	border-collapse:collapse;
	width:368px;
	margin: 1em  0;
}

table th {
	background-color:#E2ECF1;
	border:1px solid white;
	padding:5px;
}

table td {
	border:1px solid white;
	vertical-align:top;
	padding:5px;
	font-size:11px;
	line-height:13px;
}

table td.nowrap { white-space:nowrap; }
table td.news-logged-grey { background-color:#DADADA; }

/****************************************************************
	Modul Flash-Filme
*****************************************************************/	
div.oneMovie img { behavior: url(iepngfix.htc); }
	
div.oneMovie { 
	border-top:1px solid #D3D3D3; 
	padding: 10px 0; 
}

#preamble div.oneMovie div.flLeft { 
	width:177px; 
	margin-right:10px; 
	border:5px solid #D3D3D3;
}

div.oneMovie ol { 
	padding:0; 
	margin:10px 0 10px 15px; 
}

.oneMoviePlay { 
	margin-left:50px; 
	margin-top:15px; 
}

.oneMoviePlaySmall {
	margin-left:25px; 
	margin-top:15px; 
}

#preamble a.play, #contentright a.play { border:none !important; }

a.playHover { 
	display:block; 
	width:177px; 
	height:144px;  
}

#preamble .flLeft a.playHover img { 
	padding-bottom:0px; 
	background-image:none; 
}

a.playHover:hover { 
	background: url("../images/play_movie.png"); 
}

a.playHoverSmall { 
	display:block; 
	width:72px; 
	height:72px;  
}

#preamble .flLeft a.playHoverSmall img { 
	padding-bottom:0px; 
	background-image:none; 
}

a.playHoverSmall:hover { 
	background: url("../images/play_movieSmall.png"); 
}


/****************************************************************
	Modul Footer
*****************************************************************/	
div#footer {
	margin: 0 0 0 298px;
	width: 556px;
}

div#footer hr {
	height:1px;
	border:0;
	background-color:black;
}
	
div#footer a {
	padding-top:5px;
}

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

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

.bullet_back {
	padding-left: 14px; 
	background: transparent url(../images/bullet_go_back2.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.gif) no-repeat top left;
}

div.rss a {
	display:block;
	height:20px;
	padding-left:30px;
	font-weight:bold;
	background:transparent url('../images/rss.gif') no-repeat;
	margin-bottom:1em;
}

div.rss a, #contentright div.rss a, #preamble div.rss a {
	border-bottom:none !important;
}