html, body {height : 100%;}
body {margin : 0;padding : 0;background : #0b6075 url(images/bg01.jpg) repeat-x left top;font-family : Arial, Helvetica, sans-serif;font-size : 11px;color : #faf4ff;}
h2 {margin-bottom : 20px;font-size : 11px;}
h3 {margin : 0 0 0 50px;}
p, ol, ul {margin-top : 0;margin-bottom : 20px;text-align : justify;line-height : 160%;}
ul {margin-left : 0;padding-left : 0;list-style : none;line-height : 200%;}
a {color : #fff;}
a:hover {text-decoration : underline;}
a img {border : none;}
img.alignleft {float : left;margin : 3px 20px 0 0;}
img.alignright {float : right;margin : 3px 0 0 20px;}
img.aligncenter {margin : 0 auto;}
hr {display : none;}
#wrapper {width : 937px;margin : 0 auto;}
#header {height : 108px;padding : 18px 0 0 0;background : url(images/bg02.jpg) no-repeat left top;}
#header2 {height : 108px;padding : 0 0 0 0;background : url(images/bg02.jpg) no-repeat left top;}
#subheader {height : 152px;padding : 0 0 23px 0;margin : 0 0 0 57px;background : url(images/head_rund.png) no-repeat left top;}
#subheader2 {height : 152px;padding : 0 0 23px 0;margin : 19px 0 0 60px;background : url(images/head_rund.png) no-repeat left top;}
#subsubheader {height : 130px;padding : 0 0 23px 0;margin : 0 0 0 57px;background : url(images/head_rund.png) no-repeat left top;}
.abstand {margin : 10px 0 0 25px;}
#menu {margin : 0 0 0 0;width : 487px;height : 108px;background : url(images/bg03.jpg) no-repeat left top;}
#menu ul {margin : 0;padding : 34px 0 0 0;list-style : none;line-height : normal;}
#menu li {float : left;padding : 0 0 0 29px;}
#menu a {text-decoration : none;font-size : 12px;font-weight : bold;color : #eee;}
#menu a:hover {text-decoration : underline;}
#page {margin-bottom : 10px;padding : 0 50px 0 59px;background : url(images/bg1_01.jpg) repeat-y 59px 0;}
#bgtop {font-size : 12px;background : url(images/bg1_02.jpg) no-repeat 0 0;}
#bgbtm {background : url(images/bg1_03.jpg) no-repeat 0 100%;}
.home #page {margin-bottom : 0;background : none;}
.single #page {background-image : url(images/bg2_01.jpg);}
.single #bgtop {background-image : url(images/bg2_02.jpg);}
.single #bgbtm {background-image : url(images/bg2_03.jpg);}
#content {width : 523px;padding : 30px 0 10px 25px;}
.home #content {width : 447px;padding : 0;}
.single #content {float : none;width : auto;padding-right : 25px;}
#sidebar {width : 186px;padding : 30px 30px 10px 0;}
.home #sidebar {width : 371px;height : 371px;padding : 0;background : url(images/bg04.jpg) no-repeat left top;color : #b6d7b8;}
.home #sidebar a {text-decoration : none;color : #ffffff;}
.home #sidebar a:hover {text-decoration : underline;}
.home #sidebar a:visited {color: #669999;}
.active {text-decoration : underline;}
#footer {height : 58px;padding : 0 50px 0 59px;background : url(images/bg08.gif) no-repeat 60px 0;}
#footer p {margin : 0;padding : 23px 25px;line-height : normal;font-size : 10px;color : #409993;}
#footer .legal {float : left;}
#footer .links {float : right;}
#footer .links a {padding-left : 23px;}
#footer a {text-decoration : none;color : #409993;}
#footer a:hover {text-decoration : underline;}
#box1 {background : url(images/bg05.jpg) repeat-y left top;}
#box1 .bgtop {background : url(images/bg06.jpg) no-repeat left top;}
#box1 .bgbtm {height : 371px;min-height : 371px;background : url(images/bg07.jpg) no-repeat left bottom;}
html > body #box1 .bgbtm {height : auto;}
#box1 .column1 {width : 160px;padding : 0 0 0 17px;}
#box1 .column2 {width : 180px;padding : 17px 30px 0 0;font-size : 12px;}
.list1 {font-size : 13px;margin : 0;padding : 25px 0 0 0;line-height : normal;list-style : none;}
.list1 a {text-decoration : none;font-size : 13px;margin : 0;padding : 25px 0 0 0;line-height : normal;list-style : none;}
.list1 a:hover {text-decoration : underline;font-size : 13px;margin : 0;padding : 25px 0 0 0;line-height : normal;list-style : none;}
.list1 a:visited {font-size : 13px;font-style:italic;margin : 0;padding : 25px 0 0 0;line-height : normal;list-style : none;}
.list1 li {height : 21px;margin : 0 0 32px 0;padding : 0 0 0 22px;background : url(images/homepage02.png) no-repeat left center;}
.list2 {font-size : 13px;margin : 0;padding : 5px 0 0 0;line-height : normal;list-style : none;}
.list2 li {height : 21px;margin : 0 0 5px 0;padding : 0 0 0 22px;background : url(images/homepage02.png) no-repeat left center;}
#box2 {width : 176px;padding : 40px 0 0 24px;}
#box2 p {background : url(images/homepage03.gif) no-repeat right center;}
#box2 a { font-size:14px;}
#box3 {background : url(images/bg1_01.jpg) repeat-y left top;}
#box3 .bgtop {background : url(images/bg1_02.jpg) no-repeat left top;}
#box3 .bgbtm {height : 341px;min-height : 341px;padding : 30px 20px 0 20px;background : url(images/bg1_03.jpg) no-repeat left bottom;}
html > body #box3 .bgbtm {height : auto;}
#box4 {background : url(images/bg2_01.jpg) repeat-y left top;}
#box4 .bgtop {background : url(images/bg2_02.jpg) no-repeat left top;}
#box4 .bgbtm {height : 341px;min-height : 341px;padding : 30px 20px 0 20px;background : url(images/bg2_03.jpg) no-repeat left bottom;}
html > body #box4 .bgbtm {height : auto;}
/* usability tooltip @ hover */
a.tooltip2 {color : #fff;font-weight : bolder;font-size:13px;padding : 0 5px 0 0;}
a.tooltip2 b {display : none;}
a.tooltip2:hover {border : 0;position : relative;z-index : 500;text-decoration : none;}
a.tooltip2:hover b {display : block;position : absolute;top : 20px;left : -25px;padding : 5px;font-weight : normal;color : #000;border : 1px solid #fff;background : #8cc;width : 150px;}
a.tooltip2:hover b em.outer {position : absolute;left : 20px;top : -8px;width : 0;height : 0;display : block;background : transparent;border-left : 7px dashed transparent;border-right : 7px dashed transparent;border-bottom : 7px solid #ff0;overflow : hidden;z-index : 100;}
a.tooltip2:hover b em.inner {position : absolute;left : 20px;top : -7px;width : 0;height : 0;display : block;background : transparent;border-left : 7px dashed transparent;border-right : 7px dashed transparent;border-bottom : 7px solid #8cc;overflow : hidden;z-index : 100;}
/* keywordoptimierung tooltip @ hover */
a.tooltip3 {color : #fff;font-weight : bolder;font-size:13px;padding : 0 5px 0 0;}
a.tooltip3 b {display : none;}
a.tooltip3:hover {border : 0;position : relative;z-index : 500;text-decoration : none;}
a.tooltip3:hover b {display : block;position : absolute;top : -145px;left : 0px;padding : 5px;font-weight : normal;color : #000;border : 1px solid #fff;background : #8cc;width : 260px;}

.clear {clear : both;}
div.c2 {clear : both;}
span.slogan {margin : 0 0 0 50px;}
#logo {float : left;width : 450px;height : 108px;background : url(images/homepage01.jpg) no-repeat left top;}
#logo p {margin : -33px 0 0 85px;line-height : normal;}
#logo a {color : #eee;display : block;height : 90px;text-decoration : none;text-align : left;}
#logo a:hover {color : #eee;display : block;height : 90px;text-decoration : underline;}
#logo h2 {margin : 30px 0 0 85px;line-height : normal;font-size : 17px;}
#logo2 {float : left;width : 450px;height : 108px;background : url(images/homepage01.jpg) no-repeat left top;}
#logo2 p {margin : -35px 0 0 85px;line-height : normal;}
#logo2 a {margin : 25px 0 0 85px;text-decoration : none;color : #eee;display : block;height : 90px;}
#logo2 a:hover {color : #eee;display : block;height : 90px;text-decoration : underline;}
#logo2 h2 {margin : 30px 0 0 80px;line-height : normal;font-size : 17px;}
#menu {float : right;}
#content {float : left;}
.home #content {float : right;}
#sidebar {float : right;font-weight : bold;}
.home #sidebar {float : left;font-weight : bold;}
#box1 .column1 {font-family : Arial, Helvetica, sans-serif;font-size : 12px;float : left;}
#box1 .column2 {float : right;}

 /* eye tracking bildvorschau @ hover */
a.screen, a.screen:visited {color:#fff;font-weight:bold; position:relative; z-index:1;}
a.screen b {position:absolute;visibility:hidden; /* hide the image */width:240px; /* give it a width */height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:10px solid #127f96; /* border */left:0; /* image position*/top:-187px;}
a.screen:hover {text-decoration:none; border:0; /*  IE patch */ z-index:1000;}
a.screen:hover b {visibility:visible; /* make the image visible */height:170px; /* now give it a height */cursor:pointer; /* for IE */z-index:500; }
a.screen:hover b img {cursor: text;border:0; /* remove the link border */}
/* service */
.frame {width:220px; height:330px; padding:5px; background:#409993; border:0px solid #ccc; float:left; margin: 0 4px 0 10px; display:inline;}
.wrap {width:220px; height:330px; position:relative; overflow:hidden; font-family:arial, sans-serif;}
.wrap img {display:block;}
.wrap div {width:200px; height:320px; padding:300px 10px 10px 10px; position:absolute; left:0; top:0; background:url(trans.gif);}
.wrap div b {display:block; width:220px; height:330px; position:absolute; left:0; top:300px; z-index:1; background:#000; filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.85;}
.wrap div span {position:relative; z-index:500;}
.wrap div h1{font-size:22px; color:#fc0; text-align:center; margin:0; padding:0;}
.wrap div p {font-size:12px; color:#fff; line-height:16px;}
.wrap div a {color:#fc0; font-size:12px; position:absolute; left:0; top:300px; text-decoration:none; display:block; margin:0; text-align:right; width:200px;}
.wrap div a:hover {color:#ff0;}
.clear {clear:both;}

 /* style partner */

#wrap {width:480px; height:390px; background: #409993; border:5px solid #409093; position:relative; margin:30px auto 20px auto;}
#slide {width:380px; height:310px; overflow:hidden; position:absolute; left:49px; top:29px; background:#0b6075; border:1px solid #698639; border-color:#479 #adf #adf #479;}
#slide div {width:340px; height:270px; position:absolute; left:580px; padding:20px;}
#slide div img {display:block; border:1px solid #8bd; float:left; margin-right:20px;}
#slide div h1 {color:#fff; font-size:20px; font-family:"lucida sans", sans-serif; font-style:italic;}
#slide div p {font-family:"lucida sans", sans-serif; color:#fff; line-height:1.5em; font-size:12px;}
#slide div a {font-family:"lucida sans", sans-serif; color:#fff; line-height:1.5em; font-size:12px; position:absolute; right:20px; bottom:10px; text-decoration:none;}
#slide div a:hover {text-decoration:underline;}
#title {width:131px; height:132px; background:url(images/star.png); position:absolute; left:5px; top:-30px;}
* html #title {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star.png', sizingMethod='crop');}
#previous b {display:none;}
#previous {width:74px; height:74px; background:url(images/left.png); position:absolute; left:-35px; top:150px; cursor:pointer;}
* html #previous {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/left.png', sizingMethod='crop');}
#next b {display:none;}
#next {width:74px; height:74px; background:url(images/right.png); position:absolute; left:450px; top:150px; cursor:pointer;}
* html #next {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/right.png', sizingMethod='crop');}
#buttons {position:absolute; left:50px; top:355px;}
#buttons div {width:20px; height:20px; background:url(images/button.gif); float:left; margin:0 5px 0 0; display:inline;}
#buttons div b {display:block; width:20px; height:20px; line-height:19px; font-family:arial, sans-serif; font-size:11px; color:#16a;text-align:center; cursor:pointer;}
img#loading {position:absolute; left:290px; top:170px;}

 /* style seoreferenzen */

#wrap2 {width:480px; height:590px; background: #409993; border:5px solid #409093; position:relative; margin:30px auto 20px auto;}
#slide2 {width:380px; height:510px; overflow:hidden; position:absolute; left:49px; top:29px; background:#0b6075; border:1px solid #698639; border-color:#479 #adf #adf #479;}
#slide2 div {width:340px; height:370px; position:absolute; left:580px; padding:20px;}
#slide2 div img {display:block; border:1px solid #8bd; float:left; margin-right:20px;}
#slide2 div h1 {color:#fff; font-size:19px; font-family:"lucida sans", sans-serif; font-style:italic;}
#slide2 div p {font-family:"lucida sans", sans-serif; color:#fff; line-height:1.5em; font-size:12px;}
#slid2e div a {font-family:"lucida sans", sans-serif; color:#fff; line-height:1.5em; font-size:12px; position:absolute; right:20px; bottom:10px; text-decoration:none;}
#slide2 div a:hover {text-decoration:underline;}
#title {width:131px; height:132px; background:url(images/star.png); position:absolute; left:5px; top:-30px;}
* html #title {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/star.png', sizingMethod='crop');}
#previous b {display:none;}
#previous {width:74px; height:74px; background:url(images/left.png); position:absolute; left:-35px; top:150px; cursor:pointer;}
* html #previous {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/left.png', sizingMethod='crop');}
#next b {display:none;}
#next {width:74px; height:74px; background:url(images/right.png); position:absolute; left:450px; top:150px; cursor:pointer;}
* html #next {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/right.png', sizingMethod='crop');}
#buttons2 {position:absolute; left:50px; top:555px;}
#buttons2 div {width:20px; height:20px; background:url(images/button.gif); float:left; margin:0 5px 0 0; display:inline;}
#buttons2 div b {display:block; width:20px; height:20px; line-height:19px; font-family:arial, sans-serif; font-size:11px; color:#16a;text-align:center; cursor:pointer;}
img#loading {position:absolute; left:290px; top:170px;}


/* seo.php newsroll */
#newsticker-demo { width:230px; background: #268d9c url(images/bg09.gif) no-repeat top right;border:1px solid  #2E9CB5; padding:3px; 
font-family:Verdana,Arial,Sans-Serif;font-size:11px; font-weight:normal;margin:5px;position:relative;left:-30px;}
#newsticker-demo a { text-decoration:none; color:#ccc; }
#newsticker-demo img { border: 2px solid #FFFFFF; }
#newsticker-demo .title {text-align:center;font-size:14px;font-weight:bold;padding:5px;}
.newsticker-jcarousellite { width:220px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:130px; }
.newsticker-jcarousellite .info { float:right; width:210px; margin:0 0 0 -25px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#000;}
.clear { clear: both; }

 /* style kontaktformular */
#formmaileralles {background-color: #fff;border: 1px solid #ccc;width: 500px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;
color: #000;padding-top: 10px;padding-left: 5px;text-align: left;}

.formmailerlinks {clear: left;float: left;width: 50%;}
.formmailerlinksrechts {clear: right;float: left;width: 50%;}
.formmailertextfeld {border: 1px solid #66CC99;height: 15px;width: 237px;font-size: 12px;color: #66CC99;font-family: "Courier New", Courier, mono;padding-left: 3px;}
.formmailertextarea {border: 1px solid #66CC99;height: 80px;width: 483px;font-size: 12px;color: #fff;font-family: "Courier New", Courier, mono;padding-top: 1px;
padding-right: 1px;padding-bottom: 1px;padding-left: 3px;}

.formmailerbutton {background-color: #66CC99;height: 25px;width: 140px;margin: 15px 5px 10px;border: 1px solid #66CC99;text-align: center;vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666666;}
.formmailertextfeldspam {border: 1px solid #66CC99;height: 15px;width: 120px;font-size: 12px;color: #000;font-family: "Courier New", Courier, mono;
margin-right: 60px;text-align: center;}
.formmailerimg {vertical-align: middle;}
.durchstrich {text-decoration: line-through;}
.date {margin:0 0 0 85px;}
.ok {padding: 0 0 0 18px; background: url(images/ok.gif) no-repeat center left;}