/* ---------------------------------------
----- Allgemeine Layout-Definitionen -----
------------------------------------------ */

body, td, p, a, ol, ul, div, h1, h2, h3, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 11px;
	color: black;
}
html, body { height: 100%; }
body { padding: 0; margin: 0; background-color: white; background-image: url(../images/bkgr.gif); text-align: center; }

h1 { font-weight: bold; margin: 0 0 10px 0; padding: 0; font-size: 16px; }
h2 { margin: 0; padding: 0; font-size: 14px; }
h2.validationerror-headline { color: #CC0000; }
h3 { margin: 0; padding: 0; font-size: 12px; }
a { text-decoration: underline; color: #3366CC; }
p { margin: 0 0 10px 0; padding: 0; }
ul { margin: 0 0 10px 15px; padding: 0; list-style-type: square; }
ul.menu li { display: inline; }
ul.menu li a { color: white; text-decoration: none; font-weight: bold; }
ul.menu li a.active { color: black; }
ul.menu li a:hover { text-decoration: underline; }
ul.validationerror-list { margin-bottom: 20px; }
ul.validationerror-list li { color: #CC0000; }
form { margin: 0; padding: 0; }

div#cMain { width: 900px; margin: 0 auto; text-align: left; }
div#cSpacerTop { height: 20px; }
div#cHeader { height: 100px; background-image: url(../images/header.png); padding: 70px 0 0 50px; }
div#cHeader div#cHeaderLeft { width: 228px; height: 59px; float: left; }
div#cHeader div#cHeaderRight { width: 560px; float: left; text-align: right; padding-top: 20px; }
div#cHeader div#cHeaderRight ul#menuMain li { background-image: url(../images/menu-main-spacer.gif); background-repeat: no-repeat; padding: 0 0 0 5px; }
div#cHeader div#cHeaderRight ul#menuMain li.active { background-image: none; padding-left: 0; }
div#cHeader div#cHeaderRight ul#menuMain li.first { background-image: none; padding-left: 0; }
div#cHeader div#cHeaderRight ul#menuMain li a { font-size: 15px; }
div#cHeader div#cHeaderRight ul#menuSub { margin-top: 15px; }
div#cHeader div#cHeaderRight ul#menuSub li { background-image: url(../images/menu-sub-spacer.gif); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 5px; }
div#cHeader div#cHeaderRight ul#menuSub li.first { background-image: none; padding-left: 0; }
div#cContent { width: 845px; margin-left: 55px; background-image: url(../images/content-shadow.png); background-repeat: repeat-y; }
div#cSiteImage { margin-left: 28px; width: 801px; border-bottom: 1px solid #FF0000; }
div#cSiteImageSpacer { margin-left: 28px; width: 801px; height: 20px; background-color: #E5E5E5; }
div#cContentInner { margin-left: 28px; padding: 20px 50px 30px 50px; width: 701px; background-color: white; }

div#cContentInner div.login-box { float: right; width: 120px; background-color: #F0F0F0; padding: 5px; margin: 0 0 5px 5px; }
* html div#cContentInner div.login-box { width: 125px; }
div#cContentInner div.login-box div.login-box-label { }
div#cContentInner div.login-box div.login-box-field { }
div#cContentInner div.login-box input#LoginBoxUser { width: 115px; }
div#cContentInner div.login-box input#LoginBoxPass { float: left; width: 60px; }
div#cContentInner div.login-box input#LoginBoxSubmit { float: right; width: 50px; }

div#cContentInner div.teaser { height: 60px; padding: 30px 0 0 24px; margin: 10px 0 0 0; background-image: url(../images/teaser.gif); background-repeat: no-repeat; }
div#cContentInner div.teaser div.teaser-right { float: right; width: 425px; }
div#cContentInner div.teaser div.teaser-left { float: left; width: 219px; color: white; }
div#cContentInner div.teaser div.teaser-left h2 { color: white; padding-left: 4px; }
div#cContentInner div.teaser div.teaser-left div.p { margin-left: 20px; color: white; }
div#cContentInner div.teaser div.teaser-right p { margin: 0; }

div#cContentInner div.price-table { margin-bottom: 15px; }
div#cContentInner div.price-table div.price-table-left { float: left; width: 290px; padding: 5px; background-color: #F0F0F0; }
div#cContentInner div.price-table div.price-table-right { float: left; width: 340px; padding: 5px; margin-left: 20px; }
div#cContentInner div.price-table div.price-table-row { border-bottom: 1px solid black; }
div#cContentInner div.price-table div.price-table-colheading { font-weight: bold; }
div#cContentInner div.price-table div.price-table-col1 { width: 150px; float: left; }
div#cContentInner div.price-table div.price-table-col2 { width: 70px; float: left; text-align: right; }
div#cContentInner div.price-table div.price-table-col3 { width: 120px; float: left; text-align: right; }

div#cContentInner div.feature-matrix { float: right; width: 240px; background-color: #F0F0F0; padding: 5px; margin: 0 0 5px 5px; }
div#cContentInner div.feature-matrix div.feature-matrix-row { border-bottom: 1px solid black; }
div#cContentInner div.feature-matrix div.feature-matrix-colheading { font-weight: bold; }
div#cContentInner div.feature-matrix div.feature-matrix-col { width: 240px; }
div#cContentInner div.feature-matrix div.feature-matrix-col1 { width: 145px; float: left; }
div#cContentInner div.feature-matrix div.feature-matrix-col2 { width: 95px; float: left; }

div#cContentInner div.screenshots { background-color: #F0F0F0; margin-bottom: 20px; }
div#cContentInner div.screenshots div.screenshot { width: 200px; float: left; background-image: url(../images/screenshot-bkgr.gif); background-repeat: no-repeat; background-position: 175px 60px; }
div#cContentInner div.screenshots div.screenshot div.screenshot-image {  }
div#cContentInner div.screenshots div.screenshot div.screenshot-text { width: 170px; }

div#cContentInner div.screenshots { background-color: #F0F0F0; margin-bottom: 20px; }
div#cContentInner div.screenshots div.screenshot { width: 200px; float: left; background-image: url(../images/screenshot-bkgr.gif); background-repeat: no-repeat; background-position: 175px 60px; }
div#cContentInner div.screenshots div.screenshot div.screenshot-image {  }
div#cContentInner div.screenshots div.screenshot div.screenshot-text { width: 170px; }

form#ContactForm { }
form#ContactForm div.form-row { }
form#ContactForm div.form-row div.form-label { width: 150px; float: left; padding-top: 4px; }
form#ContactForm div.form-row div.form-field { width: 400px; float: left; margin-bottom: 3px; }
form#ContactForm div.form-row div.form-field input.textfeld { width: 400px; }
form#ContactForm div.form-row div.form-field textarea { width: 400px; }

div#cContentInner div.legend { }
div#cContentInner div.legend-row { }
div#cContentInner div.legend-row div.legend-left { width: 25px; float: left; }
div#cContentInner div.legend-row div.legend-right { width: 675px; float: left; }

div#cContentInner form#RegisterForm, div#cContentInner form#Register2Form { }
div#cContentInner form#RegisterForm div.form-label, div#cContentInner form#Register2Form div.form-label { width: 175px; float: left; padding-bottom: 2px; }
div#cContentInner form#RegisterForm div.form-field, div#cContentInner form#Register2Form div.form-field { width: 400px; float: left; padding-bottom: 2px; }
div#cContentInner form#RegisterForm div.form-field input.textfeld, div#cContentInner form#Register2Form div.form-field input.textfeld { width: 400px; }
div#cContentInner form#RegisterForm div.form-field select.dropdown, div#cContentInner form#Register2Form div.form-field select.dropdown { width: 404px; }

div#cContentInner form#Register2Form { }
div#cContentInner form#Register2Form div.form-field-sections { border-bottom: 1px solid black; height: 20px; }
div#cContentInner form#Register2Form div.form-field-sections div.form-field-section1 { width: 25px; float: left; }
div#cContentInner form#Register2Form div.form-field-sections div.form-field-section2 { padding-top: 3px; width: 150px; float: left; }
div#cContentInner form#Register2Form div.form-field-sections div.form-field-section3 { padding-top: 3px; width: 100px; float: left; text-align: right; }
div#cContentInner form#Register2Form div.form-field-sections div.form-field-section4 { padding-top: 3px; width: 125px; float: left; text-align: right; }

div#cFooter { height: 38px; width: 708px; margin-left: 70px; padding: 7px 60px 0 60px; background-image: url(../images/footer.png); background-repeat: no-repeat; }
div#cFooterLeft { float: left; width: 300px; color: white; }
div#cFooterRight { float: right; width: 300px; text-align: right; color: white; }
div#cFooterRight a { color: white; text-decoration: none; }

.clearBoth { clear: both; }
* html .clearBoth { height: 1px; font-size: 1px; }
.highlight { color: #CC0000; }
.blink { text-decoration: blink; }

#gecko_scrollbar { display: none; }
html>body #gecko_scrollbar { position: absolute; z-index: 1; bottom: -1px; left: 0; width: 1px; height: 1px; display: block; font-size: 0; }

#banner {
	background: white;
	border-bottom: 1px solid black;
}
#bannerContent {
	text-align: left;
	padding: 10px 40px 10px 40px;
	border-bottom: 1px solid #f41818;
}