*html #header .title { margin-left:2px; }
*html .news, *html .section { height:250px; }

body { background:#ffffff; margin:0px; padding:0px; font-size:11px; font-family:Arial, Tahoma, Verdana, sans-serif; color:#696969; }

/*-------------------------Allgemeine Angaben-----------------------*/
ul { list-style-type:none; padding:0px; margin:0px; }
p { line-height:15px; margin:0px 0px 13px 0px; }

a { text-decoration:none; color:#a8292a; }
a:hover { color:#585858; }
a img { border:0px; }

h1, h2, h3, h4 { margin:0px 0px 15px 0px; font-weight:normal;}
h4 { font-weight:bold; color:#696969; font-size:11px;}
h1 { font-size:18px; color:white; text-transform:uppercase; letter-spacing:3px; }
h2 { font-size:16px; color:#b11617; }
h3 { font-size:12px; margin:0px 0px 5px 0px; color:#2e2e2e; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.center { text-align:center;}
.normal { font-size:17px; }
.small { font-size:12px; }
.abdecker { background:#f3f3f3; height:10px; }

#page { background:#f3f3f3; width:880px; margin:10px; padding-top:10px;}
#wrapper { margin:0px 10px 10px 10px; }

/*-------------------------Kopfbereich-----------------------*/
#header { height:174px; width:864px; margin:0px auto; padding:0px; background:url(bg_header.gif) no-repeat center top;}
#header .title { width:178px; height:39px; background:url(bg_title.gif) repeat-y left top; margin-left:4px; float:left; padding:125px 0px 0px 23px; }
#header .logo { float:right; margin:20px 25px 15px 0px; }
#header .logo img { margin-top:0px; }
#header .slogan { float:right; margin:0px 25px 0px 0px; }
#header .headergrafik { float:left; margin:0px 0px 0px 0px; }
#header ul.topnavi { height:25px; background:#dedede; display:inline; width:220px; margin:0px 8px 0px 8px; float:left; }
#header ul.topnavi li { float:left; display:inline; margin:7px 3px 5px 25px; font-size:10px; }

#header .thema { height:25px; background:#dedede; width:590px; float:left; display:inline; margin-right:8px; text-align:center; }
#header .thema img { margin-top:3px; }

/*-------------------------Inhaltsbereich-----------------------*/
#content { background:url(sidebar.jpg) repeat-y 4px 0px; width:864px; margin:8px auto 0px auto; padding:0px; }
#breadcrumb { float:left; width:400px; text-align:right; border-bottom:1px solid #d6d6d6; padding-bottom:4px; margin-top:8px; font-size:9px; }
#main { width:635px; float:right; display:inline; margin-right:0px; }
#main h2 { float:left; padding-bottom:5px; width:415px;  }

.teaser { width:210px; background:#dedede url(box_mitte.gif) repeat-y center top; float:right; padding:0px; margin-bottom:8px;}
.teaser .top { background:url(box_titel.gif) repeat-y center top; }
.teaser h4 { text-transform:uppercase; letter-spacing:3px; padding:5px 20px; color:#ffffff; }
.teaser ul li { margin-bottom:6px;  background:url(bg_li.gif) no-repeat 0px 2px; padding-left:18px; }
.teaser p, .teaser h2, .teaser ul { margin:0px 15px 5px 20px; }
.teaser ul { list-style-type:none; margin-left:20px; }

.teaser p.more { padding-bottom:5px; margin:0px 15px 0px 0px;; text-align:right; }
.teaser p.more a { background:url(roter_pfeil.gif) no-repeat right bottom; padding:0px 22px 0px 0px; margin-bottom:5px; }
.teaser p.more a:hover { background:url(grauer_pfeil.gif) no-repeat right bottom; padding:0px 22px 0px 0px; margin-bottom:5px;  }

.teaser .bottom { background:url(box_abschluss.gif) no-repeat center bottom; margin:0px; }

.news { min-height:250px; width:415px; float:left; }
.news .start { padding:0px; margin:0px; }
.news .start .column { margin:0px; padding:0px; display:inline; }
.news .start div.clear {height:24px; margin:0px;}
.news .start .column p { margin:0px; line-height:14px; }
.news .start .column img { margin:0px; padding:0px; float:left;}
.news .start .column h4 { margin:0px 0px 7px 0px; }

.section { float:left; padding-bottom:5px; width:415px; min-height:235px; }
.section2 { float:left; padding-bottom:5px; width:415px; }
.section ul, .column ul { list-style-type:square; margin:0px 0px 15px 15px; }
.section ul li, .column ul li { margin-bottom:4px;}
.section img { margin-right:10px; }


/*-------------------------Sidebar-----------------------*/
#sidebar { float:left; width:201px; margin:0px 0px 0px 4px; display:inline; }

#sidebar .nav1st li { border-bottom:1px solid #ffffff;}
#sidebar .nav1st li a {  display:block; color:#2e2e2e; padding:7px 0px 7px 24px; }
#sidebar .nav1st li ul { border-top: 1px solid #ffffff; background:#e7e7e7 url(bg_sub.gif) repeat-x center top; }
#sidebar .nav1st li ul li { padding:0px; }
#sidebar .nav1st li ul li a { padding:7px 0px 7px 39px; }
#sidebar .nav1st li a:hover, #sidebar .nav1st li a.current { border-left: 7px solid #b11617; background:#f3f3f3; padding:7px 0px 7px 17px;}
#sidebar .nav1st li ul li a:hover, #sidebar .nav1st li ul li a.current { padding:7px 0px 7px 32px;}

/*---------------------- innovate Partner Banner @ bs ------------------------------*/
#sidebar .pbanner { background:url(pbanner.gif) no-repeat center top; width:170px; height:251px; margin:20px auto; padding:20px 0px 0px 15px; }
#sidebar .pbanner h4 { font-size:11px; }
#sidebar .pbanner img{ margin-left:11px; margin-bottom:3px;}
#sidebar .pbanner p { text-align:left; width: 150px; margin-left:5px; margin-bottom:3px;}
#sidebar .pbanner p.more { padding-bottom:5px; margin:0px 15px 0px 0px;; text-align:right;}
#sidebar .pbanner p.more a{ background:url(roter_pfeil.gif) no-repeat right bottom; padding:0px 22px 0px 0px; margin-bottom:5px;}
#sidebar .pbanner p.more a:hover{ background:url(grauer_pfeil.gif) no-repeat right bottom; padding:0px 22px 0px 0px; margin-bottom:5px;}

#sidebar .kontakt { background:url(telefonbox.gif) no-repeat center top; width:170px; height:136px; margin:20px auto; padding:20px 0px 0px 15px; }
#sidebar .kontakt h4 { font-size:11px; }

/*------------------Kontakt- u. Anfrageformulare---------------------*/
.formgen, .forminfo { float:left; padding-bottom:5px; width:420px;  }
.formblock { padding:0px 15px 5px 0px; margin-bottom:5px;  float:left; }
/*input, textarea { border:1px solid #dedede; background:#ffffff; margin:2px 0px 0px 0px; width:190px;} original*/ 
input, textarea { border:1px solid #dedede; background:#ffffff; margin:2px 0px 0px 0px; width:190px; font-size:11px;}
input.formsubmit { border:1px solid #dedede; background:#ffffff url(bg_form.gif) repeat-x center top; height:25px; width:80px; margin:0px 0px 5px 0px; color:#2e2e2e; }
/*.formtextfield { width:400px;} original*/
.formtextfield { width:400px; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:11px;}
.formerror { color: red; }

/*------------------Fußzeile---------------------*/
#footer { clear:both; background:#f3f3f3; width:880px; margin:10px; padding:8px 0px 8px 0px; text-align:center; font-size:10px; }
#footer p { margin:0px; color:#939393; }
#footer a { color:#727272; }
#footer .footernavi li { display:inline; }

/*------------------innovate-Erweiterungen---------------------*/

/**
* @package Zweispalter
* @name ZS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0
*/

.zweispalter {
  width: 410px; 
}

.zweispalter_1 {
  width: 105px;
}

.zweispalter_2 {
  width: 300px;
  margin-left: 5px;
}

.zweispalter_1, 
.zweispalter_2 {
  float: left;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}
