/*
KONTOR4_Neue Medien Stylesheet screen 
Dirk Pache
12/05/2005
*/

body {
	margin: 0;
	padding: 35px;
	font-family: Helvetica,Arial,Verdana, sans-serif;
	font-size :	13px;
	line-height: 18px;
	color:#000;
	background:fff;
}

#banner {
	width:794px;
	border-bottom: 1px solid #0072BF;
	padding:0 0 10px 0;
}
#content {
	position: absolute;
	top: 150px;
	left:35px;
	width: 794px;
	height: 333px;
	border-bottom: 1px solid #0072BF;
	margin: 37px 0 0 0;
	background: transparent url(../images/layout/bg_blau2.jpg) left bottom repeat-x;
}
#contentnobg {
	position: absolute;
	top: 150px;
	left:35px;
	width: 794px;
	height: 333px;
	margin: 37px 0 0 0;
	background: transparent;
	border-bottom: 1px solid #0072BF;
}
#content img, #contentnobg img {
	float:right;
	margin-top:38px;
	padding:0;
	border:0;
	/* um den hier angegebenen abstand nach oben müssen auch die kästen conmtent und blauerkasten erweitert werden*/
}
#contentnobgnor {
	position: absolute;
	top: 150px;
	left:35px;
	width: 794px;
	height: 333px;
	margin: 37px 0 0 0;
	background: transparent;

}
#topkasten {
	position: absolute;
	top: 0;
	width: 410px;
	height: 195px;
}
#topkasten h1 {
	font-size: 14px;
	font-weight: bold;
		margin:0 0 6px 0;
	padding:0 24px 0 0;
	/* border-top: 1px solid #0072BF; */
	float:left;
}
#topkasten h2 {
	font-size: 12px;
	font-weight: bold;
	margin:6px 0 0 0;
}

#blauerkasten {
	position: absolute;
	top: 195px;
	height: 138px;
	width:510px;
}
#blauerkasten h2 {
	font-size: 14px;
	font-weight: bold;
	color: #005789;
	margin: 0 0 4px 14px;
}
#blauerkasten p {
	color: #005789;
	margin: 0 0 4px 14px;
}
ul#links {
float:left;
}
ul#rechts {
}
ul#links, ul#rechts{
padding:0 0 0 16px;
margin:0;
}
#links li.nobullet,#rechts li.nobullet { 
list-style: none; 
padding:0;
margin:0;
}
#topkasten table {
 margin-top:18px;
 }
 #topkasten table p{
 margin-top:0;
 }
/******************* bwtgruppe *******************/

table#bwtgruppe {
	margin: 0;
	padding:0;
	z-index: 1;
	}
table#bwtgruppe td{
	width: 260px;
	}
table#bwtgruppe td.blr{
	border-left: 1px solid #0072BF;
	border-right: 1px solid #0072BF;
	}
table#bwtgruppe img{
	float:left;
	}
table#bwtgruppe p,table#bwtgruppe ul{
	margin-left:65px;
	}
table#bwtgruppe p.nomargin{
	margin-left:0;
	}
table#bwtgruppe ul{
	padding:0 0 0 15px;
	}
/******************* aktuelles *******************/

table#aktuelles {
	margin: 0;
	padding:0;
	z-index: 1;
	 width:510px;
	}
table#aktuelles td{
	padding:0 24px 0 0;
	}
table#aktuelles h2{
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:14px 24px 0 0;
	border-top: 1px solid #0072BF;
	}
table#aktuelles ul{
	padding:0;
	}
table#aktuelles li {
	list-style-type: none;
}
/******************* referenzen *******************/

table#referenzen {
	margin: 0;
	padding:0;
	z-index: 1;
	}
table#referenzen td{
	width: 160px;
	}


#inhalt { 
	position:absolute;
	top:0;
	left:0;
	height:100%;
	}
#scrollblende, #scrollblenderef {
	position:absolute; 
	top: 334px;
	left:0;
	height: 100%;
	background:#fff;
	width:510px;
	border-top: 1px solid #0072BF;
	float:left;
	z-index:10;
}

#scrollblenderef {
	top: 333px;
	height: 800px;
}

#scrollblende img, #scrollblenderef img {
	margin:0;
}
#scrollblende table,#scrollblenderef table{
	margin:10px 0 0 0;
}
#contentnobg #slidetext{
	position: absolute;
	top: 373px;
	left:510px;
	width: 284px;
	margin: 0;
}

#bildframe { 
	position:absolute; 
	top:48px;
	left:510px;
}

#bildframeref { 
	position:absolute; 
	top:0;
	left:510px;
}
#bildframeref img{ 
	border-bottom: 1px solid #0072BF;
	margin-bottom:10px;
}

#bildframeref a{ 
	padding-top:10px;
}

/******************* Klassen *******************/
a img {
	border: none;
	}
/******************* hyperlinks *******************/
a {
	color: #0072BF;
	text-decoration: none;
}
a:link.ref, a:visited.ref,a:hover.ref {
	color: #0072BF;
	text-decoration: none;
}
a:active.ref, a:focus.ref {
font-weight:bold;
border:0;
}
/******************* obere Navigation ******************/
/*
es gibt eine hauptnavi
eine fuer kontakt und impressum 8da rechts ausgerichtet
eine navizeile1 und eine navizeile2
*/
#hauptnavi, #navizeile1, #navizeile2,#navizeile3  {
	float: left;
	margin: 0;
	padding:3px 0;
	border-bottom: 1px solid #0072BF;
	z-index: 1;
	width: 794px; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 794px;
	}

html>body #hauptnavi, html>body #navizeile1, html>body#navizeile2,html>body##navizeile3 { /* be nice to Opera */
	width: 794px;
	}
#navizeile3 {
text-align:right;
}
/*liste fuer kontakt und impressum*/
#konimp {
	float:right;
	padding:0;
	}

#hauptnavi li,
#konimp li, 
#navizeile1 li, 
#navizeile2 li,
#navizeile3 li {
	white-space: nowrap;
	list-style-type: none;
	display: inline;
	margin: 0; 
	padding: 0;
	}
#navizeile1 li, #navizeile2 li, #navizeile3 li{

	padding:3px 0;
	}
/*navi oben ausser kontakt und impressum*/
#hauptnavi a:link, 
#hauptnavi a:visited
{
	float: left;
	margin: 0 30px 0 0;
	padding:0;
	text-decoration: none;
	border: none;
	color: #000;
/*	color: #B2D5EC;*/
	}

#navizeile1 a:link, 
#navizeile1 a:visited, 
#navizeile2 a:link, 
#navizeile2 a:visited,
#navizeile3 a:link, 
#navizeile3 a:visited {
	float: left;
	margin: 0 30px 0 0;
	padding:0;
	text-decoration: none;
	border: none;
	/* color: #000; */
	color: #0072BF;
	}
#navizeile3 a:link, 
#navizeile3 a:visited {
float:right; 
	margin: 0 0 0 18px;
}
 #navizeile1 a:link, 
 #navizeile1 a:visited, 
 #navizeile2 a:link, 
 #navizeile2 a:visited {
	width:164px;
	}
 #navizeile3 a:link, 
 #navizeile3 a:visited {
	width:80px;
	}

#hauptnavi a:hover {
	color: #0072BF;
	}
#hauptnavi a:link.active, 
#hauptnavi a:visited.active {
	color: #0072BF;
	font-weight:bold;
	}
#navizeile1 a:hover,
#navizeile2 a:hover,
#navizeile3 a:hover {
	color: #0072BF;
	}
#navizeile1 a:link.active, 
#navizeile1 a:visited.active, 
#navizeile2 a:link.active, 
#navizeile2 a:visited.active, 
#navizeile3 a:link.active, 
#navizeile3 a:visited.active {
	color: #0072BF;
	font-weight:bold;
	}
/*navi fuer kontakt und impressum*/
#konimp a:link, 
#konimp a:visited {
	float: left;
	margin: 0 2px 0 30px;
	padding:0;
	text-decoration: none;
	border: none;
	color: #000;
	}

#konimp a:link.active, 
#konimp a:visited.active, 
#konimp a:hover {
	color: #0072BF;
	}
/*formulare */
#kastenrechts {
	position: absolute;
	left: 250px;
}

input {
	border: 1px solid #0072BF;
	background-color: #ffffff;
	margin-top: 0;
	margin-bottom: 0.5em;
	padding: 0.2em;
	vertical-align: top;
	width:250px;
}
textarea {
	border: 1px solid #0072BF;
	background-color: #ffffff;
	margin-top: 0;
	margin-bottom: 0.5em;
	padding: 0.2em;
	vertical-align: top;
	width:250px;
}

.submit, .reset 
{ background-color: #fff;
   border: 1px solid #0072BF;
 	width:80px;
 }

.beschriftung { 
			width: 10em;
			float:left;
			clear: left;
			margin:0;
			}
.beschriftung2 { 
			width: 350px;
			float:left;
			clear: left;

			}
fieldset {
	padding:4px;
	margin:4px 0;
	border: 1px solid #0072BF;
	}
fieldset img{
	border: 1px solid #0072BF;
	}	
/* IE5 MAC zeigt hinter den Radiobutton die Farbe des legend-tgas an... */	
legend {
	border: 1px solid #0072BF;
	background:#0E4797;
	padding:4px;
	margin:0 0 10px 0;
	color:#fff;
	}
.fehler {
		color:#0072BF;
		margin-left:0;
		font-weight:bold;
		}
/* nd formulare */