/* global styles for all projects */
*, a { outline: none; -moz-outline: none 0; }
html, body, form, td, th { margin: 0; padding: 0; }
body { background: #fff; color: #666666; font: 12px/17px Arial, Tahoma, sans-serif, monospace; }
table { border-collapse: collapse; font: 12px Arial, Tahoma, sans-serif, monospace; }
img { border:0; }
a { text-decoration:none; color: #3a9027; }
a:hover { text-decoration:underline; color: #a4c400; }
.clear, .csc-textpic-clear { clear: both; line-height:0; font-size:0; margin:0; padding:0;}
.fleft { float: left; display:inline;}
.fright { float: right; display:inline;}
.tech-table { width: 100%; margin: 20px 0; }
.tech-table thead th { padding: 10px 20px; font-weight: bold; text-align: center; border: 1px solid #999; }
.tech-table td { padding: 10px; border: 1px solid #999; text-align: center; }

.contenttable { width: 100%; margin: 20px 0; }
.contenttable thead th { padding: 10px 20px; font-weight: bold; text-align: center; border: 1px solid #999; }
.contenttable td { padding: 10px; border: 1px solid #999; text-align: center; vertical-align: top; }

.contenttablesmall { width: 100%; margin: 20px 0 0 0; font-size: 11px;  }
.contenttablesmall thead th { padding: 7px; font-weight: bold; text-align: center; border: 1px solid #999; }
.contenttablesmall td { padding: 5px; border: 1px solid #999; vertical-align: middle; }
.contenttablesmall p {margin: 0 !important;}
.contenttablesmall th:first-child {text-align: left;}
.contenttablesmall th img {float: left; margin: 2px 8px 0 0;}
.contenttablesmall tr td:first-child {text-align: left;}

p.smallText {width: 300px;}
.green {color: #3a9027;}
.red {color: #B71F26}
.small { font-size: 11px; }


/*
table { width: 100%; margin: 20px 0; }
table thead th { padding: 10px 10px; font-weight: bold; text-align: center; border: 1px solid #999; }
table td { padding: 10px; border: 1px solid #999; text-align: center; }
*/


#content .text .contenttable p { margin: 0; }

a.pdf { text-decoration:none; color: #3a9027; background: url('../images/pdf_icon.gif') no-repeat left bottom; padding: 3px 0 0 20px; }
a.pdf:hover { text-decoration:underline; color: #a4c400; }
/* project's custom styles */
#hyperwrapper { height: 12px; }
#wrapper { width: 937px; margin: 0 auto; padding-top: 8px; background: #fff url('../images/shadow-top.png') no-repeat; }
#container { background: url('../images/shadow-bottom.png') no-repeat bottom; padding-bottom: 8px; position:relative; }
/* SHADOWS */
#container .side-shadows-left { background: url('../images/shadow-side-left.png') repeat-y left;  position: relative;}
#container .side-shadows-right { background: url('../images/shadow-side-right.png') repeat-y right;  position: relative;}
#container .shadow-crn-llt { background: url('../images/shadow-corner-llt.png') no-repeat left top;  position: relative;}
#container .shadow-crn-rrt { background: url('../images/shadow-corner-rrt.png') no-repeat right top;  position: relative;}
#container .shadow-crn-rrb { background: url('../images/shadow-corner-rrb.png') no-repeat right bottom;  position: relative;}
#container .shadow-crn-llb { background: url('../images/shadow-corner-llb.png') no-repeat left bottom;  position: relative;}

/* CONTENT */
#page { position: relative; padding: 0 8px 20px 18px; margin:0;}
#page .pageheader {padding-left:12px; position:relative; border-top:1px solid #ffffff;}
#page #logo { float: right; display: inline; width: 344px; height: 109px; position: relative; background: url('../images/logo.png') no-repeat; margin-top:-1px;}
#page #logo span { display: none; }
#page #slogan { float: left; display: inline; width: 364px; height: 59px; margin: 68px 0 0 0; background: url('../images/floradix_slogan.png') no-repeat;}
#page #slogan span { display: none; }
a.gbutton { background: url('../images/button.png') no-repeat; width: 126px; height: 20px; padding-top: 1px; font-family: Tahoma; display: block; text-align: center; font-weight: bold; color: #3b9028; text-decoration: none; }
a.gbutton:hover { color: #a4c400; }
a.gbutton:active { background: url('../images/button-active.png') no-repeat; height: 19px; padding-top: 2px; color: #a4c400; }
#flashvideo { width:356px; height: 201px; margin: 7px 15px 0 0; float:left; background: url('../flash/screenshot.jpg') no-repeat; display: none; position:relative;}

#container .adv-block-left { width: 354px; height: 199px; margin: 7px 15px 0 0; float: left; border: 1px solid #a4c400; background: url('../images/floradix_boxes_grad.jpg') no-repeat right; display:inline; position:relative;}
#container .adv-block-left ul { margin: 7px 0 0 22px; padding: 0; }
#container .adv-block-left ul li { margin: 0; padding: 0; list-style-type: square; list-style-position: outside; font-weight: bold; line-height: 18px; }
#container .adv-block-left a { font-weight: bold; margin-left: 22px; padding-top: 5px; display: block; text-decoration: none; }

#container .adv-block-middle { padding: 0; /*background: url('../images/floradix_boxes.jpg') no-repeat 180px 58px;*/ width: 280px; margin: 7px 20px 0 0; float: left; border-top: 1px solid #a4c400; display:inline;}
#container .adv-block-middle .border { border-top: 1px solid #a4c400; margin-top: 5px;}
#container .adv-block-middle h2 { width: 219px; height: 57px; margin: 7px 0 0 0 !important; background: url('../images/floradix_producte.png') no-repeat; }
#container .adv-block-middle h2 span { display: none; }
#container .adv-block-middle .first { width: 180px; line-height: 15px; margin: 0 0 0 3px !important; }
#container .adv-block-middle a.gbutton { margin: 10px 0 0 0 !important; }
#container .adv-block-middle .second { width: 260px; margin: 5px 0 5px 10px !important; }
#container .adv-block-middle .headline {height:57px; margin:7px 0 0 !important; width:219px;}
#container .adv-block-middle .block_links {line-height:15px; margin:0 0 0 3px !important; width:177px; float:left;}
#container .adv-block-middle .button {margin-left:-3px;}
#container .adv-block-middle .button a {padding-top:2px;}
#container .adv-block-middle .block_rechts {float:left; margin-top:-6px;}
#container .adv-block-middle .bottom {margin:5px 0 5px 10px !important; width:260px;}
#container .adv-block-right { padding: 0; background: url('../images/floradix_boxRight.jpg') no-repeat; width: 205px; height: 236px; margin: 7px 0 0 0; float: left; border-top: 1px solid #a4c400; display:inline; }
#container .adv-block-right-old { padding: 0; background: url('../images/floradix_adv_block.jpg') no-repeat; width: 205px; height: 199px; margin: 7px 0 0 0; float: left; border-top: 1px solid #a4c400; border-bottom: 1px solid #a4c400; display:inline; }
#subwrapper { width: 937px; margin: 0 auto; position: relative; }
#main-menu { list-style: none; margin: 10px 4px 0 0; padding: 0; float: right; display:inline; }
#main-menu li { margin: 0 5px 10px 5px; padding: 0; float: left; font-weight: bold; display:inline; }
#main-menu li span { width: 1px; height: 7px; margin-top: 5px; display: block; background: #666666; font-size: 0; }
#main-menu li a { color: #666666; text-decoration: none; }
#main-menu li a:hover { text-decoration: underline; }
#tabs { margin: 0 0 0 12px; position:relative; border-top:1px solid #ffffff;}
#tabs a { width: 125px; height: 19px; display: inline; float: left; color: #3a9027; background: url('../images/menu/tab.png') no-repeat; text-decoration: none; font-weight: bold; padding: 13px 0 0 0; text-align: center; margin-top: -1px; border-bottom: 1px solid #a5c503; position: relative; }
#tabs a:hover { color: #a4c400; }
#tabs a.active { height: 19px; padding: 13px 0 0 0; border-bottom: none; margin-top: 0; background: url('../images/menu/tab_active.png') no-repeat; position: relative; z-index: 30; }

#tabs span.first a, #tabs span.last a { width: 127px; height: 19px; display: inline; float: left; color: #3a9027; background: url('../images/menu/tab_gross.png') no-repeat; text-decoration: none; font-weight: bold; padding: 13px 0 0 0; text-align: center; margin-top: -1px; border-bottom: 1px solid #a5c503; position: relative; }
#tabs span.first a.active,#tabs span.last a.active { height: 19px; padding: 13px 0 0 0; border-bottom: none; margin-top: 0; background: url('../images/menu/tab_gross_active.png') no-repeat; position: relative; z-index: 30; }

#content { width: 837px; border: 1px solid #a5c503; margin: -1px 0 0 12px; position: relative; padding: 20px; z-index: 20;}
#content .crn { background: url('../images/floradix_crn_lb.png') no-repeat; width: 7px; height: 6px; position: absolute; left: -1px; bottom: -1px; }
#content .text { width: 495px; float: left; display:inline;}
/*#content .text a.pdf { background: url('../images/floradix_pdf.png') no-repeat; padding: 0 0 2px 20px; height: 15px; margin: 0 0 5px 0; display: block; }*/
#content .text p { padding: 0; margin: 0 0 10px 0; }
#content .text .form { width: 540px; margin-top: 22px; float: left; }
#content .text .form .field { clear: both; }
#content .text .form .field.checkbox { padding-top: 20px; }
#content .text .form .field.last { padding-top: 20px; }
#content .text .form .field_capture { clear:both; padding-top: 15px;}
#content .text .form .field .title,
#content .text .form .field_capture .title
{ float: left; font-weight: bold; padding-top: 1px; width: 86px; font-size: 12px; display: inline;}
#content .text .form .field_capture .capture {float: left; margin-right: 5px;}
#content .text .form .field .control { float: left; width: 250px; padding-bottom: 10px; display: inline;}
#content .text .form .field_capture .control_capture {float: left; width: 150px; padding-bottom: 10px; display: inline;}
#content .text .form .field .errormsg,
#content .text .form .field_capture .errormsg 
{ float: left; color: red; font-size: 10px; line-height: 10px; margin-left: 4px; width: 200px; display: block;}
#content .text .form .field.checkbox .errormsg { float: none; color: red; font-size: 11px; margin-left: 0; padding-left: 30px; width: 480px;}
#content .text .form .field.checkbox .title { width: 30px; }
#content .text .form .field.checkbox .control { width: 470px; padding: 0; }
#content .text .form .field.checkbox .control p { margin: 0; }
#content .text .form .field .control select { width: 170px; height: 18px; padding: 0; font-size: 11px; border: 1px solid #ccc; border-top: 1px solid #999; }
#content .text .form .field .control input { width: 245px; height: 16px; padding: 2px 0 0 2px; font-size: 11px; border: 1px solid #ccc; border-top: 1px solid #999; }
#content .text .form .field .control input.short { width: 45px; float: left; display: inline;}
#content .text .form .field .control input.long { width: 190px; float: left; display: inline;}
#content .text .form .field .control input.last { margin-left: 7px; }
#content .text .form .field .control textarea { width: 245px; height: 112px; padding: 2px 0 0 2px; font-size: 11px; border: 1px solid #ccc; border-top: 1px solid #999; }
#content .text .form .field .control a.gbutton { background: url('../images/button.png') no-repeat; border: none; float: right; font-size: 12px; width: 126px; height: 20px; padding: 1px 0 0 0; font-family: Tahoma; text-align: center; font-weight: bold; color: #3b9028; display: inline;}
#content .text .form .field .control a.gbutton:hover { color: #a4c400; }
#content .text .form .field .control a.gbutton:active { background: url('../images/button-active.png') no-repeat; height: 18px; padding: 3px 0 0 0; color: #a4c400; }
#content .text .form .field .title .fnormal { font-weight: normal; padding-top: 3px; display: block; }
#content .text .form .field .control.errormsg { text-align: right; color: red; font-size: 11px; }
#content .text .form .field .control input.error, #content .text .form .field_capture .control input.error,  #content .text .form .field .control textarea.error { border: 1px solid red; }
#content .text .form .field_hinweis {clear: both; padding-top: 20px;}
#content .text .form .field_hinweis  p {font-weight: bold;}
#content .text ul { margin: 0 0 0 16px; padding: 0; }
#content .text ul li { margin: 0; padding: 0; list-style-type: square; list-style-position: outside; line-height: 18px; }
#content #wrapperRight { width: 325px; float: right; display: inline;}
#content #wrapperRight .right-block { background: #D1E78F; border: 1px solid #A4C401; padding: 10px 15px 10px 15px; width: 295px; }
/*#content .right-block img { float: left; margin-right: 10px; display: inline;}*/
#content #wrapperRight .right-block p { margin-top: 0px; }
#content #wrapperRight .right-block .no_padding p { color: #3a9027; font-weight: bold; padding-top:0; line-height: 14px; margin-top: 0px; }
#content #wrapperRight .right-block a { color: #3a9027; }
#content #wrapperRight .right-block h1 {color: #B71F26; font-size: 14px; margin: 0 0 5px 0; padding: 0;}
#content #wrapperRight .right-block h2 {color: ##666666; font-size: 14px; margin: 0 0 10px 0; padding: 0;}
#content #wrapperRight .right-block ul { margin: 0 0 0 14px; padding: 0; }
#content #wrapperRight .right-block ul li { margin: 0; padding: 0; list-style-type: square; list-style-position: outside; line-height: 18px; }
#copyrights { width: 687px; margin: 20px auto -12px auto; padding: 0 240px 20px 10px; position: relative; font-size: 11px; line-height: 14px; font-family: Tahoma; }
#content #wrapperRight .right-block-bottom { width: 305px; float: right; display: inline; padding: 0 15px 10px 5px;}

#content #wrapperRight .right-block-bottom p { margin: 10px 0 0; padding: 0; }
#noBgRight #content #wrapperRight .right-block {background: none; border: none;}
#noBgRight #content #wrapperRight .right-block-bottom p { margin: 0 0 10px 0; padding: 0; }

/* iframe box */
#lightbox { display: none; position: fixed; width: 100%; height: 100%; z-index: 500; background: #555; left: 0; top: 0; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
#lightframe { display: none; margin: 80px 0 10px -338px; width: 670px; background: #fff; position: absolute; z-index: 1000; left: 50%; }
#lightframe .crn-lt { background: url('../images/lightbox-crn-lt.png') no-repeat left top; position: relative; width: 100%; height: 100%; }
#lightframe .crn-rt { background: url('../images/lightbox-crn-rt.png') no-repeat right top; position: relative; width: 100%; height: 100%; }
#lightframe .crn-rb { background: url('../images/lightbox-crn-rb.png') no-repeat right bottom; position: relative; width: 100%; height: 100%; }
#lightframe .crn-lb { background: url('../images/lightbox-crn-lb.png') no-repeat left bottom; position: relative; width: 100%; height: 100%; }
#lightframe h2.heading-impressum { background: url('../images/heading_impressum.png') no-repeat; width: 114px; height: 25px; display: block; margin: 0 0 23px 0; }
#lightframe h2.heading-impressum span { display: none; }
#lightframe h2.heading-datenschutz { background: url('../images/heading_datenschutzerklaerung.png') no-repeat; width: 224px; height: 25px; display: block; margin: 0 0 23px 0; }
#lightframe h2.heading-datenschutz span { display: none; }
#kontakt .thanks { display: none; float: left; width: 365px; display: none;}
#kontakt .thanks p { padding-right: 0 !important; }
#content .thanks { float: left; width: 450px;}
#content .thanks p { padding-right: 0 !important; }
#lightframe h2.heading-kontakt { background: url('../images/heading_kontakt.png') no-repeat; width: 114px; height: 25px; display: block; margin: 0 0 8px 0; }
#lightframe h2.heading-kontakt span { display: none; }
#lightframe a.close { background: url('../images/x.png') no-repeat right; display: block; width: 60px; position: absolute; right: 15px; top: 13px; font-size: 11px; color: #666666; }
#lightframe .light-content { padding: 30px; display: none; }
#lightframe .light-content p { font: normal 11px Tahoma; margin: 0; padding: 0 200px 10px 0; }
.light-content .form { width: 330px; margin-top: 3px; float: left; display: inline;}
.light-content .form .field { clear: both; }
.light-content .form .field .title { float: left; font-weight: bold; padding-top: 3px; width: 80px; font-size: 11px; display: inline;}
.light-content .form .field .control { float: right; width: 250px; padding-bottom: 10px; display: inline;}
.light-content .form .field .control select { width: 147px; height: 18px; padding: 0; font-size: 11px; border: 1px solid #ccc; border-top: 1px solid #999; }
.light-content .form .field .control input { width: 245px; height: 16px; padding: 2px 0 0 2px; font-size: 11px; border: 1px solid #ccc; border-top: 1px solid #999; }
.light-content .form .field .control textarea { width: 245px; height: 112px; padding: 2px 0 0 2px; font-size: 11px; border: 1px solid #ccc; border-top: 1px solid #999; }
.light-content .form .field .control .gbutton { background: url('../images/button.png') no-repeat; border: none; float: right; font-size: 12px; width: 126px; height: 19px; padding: 2px 0 0 0; font-family: Tahoma; display: block; text-align: center; font-weight: bold; color: #3b9028; text-decoration: none; display: inline;}
.light-content .form .field .control .gbutton:hover { color: #a4c400; }
.light-content .form .field .control .gbutton:active { background: url('../images/button-active.png') no-repeat; padding: 3px 0 0 0; color: #a4c400; height: 18px; }
.light-content .form .field .title .fnormal { font-weight: normal; }
.light-content .form .field .control.errormsg { text-align: right; color: red; font-size: 11px; }
.light-content .form .field .control.error input,  .light-content .form .field .control.error textarea { border: 1px solid red; }
.light-content .contacts { width: 228px; margin-top: 36px; float: right; display: inline;}
.light-content .contacts p { padding: 0 0 37px 0 !important; font-size: 11px !important; line-height: 14px !important; }
#lightframe .light-content .headline-kontakt { margin-bottom: 10px; }
#lightframe .light-content .headline-kontakt p { padding: 0 0 10px 0; }
#lightframe #datenschutz p{padding:0 0 10px 0;}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {display:inline;margin-left:0;}
#content .text .form .field .control input.gbutton { background: url('../images/button.png') no-repeat; border: none; float: right; font-size: 12px; width: 126px; height: 22px; padding: 0 0 4px 0; font-family: Tahoma; text-align: center; font-weight: bold; color: #3b9028; display: inline;}
#content .text .form .field .control input.gbutton:hover { color: #a4c400; }
#content .text .form .field .control input.gbutton:active { background: url('../images/button-active.png') no-repeat; height: 22px; padding: 0 0 4px 0; color: #a4c400; }
#lightframe #ringtone h2.heading-ringtone { background: url('../images/heading_ringtone.png') no-repeat; width: 199px; height: 27px; display: block; margin: 0 0 27px 0; }
#lightframe #ringtone h2.heading-ringtone span { display: none; }
#lightframe #ringtone p {padding: 0 160px 10px 0;}

#radioSpot {position:absolute; top: 20px; left: 410px;}
#radioSpot .radioText {font-size: 11px; color: #399026; line-height: 13px;}