﻿/************************************************
* Orthomol Sport Main-Stylesheet				*
* Media: Screen	/ All Broswers					*
* Creator: Tobias Karsch, Birch Cove GmbH DE	*
* Edited with BBEdit on a MacBook				*
************************************************/

body {
    background: url("../Resources/sysimages/background_maingradient.jpg") white repeat-x;
background-color: #656565;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}

table {
    font-size: 11px;
    color: #007cbf;
    margin: 0 0 15px 0;
    padding: 0 10px 0 10px;
    line-height: 15px;
	text-align: left;
}

a {
    color: #007cbf;
}

img {
    border: none;
}


/* SIFR FONT REPLACEMENT
=========================================================*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #firstlevelMenu li.basic span {
	visibility: hidden;
	font-size: 15px;
}

.sIFR-hasFlash #firstlevelMenu li.selected span {
	visibility: hidden;
	font-size: 15px;
}

.sIFR-hasFlash #seclevelMenu li.basic span {
	visibility: hidden;
	font-size: 15px;
}

.sIFR-hasFlash #seclevelMenu li.selected span {
	visibility: hidden;
	font-size: 15px;
}

.sIFR-hasFlash #thirdlevelMenu li.basic span {
	visibility: hidden;
	font-size: 15px;
}

.sIFR-hasFlash #thirdlevelMenu li.selected span {
	visibility: hidden;
	font-size: 15px;
}


/* BIGGERLINK JS
=========================================================*/

.biggerlinkHover {
    cursor: pointer;
}


/* BOX ELEMENTS
=========================================================*/

#backgroundCenter {
    display: block;
    background: url("../Resources/sysimages/background_center.png") repeat-y top left;
    width: 1013px;
    margin: auto;
}

.mainWrapper {
    display: block;
    background: url("../Resources/sysimages/background_runner.jpg") no-repeat top left;
    width: 1013px;
    margin: auto;
}

.mainWrapper.theme21 {
    display: block;
    background: url("../Resources/sysimages/background_runner.jpg") no-repeat top left;
    width: 1013px;
    margin: auto;
}

.mainWrapper.theme22 {
    display: block;
    background: url("../Resources/sysimages/background_biker.jpg") no-repeat top left;
    width: 1013px;
    margin: auto;
}

.mainWrapper.theme23 {
    display: block;
    background: url("../Resources/sysimages/background_swimmer.jpg") no-repeat top left;
    width: 1013px;
    margin: auto;
}

#mainBox {
    display: block;
    width: 873px;
    margin: 0 70px 0 70px;
    padding-bottom: 40px;
}

#headerBox {
    display: block;
    width: 873px;
    height: 301px;
}

#menuBox {
    display: block;
    width: 873px;
    height: 135px;
    padding: 0;
    margin: 0;
    text-align: center;
    overflow: hidden;
    color:#205A83;
    font-weight:bold;
}

#menuBox a{
	color:#ffffff;
	text-decoration:none;
}

#contentBox {
    display: block;
    width: 873px;
    text-align: left;
}

.contentLeft {
    display: block;
    width: 735px;
    float: left;
    margin: 20px 0 0 0px;
}

.contentWrapper {
    display: block;
    width: 651px;
    margin: auto;
    padding: 0 0 20px 15px;
}

.contentRight {
    display: block;
    width: 132px;
    float: right;
}

#bottomSpacer {
    display: block;
    clear: both;
    width: 873px;
    height: 20px
    background: transparent;
}


/* HEADER
=========================================================*/

#searchBox {
    position: relative;
    display: block;
    width: 140px;
    /*padding-left: 733px;*/
    left: 733px;
    height: 35px;
    overflow: hidden;
    float: left;
    line-height:35px;
}

#searchBox input.searchField {
	display: block;
	float: left;
	height: 15px;
	width: 100px;
	border: 1px solid #004171;
	margin: 7px 0 0 0;
	color: #004171;
	font-size: 11px;
	padding: 0 0 1px 0;
}

#searchBox input.submitButton {
	border: 0;
	margin: 9px 5px 0 5px;
	float: left;
}

#logoBox {
    display: block;
    clear: both;
    width: 300px;
    height: 35px;
    float: left;
}

#logoBox a{
    display: block;
    width: 300px;
    height: 35px;
    text-decoration: none;

}

#logoBox span {
    visibility: hidden;
}


/* MENU ELEMENTS
=========================================================*/

/* >>> MAIN MENU - FIRST LEVEL <<<*/

ul#firstlevelMenu {
    margin: 0 0 0 19px;
    padding: 0;
    list-style-type: none;
    font-size: 13px;
}

ul#firstlevelMenu li {
    display: block;
    width: 135px;
    height: 27px;
    float: left;
    margin: 0 5px 0 0;
    padding: 16px 0 0 0;
}

ul#firstlevelMenu li.selected {
    background: url("../Resources/sysimages/tap_menu_selected.png") no-repeat top center;
}

ul#firstlevelMenu a.selected {
    color:#205A83;
}

/* >>> MAIN MENU - SECOND LEVEL <<<*/

.secmenuWrapper {
    display: block;
    clear: both;
    width: 872px;
    height: 48px;
    background: url("../Resources/sysimages/background_seclevelmenu.png") no-repeat;
    font-size: 13px;
}

ul#seclevelMenu {
    display: visible;
    list-style-type: none;
    margin: 0 0 0 20px;
    padding: 0;
}

ul#seclevelMenu li {
    float: left;
    display: block;
    height: 41px;
    margin: 0 0 0 4px;
    padding: 7px 0 0 0;
    color: #098ace;
    font-weight: normal;
}

ul#seclevelMenu li a {
    color: #098ace;
    text-decoration: none;
}

ul#seclevelMenu li a:hover {
    text-decoration: underline;
}

ul#seclevelMenu li.selected {
    background: url("../Resources/sysimages/navitem_secmenu_selected.png") center no-repeat;
}

ul#seclevelMenu li.selected a{
    color: #044c77;
}

ul#seclevelMenu li.addDivider {
    background: url("../Resources/sysimages/divider_menu.png") no-repeat right 2px;
    padding-right: 5px;
    margin: 9px 0 0 0;
}


/* >>> MAIN MENU - THIRD LEVEL <<<*/

#thirdmenuWrapper {
    display: block;
    clear: both;
    width: 872px;
    height: 481px;
    background: url("../Resources/sysimages/background_thirdlevelmenu.png") no-repeat;
    font-size: 13px;
}

ul#thirdlevelMenu {
    display: visible;
    list-style-type: none;
    margin: 0 0 0 20px;
    padding: 0;
}

ul#thirdlevelMenu li {
    float: left;
    display: block;
    height: 41px;
    margin: 0 0 0 4px;
    padding: 0;
    line-height: 24px;
    color: #098ace;
    font-weight: normal;
}

ul#thirdlevelMenu li a {
    color: #098ace;
    text-decoration: none;
}

ul#thirdlevelMenu li a:hover {
    text-decoration: underline;
}

ul#thirdlevelMenu li.selected {
    background: url("../Resources/sysimages/navitem_thirdmenu_selected.png") center no-repeat;
}

ul#thirdlevelMenu li.selected a{
    color: #044c77;
}

ul#thirdlevelMenu div.addDivider {
    background: url("../Resources/sysimages/divider_menu.png") no-repeat right 5px;
    padding-right: 5px;
}

ul#thirdlevelMenu div {
    padding-right: 5px;
}


/* SIDEBAR RIGHT
=========================================================*/

#sidebarMain {
    display: block;
    width: 132px;
    background: url("../Resources/sysimages/box_marginalie_bottom.png") no-repeat transparent bottom left;
}

div.spacerFirstlevel {
    margin: 110px 0 0 0;
}

div.spacerSecondlevel {
    margin: 50px 0 0 0;
}

div.spacerThirdlevel {
    margin: 20px 0 0 0;
}

#sidebarTop {
    display: block;
    width: 132px;
    background: url("../Resources/sysimages/box_marginalie_Top.png") no-repeat transparent top left;
    text-align: left;
}


/* >>> RIGHT CONTENT MARGIN - MAINLIST <<<*/

#sidebarTop ul.sidebarMainlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#sidebarTop ul.sidebarMainlist li {
    display: block;
    margin: 0;
    width: 114px;
    border-bottom: 3px solid #ffffff;
    padding: 5px 8px 5px 10px;
}

#sidebarTop ul.sidebarMainlist li.lastItem {
    border-bottom: none;
    padding: 5px 8px 8px 10px;
}

#sidebarTop li a.arrowedLink {
    display: block;
    background: url("../Resources/sysimages/arrow_link.png") no-repeat bottom right;
    width: 112px;
    text-decoration: none;
}

#sidebarTop li a.arrowedLink p {
    width: 92px;
}

#sidebarTop li a.arrowedLink h2 {
    width: 92px;
}


/* >>> RIGHT CONTENT MARGIN - TYPOFORMATS <<<*/

#sidebarTop h1 {
    color: #205a83;
    font-size: 18px;
    padding: 10px 8px 5px 10px;
    margin: 0;
}

#sidebarTop h2 {
    color: #205a83;
    font-size: 12px;
    margin: 5px 0 0 0;
}

#sidebarTop a:hover h2 {
    text-decoration: underline;
}

#sidebarTop p {
    color: #007cbf;
    margin: 2px 0 0 0;
    font-size: 10px;
}

#sidebarTop img {
    margin: 5px 5px 0 0;
}


/*  FOOTER - CONTENT LEFT
=========================================================*/

/* >>> SERVICE FOOTER <<<*/

#serviceFooter {
    display: block;
    clear: both;
    width: 651px;
}

#serviceFooter ul {
    margin: 0;
    padding: 45px 0 20px 10px;
}

#serviceFooter li {
    display: block;
    height: 24px;
    line-height: 24px;
    float: left;
    font-size: 10px;
    margin: 0 10px 0 0;
}

#serviceFooter li a {
    display: block;
    text-decoration: none;
    color: #004171;
    padding: 0 25px 0 25px;
}

#serviceFooter li a:hover {
    text-decoration: underline;
}

#serviceFooter li a.sendfriend {
    background: url("../Resources/sysimages/icon_mail.png") no-repeat left center;
}

#serviceFooter li a.print{
    background: url("../Resources/sysimages/icon_printer.png") no-repeat left center;
}

/* >>> MAIN FOOTER <<<*/

#mainFooter {
    display: block;
    clear: both;
    width: 715px;
    height: 23px;
    overflow: hidden;
    background: url("../Resources/sysimages/background_footer.png") no-repeat transparent;
    margin: 45px 0 0 15px;
    padding: 0 0 0 90px;
}

#mainFooter  ul {

}

#mainFooter li {
    display: block;
    height: 24px;
    line-height: 24px;
    float: left;
    font-size: 10px;
    margin: 0 10px 0 0;
}

#mainFooter li a {
    text-decoration: none;
    color: #004171;
}

#mainFooter li a:hover {
    text-decoration: underline;
}


/* TYPOGRAPHY
=========================================================*/

/* >>> PARAGRAPH AND HEADLINES <<<*/

.contentLeft p {
    font-size: 11px;
    color: #007cbf;
    margin: 0 0 15px 0;
    padding: 0 10px 0 10px;
    line-height: 15px;
}

.contentLeft td {
    font-size: 11px;
    color: #007cbf;
    margin: 0 0 15px 0;
    padding: 0 10px 0 10px;
    line-height: 15px;
}

.contentLeft h1 {
    font-size: 14px;
    color: #205a83;
    padding: 0 10px 0 10px;
    margin: 0;
}


.contentLeft h2 {
    font-size: 14px;
    color: #098ace;
    padding: 0 10px 0 10px;
    margin: 5px 0 20px 0;
}

.contentLeft h3 {
    font-size: 14px;
    color: #098ace;
    padding: 0 10px 0 10px;
    margin: 20px 0 10px 0;
}

.contentLeft h4 {
    font-size: 11px;
    color: #205a83;
    font-weight: bold;
    padding: 0 10px 0 10px;
    margin: 20px 0 5px 0;
}

#contentBox  hr {
    margin: 10px 0 0 10px;
    background: #205a83;
    color: #205a83;
    border: none;
    height: 1px;
}

#contentBox label {
    margin: 0 0 0 10px;
    font-size: 11px;
    color: #098ace;
}

#contentBox input {
   margin: 0 0 0 10px;
}

/* >>> STANDARD LIST <<<*/

.contentLeft ul {
    list-style-type: square;
    margin: 0 0 15px 0;  
    padding: 0 0 0 21px;
}

.contentLeft li {
    color: #098ace;
    font-size: 11px;
    margin-bottom: 10px;
}


/* >>> STANDARD IMAGES <<<*/

.contentLeft img {
    border: 1px solid #ffffff;
}

.contentLeft img.keyvisual {
    border: none;
}

.contentLeft img.left {
    float: left;
    margin: 0 20px 10px 10px;
}


.contentLeft img.right {
    float: right;
    margin: 0 10px 10px 20px;
}


/* >>> IMAGE BLOCK<<<*/

#imagelineWrapper {
    display: inline-block;
    clear: right;
    margin: 0 10px 10px 10px;
}

#imagelineWrapper img {
    float:left;
    margin: 0 10px 0 0;
}

/* >>> STANDARD PAGINATION <<<*/

#contentBox p.paginationStandard {
    float: right;
    font-size: 14px;
}

#contentBox p.paginationStandard a {
    color: #098ace;
    text-decoration: none;
}

#contentBox p.paginationStandard a.selected {
    color: #205a83;
    font-weight: bold;
}

#contentBox p.paginationStandard a:hover {
    text-decoration: underline;
}

/* >>> FANCY PAGINATION <<<*/

ul.paginationFancy {
    display: inline;
    margin: 0;
    padding: 0;
}
ul.paginationFancy li {
    list-style-type: none;
    margin: 0 20px 0 0;
}

#contentBox ul.paginationFancy a {
    display: block;   
    background: url("../Resources/sysimages/arrow_link.png") center right no-repeat;
    padding: 0 25px 0 0;
    font-size: 11px;
    color: #007cbf;
    text-decoration: none;
    line-height: 20px;
}

#contentBox ul.paginationFancy a:hover {
    text-decoration: underline;
}

#contentBox ul.paginationFancy li.overview {
    float: left;
    margin: 0 0 0 10px;
}

#contentBox ul.paginationFancy li.overview a {   
    background: url("../Resources/sysimages/arrow_link_back.png") center left no-repeat;
    padding: 0 0  0 25px;
}

#contentBox ul.paginationFancy li.back {
    float: right;
}

#contentBox ul.paginationFancy li.back a {   
    background: url("../Resources/sysimages/arrow_link_back.png") center left no-repeat;
    padding: 0 0 0 25px;
}

#contentBox ul.paginationFancy li.forward {
    float: right;
}

#contentBox ul.paginationFancy li.forward a {   
    background: url("../Resources/sysimages/arrow_link.png") center right no-repeat;
    padding: 0 25px 0 0;
}

/* >>> FORMS <<<*/

#contentBox label.spacing {
    display: inline-block;
    width: 90px;
}

#contentBox input.spacing {
    margin: 0 0 0 180px;
}

#contentBox input.auswertenButton {
    display: block;
    float: right;
}

#contentBox input.sendButton {
    width: 71px;
}

/* >>> LINKS <<<*/

#contentBox a {
    color: #098ace;
    text-decoration: underline;
}

#contentBox a:hover {
    color: #205a83;
    text-decoration: underline;
}

#contentBox a.pdfLink {
    display: inline-block;
    clear: both;    
    background: url("../Resources/sysimages/icon_pdf.png") center right no-repeat;
    padding: 0 20px 0 0;
    font-size: 11px;
    text-decoration: underline;
    text-align: left;
}

#contentBox a.routingLink {
    display: inline-block;
    clear: both;    
    background: url("../Resources/sysimages/icon_routing.png") center right no-repeat;
    padding: 0 30px 0 0;
    font-size: 11px;
    text-decoration: underline;
    text-align: left;
}


/* REUSABLE ELEMENTS
=========================================================*/

/* >>> STANDARD CONTENT BOX <<<*/

#contentBox .standardboxBody {
    display: block;
    clear: both;
    width: 651px;
    background: url("../Resources/sysimages/box_standard_body.png") no-repeat bottom;
}

#contentBox .standardboxContent img {
    border: none;
}

#contentBox .standardbox0 {
    display: block;
    width: 651px;
    background: url("../Resources/sysimages/box_standard_head.png") no-repeat top;
    padding: 10px 0 0 0;
}
#contentBox .standardboxFormular {
    display: block;
    width: 651px;
    background: url("../Resources/sysimages/box_standard_head.png") no-repeat top;
    padding: 10px 0 0 0;
    height: 55px;
}

#contentBox .standardbox1 {
    background: url("../Resources/sysimages/box_standard_head_red.png") no-repeat top;
    display: block;
    width: 651px;
    padding: 10px 0 0 0;
}

#contentBox .standardboxHeader {
    display: block;
    width: 628px;
    height: 35px;
    margin: 0 0 0 10px;
}

#contentBox .standardboxHeader h1 {
    display: block;
    float: left;
    color: #ffffff;
    font-size: 14px;  
    padding: 2px 10px 0 35px;
    line-height: 35px;
    margin: 0;
}
#contentBox .standardboxFormular h1 {
    display: block;
    float: left;
    color: #ffffff;
    font-size: 14px;  
    padding: 2px 10px 0 35px;
    line-height: 35px;
    margin: 0;
}

#contentBox .standardboxHeader p {
    display: block;
    float: right;
    color: #096aae;
    font-size: 14px;
    line-height: 35px;
    margin: 0;
    padding: 2px 35px 0 10px;
    font-weight: bold;
}

#contentBox .standardboxContent {
    display: block;
    width: 588px;
    margin: 25px 0 0 10px;
    padding: 0 10px 20px 30px;
}

#contentBox .standardboxContent h1 {
    padding: 0 15px 20px 0;
}

#contentBox .standardboxContent h2 {
    padding: -20px 15px 20px 0;
}

#contentBox .standardboxContent h4 {
    padding: 0 15px 0 0;
}

#contentBox .standardboxContent h3 {
    padding: 0 15px 0 0;
}

#contentBox .standardboxContent label {
    margin: 0;
    vertical-align: top;
}

#contentBox .standardboxContent form p {
    margin: 0 0 5px 0;
}

#contentBox .standardboxContent input {
    margin: 0;
}

#contentBox .standardboxContent textarea {
   margin: 10px 0 0 0; 
}

#contentBox .standardboxContent select {
   margin: 5px 0 10px 0;
}

#contentBox .standardboxContent hr {
    margin: 0 300px 20px 0;
    background: #205a83;
    color: #205a83;
    border: none;
    height: 1px;
}

#contentBox .standardboxContent p {
    padding: 0 15px 0 0;
}

#contentBox .standardboxContent img {

    padding: 3px 8px 8px 3px;
    background: url("../Resources/sysimages/border_image.png") bottom right;
}

#contentBox .standardboxContent img.left {
    float: left;
    margin: 0 10px 10px 0;
}

#contentBox .standardboxContent img.right {
    float: right;
    margin: 0 0 10px 10px;
}

#contentBox a.standardboxLink {
    display: block;
    clear: both;    
    background: url("../Resources/sysimages/arrow_link.png") center right no-repeat;
    padding: 0 25px 0 0;
    font-size: 11px;
    color: #007cbf;
    text-decoration: none;
    text-align: right;
}

#contentBox a:hover.standardboxLink {
    text-decoration: underline;

}


/* TEASERS BOXES
=========================================================*/

/* >>> FIXED TEASER BOX <<<*/

#contentBox .fixedteaserboxWrapper {
    display: block;
    clear: both;
    width: 651px;
    height: 204px;
    padding: 14px 0 0 0;
}

#contentBox .fixedteaserboxHeader {
    display: block;
    width: 628px;
    height: 35px;
    margin: 0 0 0 10px;
}

#contentBox .fixedteaserboxHeader h1 {
    display: block;
    float: left;
    color: #ffffff;
    font-size: 14px;  
    padding: 2px 10px 0 35px;
    line-height: 35px;
    margin: 0;
}

#contentBox .fixedteaserboxContent {
    display: block;
    width: 588px;
    height: 80px;
    overflow: hidden;
    margin: 0 0 0 10px;
    padding: 25px 10px 20px 30px;
}

#contentBox .fixedteaserboxContent p {
    padding: 0 15px 0 160px;
}

#contentBox .fixedteaserboxFooter {
    display: block;
    height: 20px;
    width: 628px;
    margin: 0 0 0 10px;
    line-height: 25px;
}

#contentBox .fixedteaserboxFooter a {
    display: block; 
    background: url("../Resources/sysimages/arrow_link.png") center right no-repeat;
    padding: 0 25px 0 0;
    margin: 0 10px 0 0;
    font-size: 11px;
    color: #007cbf;
    text-decoration: none;
    text-align: right;
}

#contentBox .fixedteaserboxFooter a:hover {
    text-decoration: underline;

}


/* >>> SMALL TEASER BOXES - ONLY IMAGE <<<*/

#contentBox ul.smallTeasers {
    margin: 0;
    padding: 0;
    clear: both;
}

#contentBox ul.smallTeasers li {
    display: block;
    float: left;
}

#contentBox ul.smallTeasers img {
    border: none;
}

/* INDIVIDUAL LAYOUT - HOMEPAGE
=========================================================*/

/* >>> SMALL TEASER BOXES - ONLY IMAGE <<<*/

/*
#contentBox .leistungsfaehigkeit {
   background: url("../Resources/_intern/images/tb_leistungsfaehigkeit.jpg") no-repeat transparent;
}

#contentBox .regeneration {
   background: url("../Resources/_intern/images/tb_regeneration.jpg") no-repeat transparent;
}

#contentBox .widerstandskraft {
   background: url("../Resources/_intern/images/tb_widerstandskraft.jpg") no-repeat transparent;
}

#contentBox .ernaehrung {
   background: url("../Resources/_intern/images/tb_ernaehrung.jpg") no-repeat transparent;
}

#contentBox .rundumdensport {
   background: url("../Resources/_intern/images/tb_rundumdensport.jpg") no-repeat transparent;
}
*/

/* INDIVIDUAL LAYOUT - PRODUKTDETAIL
=========================================================*/

/* >>> SMALL DETAIL BOX <<<*/

#contentBox .productdetailboxBody {
    display: block;
    width: 201px;
    background: url("../Resources/sysimages/box_productdetail_body.png") no-repeat bottom;
}   

#contentBox .productdetailboxTop {
    display: block;
    width: 201px;
    background: url("../Resources/sysimages/box_productdetail_top.png") no-repeat top;
}

#contentBox .productdetailboxBody table {
    font-size: 11px;
    margin: 0px 10px 10px 10px;
    border-spacing: 5px;
}

#contentBox .productdetailboxBody td {
    color: #007cbf;
}

#contentBox .productdetailboxBody th {
    color: #205a83;
}


/* INDIVIDUAL LAYOUT - HINWEISE UND ZUSAMMENSETZUNG
=========================================================*/

/* >>> TABLE INGREDIENTS <<<*/

#contentBox table.ingredients {
    margin: 10px 0 0 0;
}

#contentBox table.ingredients th {
    font-size: 14px;
    color: #ffffff;
    height: 50px;
    vertical-align: top;
}

#contentBox table.ingredients td {
    color: #007cbf;
    font-size: 11px;
    padding: 0 10px 10px 0;
}    

#contentBox table.ingredients {
    text-align: right;
}

#contentBox table.ingredients .left {
    text-align: left;
}

#contentBox table.ingredients h3 {
    margin: 0 0 5px 0;
}


/* INDIVIDUAL LAYOUT - KONTAKTFORMULAR
=========================================================*/

/* >>> COLUMNS <<<*/

#contentBox .contactleftColumn {
    display: block;
    width: 320px;
    float: left;
}

#contentBox .contactrightColumn {
    display: block;
    width: 220px;
    float: left;
    border-left: 1px solid #205a83;
    padding: 10px 0 0 30px;
}

#contentBox .contactFooter {
    display: block;
    width: 500px;
    height: 10px;
    clear: both;
}

/* >>> FORM ELEMENTS <<<*/

#contentBox .contactForm label {
    display: inline-block;
    width: 80px;
}

#contentBox .contactForm input {
    display: inline-block;
    width: 200px;
}

#contentBox .contactForm textarea {
    display: inline-block;
    width: 200px;
}

#contentBox .contactForm input.sendButton {
    display: inline-block;
    width: 71px;
    margin: 10px 0 0 211px;
}


/* INDIVIDUAL LAYOUT - SITEMAP
=========================================================*/

#contentBox ul.sitemap  {
    margin: 0 0 50px 0;
}

#contentBox ul.sitemap a {
    text-decoration: none;
}

#contentBox ul.sitemap a:hover {
    text-decoration: underline;
}

#contentBox ul.sitemap li {
    list-style-type: none;
    font-size: 14px;
    font-weight: bold;
}

#contentBox ul.sitemap li a{
    color: #205a83;
}

 #contentBox ul.sitemap ul {
    list-style-type: none;
}

#contentBox ul.sitemap ul li  {
    font-size: 11px;
    margin: 0 0 10px 0;
    font-weight: normal;
}

#contentBox ul.sitemap ul li a {
    color: #205a83;
}

#contentBox ul.sitemap ul li ul  {
    font-size: 11px;
    margin-top: 5px;
    font-weight: normal;
}

#contentBox ul.sitemap ul li ul li {
    font-size: 11px;
    margin: 0;

}

#contentBox ul.sitemap ul li ul li a {
    color: #007cbf;
}

.errormessage .threefieldsallempty, .errormessage .telefonempty
{
    display: none;
    color: #FF0000;
    padding-bottom: 30px;   
}
.errormessage li
{
    color: #FF0000;
}
.errormessage .showerror
{
    display: block;    
}








