/* RESET DEFAULT VALUES */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing : 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }

.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow { display:none; }
.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow:first-child { display:block; }

/* BASE & CONTENT ELEMENTS */
body { background: #fff; margin: 0; padding: 0; line-height: 15px; font: 12px Arial, Helvetica, Sans-Serif; color: #404040; text-align: center; }
textarea { font-family: Arial, Helvetica, Sans-Serif; }
a { color: #A09B74; text-decoration: none; }
a:hover { color: #A09B74; text-decoration: underline; }

td { line-height: 15px; font: 12px Arial, Helvetica, Sans-Serif; color: #404040;  }

.c { clear: both; font-size: 1px; line-height: 0; height: 1px; }
.spacer-50 { height: 50px; }
.spacer-150 { height: 150px; }

h1 { color: #A09B74; font-size: 2em; font-weight: bold; padding: 0 0 15px 0; }
h2 { color: #404040; font-size: 1.4em; padding: 0 0 15px 0; font-weight: bold; }
h3 { color: #404040; font-size: 1em; font-weight: bold; padding: 0 0 5px 0; }

p { padding: 0 0 20px 0; }
p.strong { font-weight: bold; }

.top { display: block; text-align: right; padding: 0 10px; background: transparent url(../_img/arrow_top.gif) no-repeat top right; }

/* POSITIONING */
#page { width: 1000px; margin: 0 auto; background: transparent none no-repeat 0 0; text-align: left; }
#content { position: relative; float: left; width: 782px; margin: 140px 0 0 0; z-index: 15; min-height: 350px; }
#start { position: relative; float: left; width: 996px; margin: 140px 0 0 0; z-index: 15; min-height: 400px; }

.col-2-3 { float: left; width: 501px; padding: 0 20px 0 0; }
.col-1-3 { float: left; width: 241px; padding: 0 20px 0 0; }

.col-5-5 { float: left; width: 240px; }
.col-spacer { float: left; width: 20px; height: 10px; }

#header { position: relative; z-index: 20; }
#logo { position: absolute; left: 20px; top: 16px; }

#lang { position: absolute; left: 670px; top: 38px; }
#lang-display { float: left; color: #A09B74; cursor: pointer; }
#lang-chooser { display: none; float: left; background: transparent url(../_img/lang_arrow.gif) no-repeat 0 0; text-indent: -200px; width: 11px; height: 8px; margin: 3px 0 0 7px; cursor: pointer; }
#langs { position: absolute; left: -4px; top: 13px; background: #fff; width: 40px; border: 1px solid #404040; display: none; }
#langs a { display: block; padding: 3px; }
#langs-nojs a { color: #404040; padding: 0 0 0 4px; }

#search { position: absolute; left: 800px; top: 38px; }
#search p { float: left; padding: 0 8px 0 0; }
#search input { vertical-align: middle; }
#search .q { border: 1px solid #b1b4b3; height: 13px; font-size: 0.9em; }

#nav { position: absolute; left: 20px; top: 100px; }
#nav li { float: left; padding: 0 25px 0 0; }
#nav li a { font-size: 1.2em; font-weight: bold; color: #404040; }
#nav li a:hover, #nav li a.on { text-decoration: none; color: #A09B74; }

#subnav { float: left; width: 178px; padding: 140px 20px 20px 20px; }
#subnav li { padding: 4px 0; }
#subnav li a { color: #404040; }
#subnav li a.on { color: #A09B74; font-weight: bold; }
#subnav li a:hover { color: #A09B74; }
#subnav li ul li { padding: 3px 0 3px 10px; }
#subnav li ul li a.on { font-weight: normal; }

#footer { padding: 20px 20px 30px 0; position: relative; z-index: 20; }
#footer #copy { float: left; }
#footer ul { float: right; }
#footer ul li { float: left; padding: 0 0 0 10px; }

/* CONTENT */
.img-f-l { float: left; padding: 0 20px 20px 0; }
.img-f-r { float: left; padding: 0 20px 20px 0; }
.img-border { border: 1px solid #b1b4b3; margin: 0 0 10px 0; }

.list { margin: 0 0 20px 0; }
.list h4 { font-size: 1em; color: #fff; background: #faa71d; padding: 4px; margin: 0 0 1px 0; }
.list ul li { background: #ebeae3; padding: 4px 7px; margin: 0 0 1px 0; }
.list ul li.odd { background: #d9d7c7; }

.list-2 { display: block; margin: 0 0 15px 0; background: transparent url(../_img/set_arrow_small.gif) no-repeat 0 4px; padding: 0 0 0 15px; color: #404040; }
.list-2 strong { display: block; color: #A09B74; padding: 2px 0; }

.list-3 { display: block; margin: 0 0 15px 0; padding: 0 0 0 38px; color: #404040; zoom: 1; }
.list-3 strong { display: block; color: #A09B74; padding: 2px 0; }
.list-3 a:hover { text-decoration: underline; }

table.t, table.contenttable { width: 100%; }
.t td, .t th, .contenttable  td, .contenttable th { border: 1px solid #fff; vertical-align: top; padding: 4px; }
.t td, .contenttable td { text-align: left; background: #d9d7c7; }
.t td.hell, .contenttable td.hell { text-align: center; background: #ecebe3; text-align: left; }
.t td.th, .contenttable td.th { background: #a09b74; color: #fff; }
.t th, .contenttable th { background: #f8a51e; color: #fff; font-weight: bold; text-align: left; }

#anwend { width: 510px; }
#anwend a { float: left; width: 165px; height: 166px; margin: 0 2px 2px 0; }

#anwend2 { width: 510px; }
#anwend2 a { float: left; width: 165px; height: 166px; margin: 0 2px 2px 0; }

/* FORM */
.f-info { background: transparent url(../_img/form_warning.gif) no-repeat center left; padding: 3px 12px; }
#form label { display: block; clear: both; }
#form h2 { padding: 15px 0 5px 0; }
.f-left { float: left; width: 65px; padding: 4px 0 0 0; margin: 3px 0 0 0; }
.f-right { float: left; width: 165px; padding: 2px 0; margin: 3px 0 0 0; }
.f-warning { float: left; width: 7px; height: 7px; margin: 7px 0 0 0; background: transparent url(../_img/form_warning.gif) no-repeat 0 0; text-indent: -100px; overflow: hidden; }
.f-text { border: 1px solid #b1b4b3; padding: 1px 0; width: 160px; }
.f-all { float: left; width: 230px; }
textarea.f-text { width: 225px; height: 100px; }

.f-buttons { text-align: right; margin: 15px 0; }
.f-buttons input { background: transparent url(../_img/button_cancel.gif) no-repeat 0 0; width: 60px; height: 17px; border: 0; margin: 0 10px 0 0; color: #fff; font-size: 0.9em; }
.f-submit { background-image: url(../_img/button_cancel.gif) !important; font-weight: bold; }

/* START */
h1.startpage { color: #A09B74; font-size: 1.5em; font-weight: bold; }

.startdiv a { color: #404040; text-decoration: none }
.startdiv a:hover { color: #A09B74; text-decoration: none; }

#start {  }
#main { height: 320px; margin: 80px 0 0 24px; position:relative; }
#main h1 { font-size 1.8em; padding: 0; font-weight: normal; }
#main a.lnk { background: transparent url(../_img/product_button-trans.png) no-repeat 0 0; padding: 4px 0 0 25px; color: #fff; font-size: 1.1em;height:23px;left:-9px;margin-left:10px;padding-left:26px;padding-top:4px;position:absolute;top:15px;width:181px; }

#teasers { padding: 0 0 0 20px; }
.teaser { float: left; width: 311px; height: 133px; border: 1px solid #b1b4b3; background: #fff none no-repeat 0 0; margin: 0 10px 0 0; opacity: 0.65; filter: alpha(opacity=65); }
.teaser h1 { color: #4a689b; padding: 57px 0 5px 20px; font-size: 1.6em; font-weight: normal; }
.teaser h1 a { color: #4a689b; }
.teaser h1 a:hover { color: #4a689b; text-decoration: underline; }
.teaser h1 a:active { color: #4a689b; }
.teaser div.teasercontent { padding: 0 20px 0 20px; font-size: 1.1em; }
.teaser div.teasercontent a { color: #404040; }

#teasers #footer { padding: 5px 0 0 0 !important; width: 960px; position: static; }
#ansprechpartner { width: 200px; }

.csc-textpic-caption { display:none; }
.csc-textpic img{ border:0px !important; }