/* firefox scrollbar hack */ 
html {height: 100%; margin-bottom: 1px; } 

body { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100.01%;
	color: #000;
	margin: 0px; 
	padding: 2px 0;
	text-align:left;
	background: #fff;
	background-image:url(../images/bg_body.jpg);
	background-repeat:repeat-x;
}

.page_margins { 
	margin: 0 auto; 
	width: 864px;
}
	
#wrapper { text-align:left; }
#preamble, #footer, #breadcrumb, .languages { font-size: 69%; }
#contentright, #left { font-size: 69%; }
#preamble, #footer, #left, #contentright { line-height:1.6em; }	

a { text-decoration: none; color: #952d58; }	
a:link { text-decoration:none; color: #952d58; }
a:visited { color: #952d58; }
a:hover { color:#952d58; }

#left a, #left a:link, #left a:visited, 
#contentright a, #contentright a:link, #contentright a:visited { 
	color: #952d58;
}

#preamble a:hover, #contentright a:hover, 
#footer a:hover, #breadcrumb a:hover, 
#left a:hover { 
	border-bottom:1px solid #952d58; 
	color:#952d58;
}

#preamble a, #preamble a:visited { color: #952d58; }


/****************************************************************
	Modul Kopfbereich
 	Definiert Logo, Gitternetz, Querbild, Hintergrund Kaesten
*****************************************************************/

#netz { 
	position: absolute; 
	margin: 0px;
	padding:0;
	background: url("../images/netz.gif") no-repeat top left;
	width: 864px; 
	height: 195px; 
}	

#headimage { 
	position: absolute; 
	margin: 0 0 0 246px;
	width: 426px; 
	height: 191px; 
}

div#Image, img { behavior: url(iepngfix.htc) }


/****************************************************************
	Modul Navigation Kopfbereich
 	Definiert Navigations-Kaesten, Positionierung und Farbe
*****************************************************************/

#topnavi { position:absolute; padding:0; margin:0; text-align:center; }		
#topnavi li {
	list-style-type: none;
	position: absolute;
	line-height: 0.8em;
	background-color: none;
}

#topnavi li a { display:block; width: 92px; height: 92px; font-weight:bold; font-size:0.7em; color:white; border:1px solid #fff; }
#topnavi li a.act { border-color:#fff; border-width:1px; color:#fff; width:92px; height:92px; background-color:#006789; }

#topnavi li span { padding-top:67px; }
#topnavi li a.act span { padding-top:67px; }

/* Logo und home */		#topnavi li#num100 { left: 709px; top:18px; background-image:none; }
/* Logo und home */		#topnavi li a.mainnav100 { background-image:url("../images/wh-f-p3.png"); display:block; height:64px; padding:0; width:116px; border:none; }		
/* Logo und home */		#topnavi li a.mainnav100:hover { background-color:transparent; }		
/* Claim  */			#topnavi li#num200 {
	left: 13px;
	top:132px;
}
/* Claim  */			#topnavi li a.mainnav200 { background:url("../images/logo_open_source.png"); display:block; height: 44px; width: 167px; border:none; }		
/* home */ 				#topnavi li#num0 { left: 96px; top: 0px; }  
/* home */				#topnavi li#num0 span { display:block; }
/* englisch */			#topnavi li#num2 { left:192px; top: 0px; }  
/* englisch */			#topnavi li#num2 span { display:block; }	
/* Projekte */			#topnavi li#num6 { left: 480px; top:0px; }
/* Projekte */			#topnavi li#num6 span { display:block; }
/* Kontakt */ 			#topnavi li#num8 { left: 576px; top:0px; }
/* Kontakt */			#topnavi li#num8 span { display:block;}	

/* Suche */				#topnavi li#numsearch { left: 288px; top:0px; }
/* Suche */				#topnavi li#numsearch .mychlang { width: 96px; height: 56px; padding:42px 0px 0 0px;}

li#num0 , li#num1, li#num2, li#num12, li#num4, li#num5, li#num6, li#num10, li#num7, li#num8, li#num9  { background-color:#952d58; }

/* Was ist Open */ 		#topnavi li#num4 { left: 192px; top:96px; }
/* Was ist Open */		#topnavi li#num4 span { display:block; padding-top:54px; }	
/* Firmen */			#topnavi li#num5 { left: 288px; top:96px; }
/* Firmen */			#topnavi li#num5 span { display:block; padding-top:54px; }
/* Profil */			#topnavi li#num10 { left: 384px; top:96px; }
/* Profil */			#topnavi li#num10 span { display:block; padding-top:41px; }
/* News */				#topnavi li#num7 { left:672px; top: 96px; }  
/* News */				#topnavi li#num7 span { display:block; }	
/* Veranstaltungen */	#topnavi li#num9 { left: 768px; top:96px; }
/* Veranstaltungen */	#topnavi li#num9 span { display:block; padding-top:54px; }


/****************************************************************
	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 white;	
	color: #333; 
	background: white;
	width: 78px;
	margin-bottom: 5px;
}	
	
.searchfield:hover, .searchfield:focus { border:1px solid #952d58; }
	
.button {
	border:1px solid white;	
	color: #fff; 
	font-size:0.75em;
	font-weight: normal; 
	background: #006789;
	width: 80px;
	margin-bottom: 5px;
}	

li.numsearch .mychlang .button { width:78px; }	

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

div.mychlang legend { display:none; }

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


/****************************************************************
	Modul breadcrumb
*****************************************************************/

#breadcrumb { 
	position: absolute;
	top:200px;
	left:293px;
	width:555px;
	font-size:70%;
	line-height:1.4em;
}


/****************************************************************
	Modul Subnavigation
 	Definiert Ebene 2-3
*****************************************************************/	

ul#subnavi{ text-align:left; padding:0; margin:0 8px 1em 8px; }		
ul#subnavi li  { list-style-type: none; width:99%; padding: 1px 0 3px 12px; margin: 0 0 4px -8px; float: inherit; background: transparent; font-weight:bold; line-height:1.2em; }
ul#subnavi li a.act, #subnavi li a.act:visited { color:#05698a; }	
ul#subnavi ul { padding-left: 10px; margin-top: 7px; }
ul#subnavi ul li a { padding-left: 0; background:none;}
ul#subnavi ul li { line-height:1.2em; background-position: 0 -3px; }
ul#subnavi li li a.act, ul#subnavi li li a.act:visited { 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: 0px 10px 1.5em 10px;
	margin: 0;
	width: 458px;
	float: left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

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

#contentright {
	float: left;
	width: 175px;
	padding: 0 8px;
	text-align:left;
	margin: 0;
	line-height:1.4em;
}

#left {
	margin-left:0px !important;
	margin-left:48px;
}	
	
#contentright a { margin-left: 0px; }
.Clear { clear: both; }	
div.clear { clear: both; }

#contentright ul {
	text-align:left;
	padding:0;
	margin:0 3px 1em 0px;
}	

#contentright li  { 
	list-style-type: none; 
	width:99%; 
	padding: 1px 0 0 12px; 
	margin: 0 0 0 -8px; 
	float: inherit; 
	background: transparent; 
}


/****************************************************************
	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-bottom:0px !important;	
}

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

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

#preamble .flNone	{
	width:200px;
	margin:.3em 1.2em .2em 0;
}

.flLeft p, .flRight p, .flNone p	{
	font-family:Tahoma,Verdana,Sans-Serif;
	line-height:12px;
	font-size:10px;
	color:#000;
	position:relative;
	margin:0;
	padding:5px;
	background: #ccc;
}

.flLeft p.subline, .flRight p.subline { margin: 0; width:165px; }
.flNone p.subline { margin: 0; width:190px; }

div.flLeft div, div.flRight div {
	float:left;
	background-color:white;
}

div.flLeft div img.zoom, div.flRight div img.zoom, div.flNone div img.zoom {
	position:absolute;
	border:0;
	right:10px;
	top:10px;
}

* html div.flLeft div img.zoom, * html div.flRight div img.zoom, , * html div.flNone div img.zoom {
	bottom:15px;
}

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


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

h1, h2 {
	font-size:110%;
	padding:0;
	margin:10px 0;
	background-color:#fff;
	color:#05698a;
}	

h3, h5, h6 { font-size:100%; }
h5, h6 { margin: 1em 0 .5em 0; }
p { margin-bottom:0.5em; }

h4 { font-size:110%; margin-bottom:.8em; }

div.newsitem h2,
div.terminitem h2,
div.news h2 {
	padding:0;
	margin:0;
	margin-bottom:0;
	background-color:#fff;
	color:#05698a;
}

div.newsitem,

div.news {
	padding: 0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #D3D3D3;
}

.newsitem-date {
	padding:2px 0;
	display:block;
	margin:0;
	font-style:italic;
}

#contentright .news span.ort, #contentright .news span.thema { display:none; }

#preamble h2 a,
#preamble h2 a:link,
#preamble h2 a:hover,
#preamble h2 a:visited{
	color:#fff;
	border-bottom:0px solid #952d58 !important;
}

#preamble .newsitem h2 a,
#preamble .terminitem h2 a,
#preamble .news h2 a,
#preamble .newsitem h2 a:link,
#preamble .terminitem h2 a:link,
#preamble .news h2 a:link,
#preamble .newsitem h2 a:visited,
#preamble .terminitem h2 a:visited,
#preamble .new h2 a:visited {
	color:#952d58;
	border-bottom:0px solid #952d58 !important;
}

#preamble .newsitem h2 a:hover,
#preamble .terminitem h2 a:hover,
#preamble .news h2 a:hover{
	color:#952d58;
	border-bottom:1px solid #952d58 !important;
}

#preamble h2.h2level {
	font-size:100%;
	margin: 0 -5px 10px -5px;
	background-color:#05698a;
	padding: 3px 0 3px 5px;
	color:#fff;
}

.error { 
	background-color:#FFF5C2;
	color:#AC1010; 
	font-weight:bold;
	margin-top:10px;
	padding:5px 0 5px 15px;
	border:1px solid #AC1010;
}


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

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

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

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 Bulletlisten fuer diverse Ausgaben
*****************************************************************/	

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

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

#preamble ul.extern { margin-bottom:0; padding-left:18px; }

.list li { /* liste mit pfeil, ohne hyperlinks */
	line-height: 2.5ex; 
	list-style-type: none;
	background: #D8D8D8;
	padding: 0px 10px 7px 0px;
	margin: 5px 0 0px -20px;
	list-style-position:inside;
	list-style-image: url(../images/item.gif);
}	


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

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

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

#left .banner a:hover,
#preamble .banner a:hover, 
#contentright .banner a:hover {
	margin:0;
	padding:0;
	border-bottom:0px;
}

div.box h3 {
	margin:0 0 .8em 0;
	font-size:110%;
	background: transparent url("../images/bg-h3.png");
	border-top:0px solid white;
	padding-left: 12px;
	padding-bottom:2px;
	behavior: url(iepngfix.htc);
	color:#952d58;
}

div#contentright h3, h3.grey {
	margin:0 -8px .8em -5px;
	font-size:110%;
	border-top:0px solid white;
	padding:3px 0 3px 8px;
	color:#000;
	background-color:#cccccc;
}

div#left h3 {
	margin:0 -5px .8em -8px;
	font-size:110%;
	border-top:0px solid white;
	padding:3px 0 3px 8px;
	color:#000;
	background-color:#cccccc;
}

div#contentright h2  {
	margin:0;
	font-size:110%;
	padding:3px 0 3px 0;
	color:#952d58;
	background-color:#fff;
}

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

div.box ul#download li {
	background: transparent url("../images/icon_pdf.gif") no-repeat 0 10%;
	padding-left:17px;
}

#contentright ul.extern li {
	background: transparent url("../images/link_ext_ul.gif") no-repeat 0 10%;
}

div.box ul li {
	border-bottom:0px solid #D3D3D3;
	padding: .3em 0;
}

div.box ul ul li {
	border-bottom:none;
	padding: 0;
}

#contentright ul li {
	border-bottom:0px solid #D3D3D3;
}

#contentright  div.attachment {
	padding-bottom:1em;
}

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

#preamble div.newsitem ul {
	list-style-image: url(../images/bullet_go_green.gif);
	padding:0 0 0 17px;
	margin:0;
}

#logoRundLeft {
	width:138px;
	height:138px;
	background:transparent url("../images/logo_open_source_rund.png");
	background-repeat:no-repeat;
	behavior: url(iepngfix.htc);
	margin: 0 0 0 13px;
}

#logoRundLeft a,
#logoRundLeft a:hover{
	width:138px;
	height:138px;
	display:block;
	border-bottom:0px !important;
}


/****************************************************************
	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;
}

.oneMovie ol {
	padding:0;
	margin:5px 0 10px 25px;
}

.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"); 
}


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

table {
	background-color:#EFEFEF;
	border-collapse:collapse;
	width:460px;
	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 Newslisten
*****************************************************************/	

div.news {
	padding-bottom:0.3em;
}

div.news h2 {
	font-size:100%;
	margin-bottom: .4em;
}

div#contentright div.news h2 {
	font-size:100%;
	margin-bottom:.2em;
}


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

div#footer {
	margin: 0;
	padding:13px;
	width: 864px;
}

div#footer hr {
	height:1px;
	border:0;
	background-color:#ccc;
	color:white;
	margin: .3em 0;
}
	
div#footer a {
	padding-top:5px;
}
#footer_nav{
	text-align:right;
	margin: 0 220px 0 0;
	
}

#footer_text{
	text-align:left;
	margin: 0 0 0 185px;
	
}

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

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

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

#bullet_impressum{
	margin-right: 20px; 
}

#bullet_printer {
	padding: 0px; 
	background: none;
}

#bullet_printer img{
	border:0px;
	padding: 0px; 
	margin:0 0 -5px 0;
	background: none;
}