/* Start of CMSMS style sheet 'Standard' */
/*************************************************************************
*   
*   G L O B A L  S T Y L E  S H E E T
* 
*************************************************************************/
.contactform2 div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform2 div label {display: block; width: 20em; }
.contactform2 div.required {color: #990000;}
.contactform2 div.required label{color: #666666;}

.bestellung div {width: 100%; padding: 0.25em 0 0.25em 0;}
.bestellung div label {display:block; float:left; width:150px; }
.bestellung div.required {color: #990000;}
.bestellung div.required label{color: #666666;}

.bestellung1 .s-weiter {
 background:url('uploads/images/bg/de/btn-weiter.png') repeat-none;
}
.bestellung1 div {width: 100%; padding: 0.25em 0 0.25em 0;}
.bestellung1 div label {display:block; float:left; width:340px; }
.bestellung1 div.required {color: #990000;}
.bestellung1 div.required label{color: #666666;}
.bestellung1 .summe {background:#FFFFFF; border:none; color:#666666; font-weight:bold;}

dfn{
display:none;
}

* {
 margin: 0;
 padding: 0;
}

body {
 font-family: 'Lucida Grande',Arial,sans-serif;
 font-size: 12px;
 line-height: 18px;
 color: #666;
 margin: 37px 0 10px 0;
 background: #f7eaea url('uploads/images/bg/bg.png') repeat-x 0 0;
}

body.home {
 text-align: center;
}

div {text-align: left;}
li {list-style: none;}

.cleaner {clear: both;}

h1, h2, h3, h4, h5 {
 font-weight: normal;
 color: #ba2f2f;
 line-height: 18px;
 margin-bottom: 18px; 
}

h1 {display: none;}

h3 {
 font-size: 17px;
 padding-bottom: 10px;
 border-bottom: 1px solid #e7eff5;
}

h4 {
 font-size: 13px;
 color: #cd3636;
 font-weight: bold;
}

p, ul, ol {margin-bottom: 18px;}

ul {
 list-style: none;
 color: #ba2f2f;
}

ul li {
 padding-left: 12px;
 margin-left: 10px;
 background: transparent url('uploads/images/bg/li-bullet.png') no-repeat 0 50%;
 background-position: left 7px;
}

a { 
 text-decoration: none;
 color: #cd3636;	 
 padding-bottom: 1px;
 background: transparent url('uploads/images/bg/a-underline.png') repeat-x 100% 100%;	
}

a:hover {color: #ba2f2f;}


.btn-bestellung {
background:none;
}

#content-right .imglink a {
background:none;
}
#content-right .imglink a:hover {
background:none;
}



.hide, span {display: none;}
#content-right span{display:inline;}

.divider {
 width: 438px;
 height: 1px;
 float: left;
 margin: 15px 0;
 background: #e7eff5;
}

p.error {
 width: 438px;
 color: #f58f16;
 font-size: 11px;
 font-weight: bold;
}

.error {color: #f58f16;}
.nofloat {float: none;}

img {border:0;}

table.details, table.details td {border-collapse:collapse;border:1px dotted #4680b5;padding-left:2px;}

/*Header*/
body.sitemap a#sitemap,
body.accessibility a#accessibility,
body.contact a#contact {color: #003366;}

/*Footer*/
body.terms a#terms,
body.privacy a#privacy,
body.customer a#customer {color: #cd3636;}

body.home h2 {
 color: #ba2f2f;
 font-size: 16px;
 font-weight: bold;
}


/*--------------------------------------------------------------------------
Template
--------------------------------------------------------------------------*/

#container {
 width: 950px;
 margin: 0 auto;
}

#accessibilitylinks {display: none;}

#container-left {
 width: 20px; 
 height: 539px;
 margin-top: 70px;
 background: #cd3636 url('uploads/images/bg/bg-left.png') no-repeat 0 0;
 float: left;
}

#container-center {
 width: 720px;
 float: left;
 background: #fff;
}

#container-right {
 width: 210px; 
 margin-top: 70px;
 background: #cd3636 url('uploads/images/bg/bg-right.png') no-repeat 0 0;
 float: left;
}

div.banners {
display:block;
padding-left:4px;
background:#f7eaea;
}

address {
 padding-top: 40px;
 padding-left: 20px;
 background:  #f7eaea url('uploads/images/bg/bg-address.png') no-repeat 0 0;
 font-style: normal;
 font-size: 11px;
 color: #cd3636;
}

#wrapper {
 width: 700px;
 margin: 0 10px;
 display: inline;
 float: left;
}

/*--------------------------------------------------------------------------
Header, Footer
--------------------------------------------------------------------------*/

#header {
 width: 720px;
 height: 87px;
 background: url('uploads/images/bg/bg-header.png') no-repeat 0 0;
 float: left;
}

#logo {	
height:89px;
margin:17px 0pt 0pt 20px;
width:215px;
 background: transparent url('uploads/images/bg/s2b_logo.png') no-repeat 0 0;
 display: inline-block;
 float: left;
 
 	
}

#footer {
 width: 720px;
 height: 52px;
 margin-top: 10px;
 background: #F7EAEA url('uploads/images/bg/bg-footer.png') no-repeat 0 0;
 float: left;
}

#copyright {
 margin: 16px 0 0 10px;
 font-size: 11px;
 color: #b9bcbe;	
 display: inline;
 float: left;
}

/*--------------------------------------------------------------------------
Header, Footer Links
--------------------------------------------------------------------------*/

#breadcrumb {
background:#f7eaea url('uploads/images/bg/bg-bread.png') repeat-x scroll 0pt;
border-bottom:1px solid #ba2f2f;
float:left;

height:29px;
margin-top:10px;
text-transform:none;
width:700px;
}
#breadcrumb h3 {
padding-top:10px;
width:154px;
border:medium none;
display:inline;
float:left;
height:18px;
margin:5px 0pt 5px 14px;
padding:0pt;
}
#breadcrumb .breadnav {
padding-top:5px;
}

#breadcrumb a { 
 text-decoration: none;
 font-weight:bold;
 color: #cc7777;
 background:none;
}
#breadcrumb a:hover {color: #ba2f2f;}

#breadcrumb .lastitem {
display:inline;
color:#ba2f2f;
}

#headerlinks,
#footerlinks {
 text-transform: none;
 margin: 6px 10px 0 0;
 display: inline;
 float: right;
}
#footerlinks {margin-top: 16px;}

#headerlinks li,
#footerlinks li {
 height: 19px;
 background: transparent url('uploads/images/bg/bg-header-divider.png') no-repeat top right;
 margin: 0;
 padding: 0 10px;
 display: inline;
 float: left;
}

#footerlinks li {background: transparent url('uploads/images/bg/bg-footer-divider.png') no-repeat top right;}

#headerlinks li.last,
#footerlinks li.last { 
 background: none; 
 padding: 0 0 0 10px;
}

#headerlinks a,
#footerlinks a {
 font-size: 11px; 
 color: #fff; 
 background: none;
 white-space: nowrap;
}

#footerlinks a {color: #ba2f2f;}
#headerlinks a:hover {color: #ba2f2f;}
#footerlinks a:hover {color: #cc7777;}

/*--------------------------------------------------------------------------
Content
--------------------------------------------------------------------------*/

#content {
 width: 700px;
 margin-top: 10px;
 float: left;
}

#content-left {
 width: 232px;
 height:100px;
 float: left;
 background-color:#E7EFF7;
}

#content-right {
 width: 438px;
 margin: 18px 10px;
 display: inline;
 float: right;
}

#content-right a {text-transform: none;}

#content-right a:hover {
 background: #f6e3e3 url('uploads/images/bg/a-underline.png') repeat-x 100% 100%;
}

/*--------------------------------------------------------------------------
Banner
--------------------------------------------------------------------------*/

#banner {
 width: 700px;
 margin-top: 10px;
 float: left;
}

#banner-left {
 width: 700px;
 height: 170px;
 float: left;
}


/*--------------------------------------------------------------------------
Login
--------------------------------------------------------------------------*/

#login {margin: 10px 15px 0 15px;}
#login fieldset {border: 0 none;}
#login legend {display: none;}
#login label {display: none;}

h3.login  {
 border: 0 none;
 margin: 18px 15px 0 15px;
 text-indent: -4000px;
 height: 23px;
}

#login .field { 
 width: 180px;
 height: 26px;
 margin: 0 0 10px 0;
 background: #fff url('uploads/images/bg/input-field.png') no-repeat 0 0;
}

#login input {
 font-size: 11px;
 border: 1px solid #fff;
 float: left;
 margin: 5px 0 0 5px;
}

#login #login2 {
 width: 66px;
 height: 24px;
 border: 0 none;
 display: block;
 cursor: pointer;
}

#username
{
width: 160px
}

#password
{
width: 160px
}

#login #login:hover {background-position: 0 -24px;}

/*--------------------------------------------------------------------------
News
--------------------------------------------------------------------------*/
h3.fbnews  {
 color: white;
 padding-left: 15px;
 padding-top: 20px;
 padding-bottom: 0px;
 border-bottom: none;
 height: 17px;
}

h3.news  {
 border: 0 none;
 margin: 18px 15px 0 15px;
 text-indent: -4000px;
 height: 14px;
}

dl.news {
 color: #fff;
 font-size: 11px;
 margin: 0 15px;
 padding-top: 12px;
 background: transparent url('uploads/images/bg/dl-divider.png') repeat-x 0 0;
}

dl.news.first {background: none;}

dl.news dt {
 margin: 0;
 line-height: normal;
 font-weight: bold;
}

dl.news dd {margin: 10px 0;}

dl.news dd a {
 padding-left: 10px;
 color: #ba2f2f;
 background: transparent url('uploads/images/bg/bg-dd-arrow.png') no-repeat 0 50%;
}

dl.news dd a:hover {color: #fff;}

#morenews {
 width: 103px;
 height: 24px;
 display: block;
 margin: 0 0 0 15px; 

 padding: 0;
}

#morenews:hover {background-position: 0 -24px;}

/*--------------------------------------------------------------------------
News
--------------------------------------------------------------------------*/

dl.news dt a {
 height: 25px;
 color: #cd3636;
 background: none;	
}

dl.news dt a:hover {color: #ba2f2f;}

dl.news dd {
 padding-left: 0px;
 line-height: 18px;
 margin: 10px 0;
}

dl.news dd.date, dl.news dd.source {
 margin: 0;
 color: #a5a5a5;
 font-size: 11px;
}


/*--------------------------------------------------------------------------
Navigation 
--------------------------------------------------------------------------*/

#navigation {
 width: 470px;
 float: left;
 margin: 0;
 border-bottom: 6px solid #f7eaea;
 display: inline;
 float: left;
 padding-left:230px;	
}

#navigation li {
 margin: 0;
 padding: 0;
 list-style: none;
 white-space: nowrap;
 display: inline;
 float: left;
}

#navigation a {
 margin: 0 1px 0 0; 
 padding: 0 0 0 14px;
 color: #fff;	 
 font-size: 12px;  	
 text-transform: none;
 background: #cd3636 url('uploads/images/bg/bg-nav-left.png') no-repeat left top;
 display: inline-block;
 float: left;   
}

#navigation a span {    
 padding: 5px 14px 6px 0;  
 background: #cd3636 url('uploads/images/bg/bg-nav-right.png') no-repeat right top;
 display: block;
 float: left;
 white-space: nowrap;
}

#navigation a:hover {background: #cd3636 url('uploads/images/bg/bg-nav-left.png') no-repeat 0 -52px;}
#navigation a:hover span {background: #cd3636 url('uploads/images/bg/bg-nav-right.png') no-repeat 100% -52px;}


/*Active State*/	
body.home #navigation #home,
body.about #navigation #about,
body.services #navigation #services,
body.links #navigation #links,
body.news #navigation #news,
body.communities #navigation #communities,
body.careers #navigation #careers {background: #124577 url('uploads/images/bg/bg-nav-left.png') no-repeat 0 -104px;}

body.home #navigation #home span,
body.about #navigation #about span,
body.services #navigation #services span,
body.links #navigation #links span,
body.news #navigation #news span,
body.communities #navigation #communities span,
body.careers #navigation #careers span {background: #124577 url('uploads/images/bg/bg-nav-right.png') no-repeat 100% -104px;}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float: none;}
/* End IE5-Mac hack */
#navigation a:hover span {color: #fff;}

/*--------------------------------------------------------------------------
Sub Navigation - Level Two
--------------------------------------------------------------------------*/

#sub-navigation {
 width: 232px;
 height:58px;
 float: left;
}

#sub-navigation ul {
 padding-bottom: 20px;
 margin: 0;
 background: #f6e3e3 url('uploads/images/bg/bg-sub-bottom.png') no-repeat 0 100%;
}

#sub-navigation ul li {

 margin: 0; 
 padding: 4px 0;
 background: none;
}

#sub-navigation ul li a {
 font-size: 11px;
 height: 28px;
 font-weight: bold;
 line-height: 26px;
 background: transparent url('uploads/images/bg/a-subnav.png') no-repeat 0 0;
 display: block;
 margin: 0 17px;
 padding: 0 0 0 22px;
 color: #ba2f2f;
}

#sub-navigation ul li a:hover {background-position: 0 -28px;}
#sub-navigation ul li a.active {background-position: 0 -56px; color:#cd3636;}

/*--------------------------------------------------------------------------
Sub Navigation - Level Three
--------------------------------------------------------------------------*/

#sub-navigation ul ul {
 margin: 8px 0 0 0;
 padding: 0;
 background: none;
}

#sub-navigation ul ul li {
 margin: 0; 
 padding: 0;
}

#sub-navigation ul ul li a {
 margin: 0 17px 0 39px; 
 height: 20px;
 line-height: 20px;
 padding: 0 0 0 10px;
 font-weight: normal;
 background: #f6e3e3 url('uploads/images/bg/a-subnav-arrow.png') no-repeat 0 50%;
 color: #ba2f2f;
}

#sub-navigation ul ul li a:hover,
#sub-navigation ul ul li a.active {
 background: #f6e3e3 url('uploads/images/bg/a-subnav-arrow.png') no-repeat 0 50%;
 color: #cc7777;
}

/*--------------------------------------------------------------------------
Sub Navigation - Level Four
--------------------------------------------------------------------------*/

#sub-navigation ul ul ul {
 margin: 0 0 0 0;
 padding: 0;
 padding-left:10px;
 background: none;
}

#sub-navigation ul ul ul li {
 margin: 0; 
 padding: 0;
}

#sub-navigation ul ul ul li a {
 margin: 0 17px 0 39px; 
 height: 20px;
 line-height: 20px;
 padding: 0 0 0 10px;
 font-weight: normal;
 background: #f6e3e3 url('uploads/images/bg/a-subnav-arrow.png') no-repeat 0 50%;
 color: #ba2f2f;
}

#sub-navigation ul ul ul li a:hover,
#sub-navigation ul ul ul li a.active {
 background: #f6e3e3 url('uploads/images/bg/a-subnav-arrow.png') no-repeat 0 50%;
 color: #cc7777;
}


/*--------------------------------------------------------------------------
News Content
--------------------------------------------------------------------------*/

#content-right dl.news {
 color: #666;
}
#content-right dl.news dd a {
background:none;
padding-left:0px;
}
#content-right dl.news dd a:hover {
 color: #ba2f2f;
 background:#F2F6F9 url(uploads/images/bg/a-underline.png) repeat-x scroll 100%;
}
/* End of 'Standard' */