/* Style-sheet kompetenzzentren.region-stuttgart.de (rekiz) */

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

#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 {
	text-decoration:none; 
	border-bottom:1px dotted black !important; 
	border-bottom:1px solid black; 	
} */

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

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

#headimage { 
	position: absolute; 
	margin: 0 0 0 192px;
	width: 490px; 
	height: 194px; 
}

/****************************************************************
	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: 92px; height: 92px; margin-top:3px; font-weight:bold; font-size:0.75em; color:#006789; }
#topnavi li a.act { background-color:#00628E; color: white; }
#topnavi li span { padding-top:67px; }
#topnavi li a.act span { padding-top:51px; }
#topnavi li.num3 a.act span { padding-top:36px; }
#topnavi li.num4 a.act span { padding-top:36px; }

/* 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: 18px; top:61px; }
/* Claim  */			#topnavi li a.mainnav200 { background:url("../images/logo-kompetenzzentren.gif"); display:block; height: 118px; width: 141px; border:none; }		
/* home */				#topnavi li.num1 { left: 97px; top: 0px; }  
/* home */				#topnavi li.num1 span { display:block; padding-top:51px; }	
/* Kontakt */			#topnavi li.num2 { left: 577px; top:0px; }
/* Kontakt */			#topnavi li.num2 span { display:block; padding-top:51px; }
/* Kompetenzzentren */ 	#topnavi li.num3 { left: 289px; top:96px; }
/* Kompetenzzentren */	#topnavi li.num3 span { display:block; padding-top:35px; }	
/* Experten-DB */ 		#topnavi li.num4 { left: 770px; top:96px; }
/* Experten-DB */		#topnavi li.num4 span { display:block; padding-top:35px; }	
/* Presse */  			#topnavi li.num5 { left: 577px; top:96px; }
/* Presse */ 			#topnavi li.num5 span { display:block; padding-top:51px; }	
/* Download */			#topnavi li.num6 { left: 385px; top:96px; }
/* Download */			#topnavi li.num6 span { display:block; padding-top:51px; }
/* Links */				#topnavi li.num7 { left: 673px; top:96px; }
/* Links */				#topnavi li.num7 span { display:block; padding-top:51px; }
/* Programm*/			#topnavi li.num8 { left: 193px; top:96px; }
/* Programm */			#topnavi li.num8 span { display:block; padding-top:51px; }
/* Suche */				#topnavi li.numsearch { left: 190px; top:0px; }
/* Suche */				#topnavi li.numsearch .mychlang { width: 96px; height: 56px; padding:32px 0 0 2px;}
/* Sprachwechsel */		#topnavi li#chlang { left: 278px; top:0px; }
/* Sprachwechsel */		#topnavi li#chlang .mychlang { width: 96px; height: 56px; padding:32px 0 0 10px;}


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

@media screen, print
{
.invisable {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
}
	
.textfieldshort {
	background-color:#E5E5E5;
}	

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

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

.dropdown  {
	background-color: #006789;
	color: white;
	border:1px solid #9f9f9f;	
	font-size: 0.75em;
	width: 76px;
	margin-bottom: 8px;
}	

div.mychlang legend {
	display:none;
}

div.mychlang fieldset {
	border:0px solid white;
	margin:0;
	padding:0;
}

/****************************************************************
	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.navigation {
	text-align: left;
}

div.navigation ul {
	margin:0;
	padding-left:20px;
	list-style-type:none;
}

div.navigation ul li {
	padding: .17em 0 .5em 0;
	line-height:1.0em;
	list-style-position:outside;
	font-weight:bold;
	list-style-image:url("../images/pfeil-rechts.gif");
}

div.navigation ul li a.act, div.navigation ul li a.act:visited {
	color:#F7941D;
}

div.navigation ul li span {
	font-weight:normal;
}

/****************************************************************
	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 10px; 
	margin: 0; 
	width: 366px; 
	float: left; 
}

#left, #contentright { 	
	float: left; 
	width: 192px; 
	margin: 0; 
	padding:0;
}

#left { 	
	padding-top:12px;
	padding-left:96px; 
}	

#contentright { 
	padding: 0 10px;
}

.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 img, #preamble .flRight a img {
	padding-bottom			:	17px;
	background				: 	transparent url(../images/icon_lupe.gif) 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 Übersichtskarte */
#preamble #bildaussen {
	padding-top:30px;
	background: transparent url(../images/karte-kompetenzzentren.gif) no-repeat bottom left;
}

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

h1, h2 { font-weight:bold; font-size:130%; }	
h3, h4, h5, h6 { font-weight:bold; font-size:110%; }
h1, h2 { line-height: 1.3em; margin: 0px 0px 18px 0px; padding-top: 3px; }	
#left h1, #contentright h1 {background: transparent url(../images/pfeil.gif) no-repeat left; padding-left:14px;}

#contentright h1, #newsleft h1 {
	margin-left:20px;
}

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

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

hr.clear_columns {	
	clear: both; 
	float: left; 
	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 */
}

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

br.clearer {
	clear:both;
}

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

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

#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 0 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 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.newsitem h2 {
	font-weight:bold;
}

div#preamble div.newsitem p {
	padding-top:0;
	margin-top:0;
}

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

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

*****************************************************************/	
div#footer {
	margin: 0 0 0 298px;
	width: 574px;
}

div#footer hr {
	height:1px;
	border:0;
	color: #ccc;
	background-color:#ccc;
}
	
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/pfeil-zurueck.gif) no-repeat bottom left;
}

.bullet_back {
	padding-left: 14px; 
	background: transparent url(../images/pfeil-zurueck.gif) no-repeat top left;
}

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

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