html,body{margin:0;padding:0;}
body{background-image:url(../image/bg.jpg); }
body {
/*margin:0px;*/
/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
font-size: 12px;
/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Größe des Browser-Fensters geändert wird. */
position: relative;
/* Vorgabe der Standardfarben und Textausrichtung*/
color: #53679F; font: normal 12px verdana;
background-color:#F8F8F8;
text-align:left;
height:100%;}
form, p, span, img, ul, li {margin:0px; padding: 0px}
div, table, td {color: #53679F; font: normal 12px verdana;}
/* Standardrahmen zurücksetzen */
fieldset, img { border:0; }
TEXTAREA, INPUT[type=text],
SELECT,INPUT[type=password] {border: 1px inset #bbb; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 2px; font: inherit; font-size: 11px;color: #333;}
*+html INPUT[type=password] {border: 1px inset #bbb; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 2px 3px 3px 3px; font: inherit; font-size: 11px;color: #333;}
.border {border: #E8E8E8 1px solid;}
/*****************************************************************/
/* Seitenformatierung
/*****************************************************************/
/*****************************************************************/
/* Seitenhintergrund */
div#container {height:100%; margin:0px auto; }
div#bg_top{height:49px; margin:0px auto; background-image: url(../image/bg.jpg);padding-top:11px;}
div#bg_middle{height:140px; margin:0px auto; background-image: url(../image/bg_middle.jpg); }
div#bg_bottom{height:100%; margin:0px auto; background-image: url(../image/bg.jpg);}
/************************************************/
/* Top */
/************************************************/
div#top {background-image: url(../image/topnav_bg.jpg); text-align:right; margin:0px auto; width: 1002px; height:49px;}
#topnav {width: 100%; }
#topnav ul {float: right; display:inline; margin:0; padding: 0;}
#topnav ul li {float:left; border-right: 1px #CFCFCF solid; display:inline; margin-right:10px; margin-top:16px; list-style-type: none; height: 14px; }
#topnav ul li a {display:block; width: auto; background: transparent; font: bold 12px Verdana; text-decoration: none; color: #53679F; padding: 0em 0.8em 0em 0em;}
#topnav ul li a:hover {background: transparent; color: #CE8608; text-decoration: none;}
#topnav ul li#current { border-right: 1px #CFCFCF solid; }
#topnav ul li#current a,
#topnav ul li#current a:hover { color: #CE8608; text-decoration: none;}
#topnav ul li#last { border-right: 0px; }
#topnav ul li#last a { color: #53679F; text-decoration: none;}
#topnav ul li#last a:hover { color: #CE8608; text-decoration: none;}
/************************************************/
/* Header */
/************************************************/
div#header {background-image: url(../image/header_bg.jpg); margin:0px auto; background-repeat:repeat-y; width: 1002px; height:140px; }
div#header #mainpic {background-image: url(../image/header.jpg); width: 974px; height:140px; background-color:#0099FF; margin:0px auto; z-index: 0}
div#header #mainpic img {margin-left: 393px; margin-top: 70px; height:28px; width: 28px; z-index: 6}
/************************************************/
/* Contentbereich */
/************************************************/
div#content {background-image: url(../image/content_bg.jpg); margin:0px auto; background-repeat:repeat-y; width: 1002px; overflow: hidden;}
div#maincol {width: 974px; background-color:#FFFFFF; margin:0px auto; overflow: hidden; margin-bottom: 15px;}
div#grey_line {height: 12px; width: 974px; margin:0px auto;}
div#grey_line img{height: 8px; width: 974px; margin-top: 2px; }
/*div#content ul{margin-left:20px;}*/
/************************************************/
/* linke Spalte */
/************************************************/
div#col_left {float: left; margin-top: 10px; background:#FFFFFF; width: 19.5% }
.box_left {border:#EBEBEB 1px solid; height: 100%; background:#FFFFFF;width: 188px; margin-bottom: 15px}
.box_left_header {background-image: url(../image/box_header_bg.jpg); height: 26px; }
.box_left_header span {float: left; font: bold 12px Verdana; color:#53679F; text-align:left; margin-top: 5px; margin-left: 8px }
.box_left_content {background:#FFFFFF url(../image/box_content_bg.jpg) repeat-x ; height: 100%; clear: left }
.box_left_content #mainnav {text-align: left;}
.box_left_content #mainnav ul {display:inline; margin:0; padding: 0; margin-left: 0px; }
.box_left_content #mainnav ul li {display:inline; list-style-type: none; height: 25px;}
.box_left_content #mainnav ul li a {display:block; border-bottom: 1px #EBEBEB solid; width: auto; font: normal 12px Verdana; text-decoration: none; color: #53679F; padding: 0.5em 0.8em 0.5em 0.8em; }
.box_left_content #mainnav ul li a:hover {border-bottom: 1px #EBEBEB solid; color: #CE8608;}
.box_left_content #mainnav ul li a .anstrich {float: left; width: 9px; height: 7px; margin-top:5px; padding-right:7px; background-image: url(../image/anstrich.gif); background-repeat:no-repeat }
*html .box_left_content #mainnav ul li a .anstrich {padding-right:4px;}
.box_left_content #mainnav ul li a:hover .anstrich { background-image: url(../image/anstrich.gif); }
.box_left_content #mainnav ul li#currentmain a {border-bottom: 0px; font: bold 12px Verdana; color: #CE8608; }
.box_left_content #mainnav ul li#currentmain a:hover {border-bottom: 0px; color: #CE8608;}
.box_left_content #mainnav ul li#currentmain a .anstrich {float: left; width: 9px; height: 7px; background-image: url(../image/anstrich.gif); }
.box_left_content #mainnav ul li#currentmain a:hover .anstrich { background-image: url(../image/anstrich.gif); }
.box_left_content #mainnav ul li#currentmain ul li { width:100px; height:10px; }
.box_left_content #mainnav ul li#currentmain ul li a { font: normal 11px Verdana; color: #CE8608; padding: 0.2em 0.8em 0.2em 2.4em;}
.box_left_content #mainnav ul li#currentmain ul li a:hover { text-decoration:underline; color: #CE8608;}
.box_left_content #mainnav ul li#currentmain ul li { width:100px; height:10px; }
.box_left_content #mainnav ul li#currentmain ul li a { font: normal 11px Verdana; color: #CE8608; padding: 0.2em 0.8em 0.2em 2.4em;}
.box_left_content #mainnav ul li#currentmain ul li a:hover { text-decoration:underline; color: #CE8608;}
/* Kontaktbox */
#contact {text-align:left; padding:8px; overflow:hidden; height:100%; font: normal 11px Verdana;}
/* Referenzflashbox */
#reference {text-align:left; padding:8px; overflow:hidden; height:100%; }
/************************************************/
/* mittlere Spalte */
/************************************************/
div#col_center {margin-top: 10px; margin-left:19.5%; margin-right:18.5%; background:#FFFFFF; width: auto}
div#box_center {border: #EBEBEB 1px solid; height: 100%; margin:0px auto; width: 48.4em;}
div#box_center_header {background-image: url(../image/box_header_bg.jpg); height: 26px; }
div#box_center_header span {float: left; font: bold 12px Verdana; color:#53679F; text-align:left; margin-top: 5px; margin-left: 8px }
div#box_center_content {background:#FFFFFF url(../image/box_content_bg.jpg) repeat-x; height: 100%; padding:10px; overflow:hidden;}
/* Home */
div#home {width: 562px;}
div#home_top {width: 562px;}
div#home_top #home_maintext {float: left; text-align:left; width: 358px; }
div#home_top #home_mainpic {float: left; width: 194px; padding-left:10px;}
div#home_top #home_mainpic img{border: #EBEBEB 1px solid; padding: 1px; }
#home_3boxes {width: 562px; clear:left; padding-top:20px}
.home_col {float: left; width: 33.3%;}
#home_box1 {float: left; width: 179px;}
#home_box2 { margin:0px auto; width: 179px;}
#home_box3 {float: right; width: 179px;}
.home_box_header {background-image: url(../image/homebox_header_bg.jpg); width: 177px; height: 23px; padding-top: 7px; text-align:center; border: #EBEBEB 1px solid;}
.home_box_header span{font: bold 13px Verdana; color: #53679F }
.home_box_content {width: 177px; height: 565px; border-bottom: #EBEBEB 1px solid; border-left: #EBEBEB 1px solid; border-right: #EBEBEB 1px solid;}
.home_box_content img {margin: 1px; }
/* Produktbeschreibung */
#productdescription {width: 562px;}
*html #productdescription {width: 561px;}
#productdescription_header {height: 30px} /*passender farbton #99FF00*/
*html #productdescription_header {width:562px;} /*passender farbton #99FF00*/
#productdescription_header ul {}
#productdescription_header ul li {float: left; list-style-type:none;}
#productdescription_header ul li a {float:left;font:bold 11px Verdana;color:#FFFFFF;text-decoration:none;background:url(../image/reiter.jpg);background-repeat:no-repeat; width: 133px; height:22px; padding-top: 7px; text-align:center; margin-right:1px; }
#productdescription_header ul li a:hover {height:22px; color: #FFFFFF;}
#productdescription_header ul li#first a {float:left; font: bold 11px Verdana; color: #FFFFFF; text-decoration:none; background: url(../image/reiter_large.jpg); background-repeat:no-repeat; width: 159px; height:22px; padding-top: 7px; text-align:center; margin-right:1px; }
#productdescription_header ul li#first a:hover {width: 159px; height:22px; color: #FFFFFF;}
#productdescription_header ul li#current a {float:left; font: bold 11px Verdana; color: #FFFFFF; text-decoration:none; background: url(../image/reiter_dark.jpg); background-repeat:no-repeat; width: 159px; height:22px; padding-top: 7px; text-align:center; margin-right:1px; }
#productdescription_header ul li#current a:hover {width: 159px; height:22px; color: #FFFFFF;}
#productdescription_header ul li#currentFollow a {float:left; font: bold 11px Verdana; color: #FFFFFF; text-decoration:none; background: url(../image/reiter_dark.jpg); background-repeat:no-repeat; width: 133px; height:22px; padding-top: 7px; text-align:center; margin-right:1px; }
#productdescription_header ul li#currentFollow a:hover {width: 133px; height:22px; color: #FFFFFF;}
*html #productdescription_header ul li#current a {width: 158px;}
*html #productdescription_header ul li#current a:hover {width: 158px;}
#productdescription_content {height:100%; }
#productdescription_content_left {float:left; width:159px;height: 100%;}
#productdescription_content_left ul {float: left; list-style-type:none; }
#productdescription_content_left ul li {float: left; margin-bottom:1px;text-align:left}
#productdescription_content_left ul li a {float:left;font:normal 11px Verdana; color:#53679F; text-decoration:none; background: #F8F8F8;border: #EBEBEB 1px solid; background-repeat:no-repeat; width: 151px; height:23px; padding-left: 6px; padding-top: 8px; margin-right:1px; }
*html #productdescription_content_left ul li a {width: 150px;}
#productdescription_content_left ul li a:hover {height:23px; color:#CE8608; background:#EFEFEF; border:#E4E4E4 1px solid;}
#productdescription_content_left ul li#current a {float:left;font:normal 11px Verdana; color:#CE8608; text-decoration:none; background:#EFEFEF; border:#E4E4E4 1px solid; background-repeat:no-repeat; width: 151px; height:23px; padding-left: 6px; padding-top: 8px; margin-right:1px; }
*html #productdescription_content_left ul li#current a {width: 150px;}
#productdescription_content_left ul li#current a:hover {height:23px; color:#CE8608; background:#EFEFEF; border:#E4E4E4 1px solid;}
#productdescription_box {border: #EBEBEB 1px solid; width: 157px; height:212px; clear:both; margin-top:1px;}
#productdescription_box img{width:157px; height:212px}
*html #productdescription_box {border: #EBEBEB 1px solid; width: 156px; margin-top:0px;}
*html #productdescription_box img {width:156px;}
#productdescription_content_right {float:right; width:397px; height: 100%; padding-left:5px; padding-top:8px}
/* Tabelle für Shopfunktionen */
.table_header {background-color:#999999;font-weight:bold;color:#ffffff;font-size:11px;padding:5px}
.table_content {background-color:#F5F5F5; font-weight:normal;color:#53679F;font-size:10px;padding:5px}
/* Referenzen */
#references table {width: 568px}
#references table .pic {border: #F0F0F0 1px solid;}
#references table .desc {border: #F0F0F0 1px solid; width: 480px; height:118px; text-align:left; vertical-align:top; padding: 5px}
/* */
/* Listen */
.liste_ul {margin-left:20px;margin-top:5px;margin-bottom:5px;}
.liste_li {list-style-image:url(../image/anstrich.gif)}
/*diverse Überschriften*/
.header_bold {font: bold 12px Verdana; color:#53679F; text-align:left; }
.pv a {font-size:9px;font-weight:normal;}
.pv a:hover{font-size:9px;font-weight:normal;}
/*Anmeldung Forum*/
.tx-mmforum-pi2-container p {margin-top:7px;margin-bottom:7px; text-align:left;}
.tx-mmforum-pi2-container {border:none;}
DIV.tx-mmforum-pi2-container p label {
float:left;
width:230px;
padding-left: 10px;
text-align:left;
}
span.error {
color:red;
display:block;
font-weight:bold;
padding-left:10px;
}
input.tx-mmforum-button {
margin: 5px 0px 5px 5px;
background-color:#F6F6F6;
border:1px solid #D8E1F0;
color:#CC9933;
font-weight: bold;
vertical-align: middle;
}
.tx-mmforum-pi1 h1, .tx-mmforum-pi1 h2, .tx-mmforum-pi1 h3, .tx-mmforum-pi1 h4 {font: bold 14px Verdana; color:#53679F; text-align:left;}
/************************************************/
/* rechte Spalte */
/************************************************/
div#col_right {float: right; margin-top: 10px; background:#FFFFFF; width: 18.5%}
.box_right {border: #EBEBEB 1px solid; height: 100%; background:#FFFFFF;width: 178px; margin-bottom: 15px}
.box_right_header {background-image: url(../image/box_header_bg.jpg); height: 26px; }
.box_right_header span {float: left; font: bold 12px Verdana; color:#53679F; text-align:left; margin-top: 5px; margin-left: 8px }
.box_right_content {background:#FFFFFF url(../image/box_content_bg.jpg) repeat-x ; height: 100%; }
/* Suchformular */
#searchform {padding:8px; height: 46px;}
#searchform form {width:160px; padding-top: 4px; height: 36px;}
#searchform form input {float: left; margin-bottom: 8px;}
/* Kontakt */
#contact {text-align:left; padding:8px; overflow:hidden; height: 100%; }
/************************************************/
/* Footer */
/************************************************/
div#footer{clear:both; background:#FFFFFF url(../image/footer.jpg); width:1002px; height:46px; margin:0px auto; }
div#footernav {float:right; margin-right: 20px; margin-top: 10px; }
div#footernav a {font: normal 10px Verdana; text-decoration: none; color: #53679F; padding-left: 8px}
div#copyright {margin:0px auto; text-align:center; width:1002px; height:26px; }
div#copyright span {margin:0px auto; font: normal 12px Verdana; color: #FFFFFF}
.csc-textpic-text {padding-left:5px;padding-right:5px;}
/*Text im Contentbereich*/
.text a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:900; color:#53679F;}
.text a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:900; color:#CE8608;}
p a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:900; color:#53679F;}
p a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:900; color:#CE8608;}
td a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:900; color:#53679F;}
td a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:900; color:#CE8608;}
li a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:900; color:#53679F;}
li a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:900; color:#CE8608;}
/*Header formatiern*/
.csc-header h1, .csc-header h2, .csc-header h3, .csc-header h4, .csc-header h5, .csc-header h6 { background-image: url(../image/box_header_bg.jpg); height: 20px; line-height:20px; font: bold 12px Verdana; color:#53679F; text-align:left;padding-left:5px; padding-top:5px; margin-top:0px;}
/*tt_news*/
#news {text-align:left; padding:8px; overflow:hidden; height: 100%; font: normal 11px Verdana;}
#news p{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; color:#53679F;}
#news span strong a{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:#53679F;}
#news span strong a:hover{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:color:#CE8608;}
.news-latest-date {text-align:left; font: normal 9px Verdana;}
.news-single-backlink a{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:#53679F;}
.news-single-backlink a:hover{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:#CE8608;}
.news-latest-morelink a {text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:normal; color:#53679F;}
.news-latest-morelink a:hover{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:normal; color:#CE8608;}
.news_img img{margin-top:5px; margin-bottom:5px;}
.news-single-item h2 {text-align:left; font: normal 14px Verdana; font-weight:normal; color:#53679F; font-weight:bold;}
.news-single-item h3 {text-align:left; font: normal 12px Verdana; font-weight:normal; color:#53679F; font-weight:bold;}
.news-list-item h2 a{text-align:left; font: normal 14px Verdana; font-weight:normal; color:#53679F; font-weight:bold; text-decoration:none;}
.news-list-item h2 a:hover{text-align:left; font: normal 14px Verdana; font-weight:normal; color:#CE8608; font-weight:bold; text-decoration:none;}
.news-list-morelink a {text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:normal; color:#53679F;}
.news-list-morelink a:hover{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:normal; color:#CE8608;}
.news-title-latest a{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:#53679F;}
.news-title-latest a:hover{text-align:left; height: 100%; font: normal 11px Verdana; text-decoration:none; font-weight:900; color:#CE8608;}
/*Sitemap*/
.csc-sitemap {margin-left:10px;}
.csc-sitemap ul li {list-style-type: none;}
.sitemap11 a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#53679F;}
.sitemap11 a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#CE8608;}
.sitemap12 a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#53679F; margin-left:10px;}
.sitemap12 a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#CE8608;}
.sitemap13 a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#53679F;margin-left:20px;}
.sitemap13 a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#CE8608;}
.sitemap14 a {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#53679F;margin-left:30px;}
.sitemap14 a:hover {text-align:left; height: 100%; font: normal 12px Verdana; text-decoration:none; font-weight:normal; color:#CE8608;}
/*Mailformulare formatieren */
.csc-mailform-field-field input{
width:250px;
height:16px;
border: 1px solid #B7B7B7;
font-family:Verdana;
font-size:12px;
color:#666666;
font-weight:normal;
}
.csc-mailform-field-field textarea {
width:248px;
height:100px;
border: 1px solid #B7B7B7;
font-family:Verdana;
font-size:12px;
color:#666666;
font-weight:normal;
}
.csc-mailform-field-field select {
width:250px;
border: 1px solid #B7B7B7;
font-family:Verdana;
font-size:12px;
color:#666666;
font-weight:normal;
}
.csc-mailform-field-field input#mailformformtype_mail{
width:250px;
height:20px;
border: 1px solid #B7B7B7;
background-color:#66C1F6;
font-family:Verdana;
font-size:12px;
color:#fff;
font-weight:bold;
cursor:pointer;
cursor:hand;
}
.csc-mailform-field-label {
width:100px;
padding-right:10px;
padding-left:0px;
}
/*Twitter_link*/
.twitter_link {padding: 0px; margin: 0px; background: #fff url("../image/twitter.png") no-repeat; width:19px; height:22px;float:left;}
.twitter_text {padding-left:0px; float:left;padding-top:3px;padding-left:3px;}
/*Forum Breite anpassen*/
.tx-mmforum-pi1-codeblock {width:430px}