html, body {height:101%;}

body {background: #fff; font: 12px/125% "Trebuchet MS", Arial, Helvetica, Sans-Serif; color: #313131; padding:0; margin:0;}

#menu_container ul {margin: 0; padding: 0; padding-bottom:10px;}

a {color: #448e3f; outline: none;}
a:visited {color:#448e3f;}
a:hover {color: #564b47;}
a:active { color:#000000;}

a.pdf {padding-right: 20px; background: url(../img/content/icon_pdf.gif) 100% 50% no-repeat;}


h1 {font-size: 19px; color: #307ace; margin: 0 0 10px 0}

h1.xmasHeader {color: #004784; text-align: center;}

h2 {font-size: 14px; color: #60a6e1; margin: 0;}

h3 {margin: 13px 0;}

#col_right h2 {background: url(../img/layout/h2_bg.gif) 0 0 no-repeat; height: 23px; line-height: 23px; color: #fff;}

p {padding: 2px 4px; margin:0; }

blockquote {margin: 7px 0 7px 20px; background: #c7e7f7; border: 1px solid #4793d7; padding: 7px; width: 85%}

#col_left {line-height: 135%;}


img, fieldset {border: 0;}


img.download {vertical-align:middle;}



/* ---------- container to center the layout ---------- */

#container {width: 989px; padding: 0; margin: 0 auto; } 

#header {background: url(../img/layout/header_splash.jpg); height: 152px;}

#logo_bot {position: absolute; margin: 185px 0 0 610px; width: 195px; height: 47px; background: url(../img/layout/logo_bot.gif) no-repeat; padding-top: 50px; z-index: 101; font-size: 11px;}

#search { position: absolute; width: 182px; margin: 122px 0 0 9px; height: 21px; line-height: 21px; }

#breadcrumb_nav {position: absolute; margin: 126px 0 0 205px; color: #3d3d3d;}

#meta_nav {position: absolute; margin: 126px 0 0 735px; color: #3d3d3d;}

#bottom_nav {border-top: 1px dotted #307ace; padding-top: 5px;}

#content {padding: 15px 5px 0 5px;}
#content li {list-style: disc; margin: 0 0 5px 20px; padding-bottom: 7px;}

#col_left {width: 556px; margin-left: 200px; float: left;}
#col_right {width: 195px; float: right; margin-right: 15px;}

.content_left {width: 49%; float: left; margin-bottom: 33px;}
.content_right {width: 49%; float: right; margin-bottom: 33px}

#infos h2 {text-align: center;}
#infos h3 {color: #bb3535; font-size: 12px; margin: 2px 0; padding-left: 4px;}
#infos p {padding: 2px 0 0 4px; margin:0; }
 
#footer {background: url(../img/layout/footer_line.gif) 0 0 no-repeat; padding: 10px 5px 5px 210px; margin-top: 10px;} 

#footer a {color: #307ace;}
#footer a:hover {color: #75b0ff;}



/*#######################################################################################
##################### PRIVATE CLASSES ###################################################
#######################################################################################*/

.content_left {float: left; width: 265px; padding-right: 5px;}
.content_right {float: right; width: 265px; padding-left: 5px;}

/*.csc-bulletlist li {float: left; width: 240px;}*/



.csc-header-n2, .csc-header-n3, .csc-header-n4, .csc-header-n5, .csc-header-n6 {margin-top: 15px;}
.csc-uploads-fileSize {background: url(../img/content/icon_pdf.gif) 0 15% no-repeat; padding-left: 20px;}
td.csc-uploads-fileSize  {vertical-align: top;}

#menu {background: url(../img/content/menu_bg.jpg) right bottom no-repeat; padding: 0 0 15px 5px;}

#menu .content_left {float: left; width: 220px; font-weight: bold; margin-bottom: 7px; border: none;}
#menu .content_right {float: right; width: 290px; margin-bottom: 7px;}
#menu .content_right a {color: #448e3f; font-weight: bold;}

#menu table {border: 1px solid #e3d6ad; width: 386px; margin: 4px 0;}
#menu th {font-size: 14px; text-align: left; padding: 7px; background: #ecdfb6;}
#menu td {background: #fdf0c6; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; padding: 4px 7px;}
#menu th.price {text-align: right; font-size: 12px; width: 19%;}
#menu td.price {font-weight: bold; text-align: right; vertical-align: text-top;}

table.angebote td {vertical-align: top; padding: 1px 4px; line-height: 125%;}
.angebote .even {background: #fef9ea;}

img.rte_image {margin-right: 10px; border: 0px solid #f60e00;}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {color:#666; font: 11px Arial, Helvetica, sans-serif; margin:0pt;}

div.csc-textpic-imagewrap {padding: 13px 0 21px 0;}


.clear {clear: both;}

.copyright {font-size: 11px; color: #bbb; text-align: center;}


table.wasser {width: 55%;}
tr.even {background: #eee;}

th {text-align: left; padding: 2px; vertical-align: top;}

table.swb_table {margin-bottom: 15px;}
td.rank {font-weight: bold; background: #eee; border-bottom: 1px solid #ccc;}
td.swb_name {color: #0053a2; font-weight: bold;}

table.swb_table tr.even {background: #fff;}

td.csc-uploads-fileName {width: 80%;}

.email {padding-left: 20px; background: url(../img/icons/mail.gif) 0 50% no-repeat;}



/*#######################################################################################
##################### FORM MAILER #######################################################
#######################################################################################*/

input, textarea {margin-bottom: 10px; border: 1px solid #307ace; padding: 1px 3px;}

textarea {font: 12px Arial, Helvetica, sans-serif; color: #0047884;}

input:focus, textare:focus {border-color: #f60e00;}

label {cursor:pointer; padding-left:2px; line-height:15px; vertical-align:top;}

.button {margin-left: 115px; padding: 0 3px; background: #307ace; width: 288px; cursor: pointer; font-weight: bold; color: #fff;} 

div.csc-mailform-field label {width: 110px; display: block; float: left; padding: 0 0 5px 5px;}

div.csc-mailform-field input {width: 162px;}

form {overflow:hidden;}

select {padding: 0px 3px; background: #fff;}

#mailformanrede, #mailformBetreff {margin-bottom: 5px; width: 170px; border: 1px solid #707070;}

#mailformrueckruf {width: auto;}

.csc-mailform-submit {margin-left: 118px;}

#mailformmitteilung {width: 280px;}


/*#######################################################################################
##################### FORMS #############################################################
#######################################################################################*/
 

#search input {padding: 2px;}

.box_ri_login input {border-bottom: none; border-right: none;}

.box_ri_login .submit {border: 1px solid #307ace; border-top: none; border-left: none;}

#search input#searchfield {float: left; background: #fff; border: 1px solid #838383; width: 140px; font-size: 11px; filter:alpha(opacity=80); -moz-opacity:.80;opacity:.80;%}

#search input.searchimage {float: right; padding: 0; border: none;}



/*#######################################################################################
##################### NEWS ##############################################################
#######################################################################################*/

#news {font: 12px Verdana, Arial, Helvetica, sans-serif;}

#news h3 {margin: 3px 0 7px 0; font-size: 11px;}
#news h3 a {color: #545454;}

.news-latest-container {padding-left: 4px;}
.news-latest-date, .news-list-date {font-size: 10px; color: #727272;}
.news-latest-morelink {font-size: 11px; margin-bottom: 10px;}

.news-list-item h2 {margin-bottom: 7px;}
.news-list-morelink {margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px dotted #ddd;}

.news-single-author {display: none;}



/*#############################################################################################################################
# SITEMAP ####################################################################################################################
#############################################################################################################################*/


div.tx-flseositemap-pi1 {padding-left: 40px;}

#col_left div.tx-flseositemap-pi1 ul {list-style: none;	}

#col_left div.tx-flseositemap-pi1 ul li {padding: 0; margin: 0; list-style: none;	}

div.tx-flseositemap-pi1 a {color: #303030;}

div.tx-flseositemap-pi1 li {padding-bottom: 5px!important;}

div.tx-flseositemap-pi1 li.deep0 {padding-top: 15px!important;}
div.tx-flseositemap-pi1 li.deep1 {padding-left: 15px!important;}
div.tx-flseositemap-pi1 li.deep2 {padding-left: 35px!important;}

li.deep0 a  {font-weight: bold;}
li.deep1 a {color: #3582bb; padding-left: 20px; background: url(../img/sitemaparrow.gif) 0 50% no-repeat;}
li.deep2 a {color: #75b0ff; padding-left: 20px; background: url(../img/sitemaparrow1.gif) 0 50% no-repeat;}