html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: none;
 font-size: 1em;
 vertical-align: baseline;
}

html {
 background: url(/i/bg_html.jpg) repeat-x;
}

body {
 font-family: Arial, Tahoma, Helvetica, sans-serif;
 font-size: 100.01%;
 text-align: center;
}
  
code {
 font-family: "Courier New", Courier, monospace;
}
  
label {
 cursor: pointer;
}
  
ol, ul {
 list-style: none;
}
  
.c {
 clear: both;
}
  
.x {
 display: none;
}


p, th, td, li {
 font-size: 0.6875em;
 color: #555;
 line-height: 1.4;
}

li li {
 font-size: 1em;
}

a {
 text-decoration: none;
 color: #0058B0;
}

a:hover, a:focus {
 text-decoration: underline;
 color: #0058B0;
}





/*
 RAHMEN
*/
div#wrap {
 background: url(/i/schatten_oben.jpg) no-repeat right top;
 margin: 0 auto 6.25em auto;
 text-align: left;
 width: 57.5em;
}

/*
 eigentlich 56.375em
*/
div#innerwrap {
 border-left: 0.0625em solid #c5c5c5;
 border-right: 0.0625em solid #c5c5c5;
 width: 56.38em;
}


/*
 HEADER
*/
#logo {
 top: 3em;
 position: absolute;
 right: 0.9375em;
 z-index: 10;
}

/*
 NEU
*/
#logo img {
 width: 12.5em;
 height: 2.25em;
}

#header {
 background: #FFF;
 border-bottom: 0.0625em solid #c5c5c5;
 font-size: 1em;
 height: 5.8125em;
 position: relative;
 width: 100%;
}

#header li {
 border-right: 0.0625em dashed #999;
 float: left;
 font-size: 1em;
 height: 5.8125em;
 padding: 0;
}

#header li.last {
 border: none;
}

#header li a {
 display: block;
}

#header li a:hover {
 background: #f3f3f3;
}

#header .kompetenzen{
 width: 11.5625em;
 height: 5.8125em;
}

#header .projekte{
 width: 13.1875em;
 height: 5.8125em;
}

#header .unternehmen{
 width: 12.6875em;
 height: 5.8125em;
}


/*
 KEYVISUAL
*/
#visual {
 border-bottom: 0.0625em solid #C5C5C5;
 background: #FFF;
 xposition: relative;
}

#visual img {
 display: block;
}

/*
 NEU
*/
#visual .gross{
  width: 56.375em;
  height: 11.75em;
}





/*
 CONTENT
*/
#content {
 background: #fff;
 border-bottom: 0.0625em solid #c5c5c5;
 padding: 0 0 1.5625em 0;
 xposition: relative;
 width: 100%;
}

#left {
 float: left;
 margin: 0 3em 0 0;
 width: 34.5em;
}

#right {
 float: left;
 width: 18.875em;
}





/*
 FOOTER
*/
#footer {
 background: #fff;
 border-bottom: 0.0625em solid #c5c5c5;
 padding: 0.3125em 0.9375em;
}

#footer li {
 float: left;
 margin: 0 1.25em 0 0;
}

#footer a {
 color: #555;
}

#footer_schatten {
 background: url(/i/schatten_unten.gif) no-repeat;
 height: 0.625em;
}





/*
  INHALT
*/
#inhalt {
 margin: 1.5em;
  color: #555555;
  line-height: 1.3em;
  font-size: 0.9375em;
}

#inhalt dl {
 float: right;
 margin: 1.8125em 0 0 0.625em;
 width: 12.5em;
}

#inhalt dl.image {
 float: left;
 margin: 1.8125em 0 0 0.625em;
 width: 12.5em;
}

#inhalt div.image {
  float: left;
  margin: 0.4em 1em 0.4em 0;
}

#inhalt p,
#inhalt div.absatz {
  color: #555555;
  line-height: 1.3750em;
  font-size: 0.9375em;
}

#inhalt .dachzeile {
 margin: 0.8em 0 0.5em 0;
 color: #0058B0;
 line-height: 1.25em;
 font-size: 0.9375em;
}	

#inhalt ul li {
 background: url(/i/li.gif) no-repeat 0 0.45em;
 font-size: 0.8125em;
 padding: 0 0 0.25em 1.25em;
}

#inhalt .absatz ul li {
 font-size: 1em;
}

#inhalt small {
 font-size: 0.6875em;
}

#inhalt .date {
 font-size: 0.625em;
 margin: 0.5em 0 1.2em 0;
}

.center {
 text-align: center;
}

.eingerueckt {
 padding: 1em 0 1em 5em;
}

#inhalt .more {
 color: #0058B0;
 margin: 1.5em 0 0 0;
}

#inhalt .more a {
 text-decoration: none;
}

#inhalt .more a:hover {
 text-decoration: underline;
}

#inhalt .subnavi {
 margin: 1em 0 1.5em 0;
}

#inhalt .subnavi span {
 color: #0058B0;
}

#inhalt .rubriktitel {
 font-size: 0.8125em;
 text-transform: uppercase;
}
/*
#inhalt h1 {
 color: #0058B0;
}
*/
#inhalt li h1 {
 /*color: #0058B0;
  font-size: 1.3em;
  */margin: 0;
  padding: 0;
}

#inhalt h1.startseite {
  /*font-size: 1.5em;*/
  margin: 5px 0 10px 0 !important;
}

#inhalt h2 {
/* color: #0058B0;
 font-size: 1.125em;*/
 padding: 1.5em 0 0.125em 0;
}

#inhalt h3 {
 color: #555555;
 font-size: 0.8125em;
 padding: 1em 0 0.125em 0;
}

.news-liste li {
 background: url(/i/li.gif) no-repeat 0 0.6em;
 margin: 1.5em 0 0 0;
 padding: 0 0 0 1.5em;
}

.news-liste span {
 color: #555;
 font-size: 0.7em;
 font-weight: normal;
}

.news-liste h3 {
 font-size: 1.1875em;
}

#inhalt .jumplist {
 font-size: 0.75em;
 padding: 2.5em 0 0 0;
 text-align: center;
}

#inhalt h3.projekte {
 font-size: 1em;
 margin: 1.5em 0 0 0;
}

#inhalt h4 {
 color: #0058B0;
 font-size: 1em;
 margin: 1.5em 0 0.5em 0;
}

#inhalt ul.projekte {
 margin: 0 0 1em 0;
 width: 31.25em;
}

#inhalt ul.projekte li {
 float: left;
 line-height: 2.5;
 width: 13.125em;
}

#inhalt ul.projekte .spalte1 {
 margin: 0 20px 0 0;
 width: 16.875em;
}

#inhalt ul.projekte li a {
 background: url(/i/extern.gif) no-repeat right 0.1em;
 padding: 0 1.75em 0.5em 0;
}

#inhalt ul.projekte a {
 color: #000;
}

/* Anfahrt */
#inhalt .anfahrt dl {
  float: left;
  margin: 1em 3em 0 0;
  width: 6.25em;
}

#inhalt .anfahrt dd {
  font-size: 0.6875em;
}

#inhalt .anfahrt dt img {
  float: left;
}

#inhalt .anfahrt dd a {
  color: #0058B0;
}

/* Sonstiges */

.hilfe {
 cursor: help;
 vertical-align: middle;
}




/*
  SIDEBAR
*/
div#right div.box-login {
 padding: 1.875em 0.625em 1.875em 0.625em;
}

div#right div#tagwolke {
 margin: 0 0 0 0;
 padding: 1em 0.625em 1.875em 0.625em;
 border-bottom: 0.0625em solid #C5C5C5;
}
div#right div#teaser,
div#right div#netzlogbuch,
div#right div.box-newsletter {
 margin: 0 0 0 0;
 padding: 1.875em 0.625em 1.875em 0.625em;
 border-bottom: 0.0625em solid #C5C5C5;
}

div#right div#nlb {
 margin: 0 0 0 0;
 padding: 3.1875em 0.625em 1.875em 0.625em;
 border-bottom: 0.0625em solid #C5C5C5;
}


div#right img.titel {
 margin: 0 0 0.625em 0;
 display: block;
}

form.projekte {
 width: 100%;
}

div#right h4 {
 font-size: 0.875em;
}

div#right h5 {
  font-size: 0.875em;
  margin: 0 0 -0.5em 0;
}

div#right p,
div#right ul {
	padding: 0.5em 0;
}


/*
 Sidebar Projekte-Box
*/
div#right div.box-login  {
 background: #E6F3FF;
}

form.projekte div.eingabe {
 float: left;
 width: 6.25em;
}

form.projekte div.button {
 float: left;
 width: 4.375em;
}

form.projekte div.eingabe label {
 font-size: 0.6875em;
 color: #0058B0;
 display: block;
 margin: 0;
 padding: 0;
 cursor: pointer;
}

form.projekte div.eingabe input {
 width: 7.0625em;
 border: 0.0625em solid #AEDAFB;
 font-size: 0.75em;
 padding: 0.1em 0.2em 0.1em 0.2em;
 margin: 0.1875em 0 0 0;
 color: #555;
}

form.projekte div.eingabe input:focus,
form.projekte div.eingabe input:hover {
 border-color: #000;
}

form.projekte .button input {
 display: block;
 margin: 1.2375em 0 0 0;
}

* html form.projekte .button input {
 margin: 1.2375em 0 0 0;
}

/*
 Sidebar Tagwolke-Box
*/

div#tagwolke a {
 color: #0058B0;
}

div#tagwolke span.sehrklein {
 font-size: 0.625em;
}

div#tagwolke span.klein {
 font-size: 0.75em;
}

div#tagwolke span.gross {
 font-size: 0.875em;
}

div#tagwolke span.sehrgross {
 font-size: 1em;
}

div#tagwolke span.riesig {
 font-size: 1.125em;
}

/*
 Sidebar Newsletter-Box
*/
div#right div.box-newsletter {
 background: #F3F3F3;
}

div#right div.box-newsletter p {
 margin: 0 0 1em 0;
}

form.newsletter img {
 float: left;
 width: 4.875em;
 height: 1em;
 vertical-align: top;
 padding: 0.1875em 0 0 0.5em;
}

form.newsletter label {
 font-size: 0.6875em;
 color: #555;
 margin: 0 0 0.1875em 0;
 display: block;
 cursor: pointer;
}

form.newsletter input {
 float: left;
 width: 18em;
 border: 0.0625em solid #C5C5C5;
 vertical-align: top;
 font-size: 0.625em;
 padding: 0.1em 0.2em 0.1em 0.2em;
 color: #555;
}

form.newsletter input:hover,
form.newsletter input:focus {
 border-color: #000;
}

form.newsletter input.image {
 font-size: 1em;
 border: none;
 padding: 0;
 margin: 0 0 0 0.825em;
}

div#right div.box-newsletter form.newsletter div.box1 {
 margin: 0 0 0.25em 0;
}

#right form.newsletter p.nl_fehler {
 padding: 0;
 line-height: 0.7;
}

#right form.newsletter div.nl_error {
 border: 0.0625em solid #0058B0;
 background: #FFFFFF;
 padding: 0.7em 0.5em 0em 0.5em;
 margin: 0 0 0.75em 0;
}

/*
 Sidebar Netzlogbuch
*/
#right div#nlb {
 background: #fff;
 position: relative;
}

#right div#nlb p,
#right div#nlb li{
 font-size: 0.75em;
}
div#nlb a#nlb_logo {
 position: absolute;
 left: 0.5em;
 top: 1.875em;
}

div#nlb a {
}

div#nlb li {
 padding: 4px 0;
 display: block;
 width: 100%;
}

div#nlb li span {
 float: left;
 width: 60px;
}

div#nlb li a {
 background: url(/i/icon_raquo.gif) no-repeat left 6px;
 float: left;
 padding: 0 0 0 1em;
 width: 210px;
}






/*
  KONTAKT
*/
div.kontakt-error, div.login-error {
 border: 0.0625em solid #0058B0;
 background: #F3F3F3;
 padding: 0.5em 0.5em 0.5em 1em;
 margin: 0 0 1.5em 0;
 width: 28.8em;
 float: left;
}

div.login-error {
 width: 27.5em;
}



/* Kontakt */

form.kontakt p {
 float: left;
 font-size: 1em;
 width: 100%;
 margin: 0;
 padding: 5px 0;
}

form.kontakt label {
 float: left;
 color: #555;
 width: 11em;
 cursor: pointer;
}

form.kontakt input,
form.kontakt select,
form.kontakt textarea {
 width: 25em;
 border: 0.0625em solid #C5C5C5;
 padding: 0.1em 0.2em 0.1em 0.2em;
 color: #555;
 margin: 0;
}

form.kontakt select {
 width: 25.6em;
}

form.kontakt textarea {
 height: 6.25em;
 width: 25.6em;
}

form.kontakt input:focus,
form.kontakt input:hover,
form.kontakt select:focus,
form.kontakt select:hover,
form.kontakt textarea:hover,
form.kontakt textarea:focus {
 border-color: #000;
}

form.kontakt div.button button
form.kontakt div.button input {
 height: 2em;
 margin: 0 0 0 0;
 padding: 0em;
 border: none;
 float: left
}

form.kontakt div.zusatz {
 font-size: 0.625em;
 float: left;
 width: 155px;
 color: #555;
}

form.kontakt div.button {
 float: left;
 margin: 5px 15px 0 0;
}

form.kontakt div.button input,
form.kontakt div.button button {
 border: none;
 background: none;
 color: #fff;
 text-align: center;
 padding: 0;
 margin: 0;
}

#aendern {
    margin: 0 0 0 152px;
}

#abonnieren {
    margin: 0 0 0 -4px;
}

/* Login */


form.login input:focus,
form.login input:hover {
 border-color: #000;
}

form.login input {
 border: 0.0625em solid #C5C5C5;
 color: #555;

}

form.login div.fussnote {
 margin: 0.5em 0 0 0;
 font-size: 0.625em;
 color: #555;
}

form.login p.box1 {
 float: left;
 width: 3.5em;
}

form.login p.box2 {
 float: left;
 width: 13em;
}


form.login input {
padding: 0.1em 0.2em 0.1em 0.2em;
}


/*  buttons */

input.btn{
 background: #0058B0;
 border: none;
 color: #fff;
 font-size: 12px;
 height: 17px;
 text-align: center;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}


/*
  SIFR
*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

/*---- Header styling ---*/

h1 {
  font-family: Arial, Tahoma, Helvetica, sans-serif !important;
  color: #0058B0;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: -1px;
  line-height: 1.2em;
  font-size: 2.0625em;
  font-weight: normal;
}

h1.startseite {
  font-family: Arial, Tahoma, Helvetica, sans-serif !important;
  color: #0058B0;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: -1px;
  line-height: 1.2em;
  font-size: 2.0625em;
  font-weight: normal;
}

h2 {
  font-family: Arial, Tahoma, Helvetica, sans-serif !important;
  color: #0058B0;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  line-height: 1.3em;
  font-size: 1.5em;
  font-weight: normal;
}

h4.black {
  font-family: Arial, Tahoma, Helvetica, sans-serif !important;
  font-size: 0.875em;
  line-height: 1em;
  visibility: hidden;
}

h4.blue {
  color: #0058B0;
  font-family: Arial, Tahoma, Helvetica, sans-serif !important;
  font-size: 0.875em;
  font-weight: normal;
  line-height: 1em;
  margin-bottom: 0.6250em;
}

h5 {
  font-family: Arial, Tahoma, Helvetica, sans-serif !important;
  font-size: 0.875em;
  line-height: 1em;
  visibility: hidden;
}





/*
  THICKBOX
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 0.625em Arial, Helvetica, sans-serif;
	color:#666666;
	padding: 0.3125em 0 0.3125em 0;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 5px 25px;
	float:left;
}

#TB_closeWindow{
	font-size: 10px;
	height:25px;
	padding:26px 25px 5px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}