@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);
/* ----------------------------------------------------- COLORS
 light grey: #808080
 dark grey: #666
 orange: #f8b84e
 blue: #6895ce
*/


/* ----------------------------------------------------- GENERIC */

html { 
 overflow-y: scroll;
}
body {
 background: #fff url(_img/bg_blue.gif) no-repeat center 0;
 font: 12px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 color: #808080;
 text-align: center;
 margin: 0;
 overflow-x: hidden;
}
body#ueber-theranovis, body#dahinter-stehen-wir, body#kontakt,
body#alles-rund-um-die-bestellung, body#impressum, body#news,
body#agb, body#presse {
 background: #fff url(_img/bg_orange.gif) no-repeat center 0;
}
a {
 color: #808080;
}
a:link {
 color: #808080;
 text-decoration: none;
}
a:visited {
 color: #808080;
 text-decoration: underline;
}
a:hover {
 color: #555;
 text-decoration: none;
}
a:active {
 color: #88808b;
}
h1 {
 font-size: 15px;
 line-height: 18px;
 font-weight: bold;
 padding-bottom: 3px;
}
h2 {
 font-weight: bold;
 padding-top: 8px;
}
sup {
 font-size: 11px;
 vertical-align: top;
}
strong {
 font-style: normal;
 font-weight: bold;
}
bold {
 font-weight: bold;
}
em {
 font-style: italic;
}
p {
 padding: 3px 0;
}
p.client {
 font-weight: bold;
}
p.space {
 padding: 16px 0 0 0;
}
p.clean a:link {
 text-decoration: none;
}
p.clean a:visited {
 text-decoration: none;
}
p a:link, #comments a:link {
 text-decoration: underline;
}
blockquote {
 padding: 20px 0 0 0;
 font-style: italic;
}
#wrapper {
 margin: 30px auto;
 width: 987px;
 text-align: left;
}

/* ----------------------------------------------------- HEADER */
#header {
 height: 112px;
}
#logo {
 height: 82px;
 width: 200px;
 background: #fff url(_img/logo_theranovis.gif) no-repeat 0 0;
}
#logo a{
 width: 100%;
 height: 100%;
 display: block;
}
#logo span{
 display: none;
}
/* ----------------------------------------------------- SIDEBAR */
#sidebar {
 width: 190px;
 float: left;
 margin: 0 0 0 90px;
 display: inline;
}
#sidebar a:visited {
 text-decoration: none;
}
#sidebar li a {
 margin: 4px 0;
 padding: 0 0 0 6px;
 display: block;
}
#sidebar li a.active{
 color: #000;
}
#sidebar li a:hover{
 color: #000;
}
/* --------------------------- SHOP NAVIGATION */
#sidebar ul#menu-shop .shop a{
 width: 168px;
 background: #f8b84e;
 color: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 font-weight: bold;
}
#sidebar ul#menu-shop .shop a:hover{
 color: #fff;
}
#sidebar ul#menu-shop .shop span{
 background: transparent url(_img/basket.png) no-repeat 0 2px;
 display: block;
 padding: 8px 0 8px 26px;
}
#sidebar ul#menu-shop li.current-menu-item a {
 color: #000;
}
/* --------------------------- NAVIGATION */
#navigation {
 padding: 0 0 0 1px;
}
#navigation li a{
 background: #fff;
 border: 1px solid #f8b84e;
 color: #f8b84e;
 width: 164px;
 display: block;
 padding: 1px 0 2px 6px;
 margin: 12px 0;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 font-weight: bold;
 line-height: 16px;
}
#navigation li.first a{
 margin: 0 0 12px 0;
}
#navigation li a:hover{
 background: #f8b84e;
 color: #fff;
}
#navigation li.current-menu-item a, #navigation li.current-menu-ancestor a {
 background: #f8b84e;
 color: #fff;
 margin: 0;
}
#navigation li.current-menu-item.last a, #navigation li.current-menu-ancestor.last a {
 background: #f8b84e;
 color: #fff;
 margin: 0 0 12px 0;
}
#navigation ul{
 padding: 2px 0 0 0;
}
#navigation ul li a{
 background: none;
 border: none;
 color: #808080;
 padding: 2px 0 2px 6px;
 margin: 4px 0;
 font-weight: normal;
}
#navigation li.current-menu-item ul li a, #navigation li.current-menu-ancestor ul li a{
 background: none;
 border: none;
 color: #808080;
}
#navigation li ul li a:hover{
 background: none;
 border: none;
 color: #000;
}
#navigation li ul li.current-menu-item a{
 background: none;
 border: none;
 color: #000;
}
#navigation li ul li.current-menu-item ul li a{
 background: none;
 border: none;
 color: #808080;
}
#navigation li ul li ul li a:hover{
 background: none;
 border: none;
 color: #000;
}
#navigation ul ul{
 padding: 0 0 0 10px;
}
#navigation ul ul li.current-menu-item a{
 margin: 4px 0;
}
/* ----------------------------------------------------- CONTENT */
#content {
 float: left;
}
#content li a:visited {
 text-decoration: none;
}
#content ol {
 padding: 3px 0;
 list-style-type: decimal;
 list-style-position: inside;
}
#content ul {
 padding-left: 14px;
 list-style-type: disc;
}
/*#content ul.small {
 width: 120px;
}*/
#content ul li, #content ol li{
 padding: 0 0 3px 0;
}
#content ol li.none{
 text-indent: -9999px;
 height: 0;
}
#content ul#contact_list {
 list-style-type: none;
 padding: 0;
}
#content ul#contact_list li{
 font-weight: bold;
 padding: 2px 0 2px 25px;
 margin: 10px 0;
 background: transparent url(_img/bg_contact.gif) no-repeat;
}
#content ul#contact_list li#contact_service {
 background-position: 0 10px;
}
#content ul#contact_list li#contact_phone {
 background-position: 0 -44px;
}
#content ul#contact_list li#contact_shop {
 background-position: 0 -22px;
}
#content ul#contact_list li#contact_email {
 background-position: 0 -64px;
}
#content ul#contact_list li#contact_address {
 background-position: 0 -86px;
}
#content .page-link {
 font-weight: bold;
}
#content .page-link a {
 font-weight: normal;
}
/* --------------------------- SPRAY */
#spray {
 position: relative;
 height: 270px;
 margin: 10px 0;
}
#spray img{
 position: absolute;
}
#spray #spray_text {
 position: absolute;
 top: 85px;
 left: 175px;
}
#slider {
 position: absolute;
 top: 195px;
 left: 40px;
 width: 216px;
 height: 80px;
 background: transparent url(_img/blank.png) no-repeat 14px 0;
}
#slider li {
 list-style: none;
}

#helix {
 position: absolute;
 top: 295px;
 left: 235px;
 z-index: -100;
}
#theranovis_oral {
 height: 80px;
}
.box {
 color: #fff;
 margin: 20px 0;
 padding: 5px 10px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.box h2 {
 font-weight: bold;
 line-height: 10px;
}
#blue {
 background: #6895ce;	
}
#orange {
 background: #f8b84e;
}
.phase {
 margin-top: 20px;
 width: 64px;
 height: 64px;
 text-align: center;
 display: block;
 float: left;
}
.phase span{
 font-weight: bold;
}
#column1 {
 float: left;
 margin: 0 15px;
 width: 270px;
 min-height: 335px;
 height: auto !important;
 height: 335px;
 position: relative;
}
#column2 {
 float: left;
 width: 375px;
 margin: 80px 0 0 15px;
 min-height: 255px;
 height: auto !important;
 height: 255px;
}
#column_double {
 float: left;
 width: 621px;
 margin: 0 14px;
 min-height: 500px;
 height: auto !important;
 height: 500px;
 display: inline;
}
#column_double #column1{
 float: left;
 width: 230px;
 margin: 0 14px;
 min-height: 500px;
 height: auto !important;
 height: 500px;
 display: inline;
}
/*
body#theranovis-oral-aktion #column2, body#ueber-theranovis #column2,
body#dahinter-stehen-wir #column2, body#kontakt #column2, body#alles-rund-um-die-bestellung #column2,
body#impressum #column2, body#agb #column2, body#anwendung #column2,
body#empfehlen-sie-uns-weiter #column2, body#haeufig-gestellte-fragen #column2 {
 margin-top: 0;
 min-height: 335px;
 height: auto !important;
 height: 335px;
}*/
#column2_adjusted {
 float: left;
 width: 375px;
 margin-top: 0;
 min-height: 335px;
 height: auto !important;
 height: 335px; 
}
#column1 .post {
 margin-bottom: 20px;
}
/* ----------------------------------------------------- COMMENTS */
#comments .comment {
 margin: 5px 0;
 padding: 5px;
 color: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
#comments .comment a{
 color: #fff;
}
#comments .comment.even {
 background: #6895ce;
}
#comments .comment.odd {
 background: #4677b6;
}
#comments .comment.even.byuser {
 background: #f8b84e;
}
#comments .comment.odd.byuser {
 background: #e7a435;
}
#comments .commentmetadata {
 font-size: 10px;
}
#comments #respond input, #comments #respond textarea{
 width: 260px;
}
/* ----------------------------------------------------- FOOTER */
#footer {
 margin: 100px 0 0 295px;
 padding: 5px 0;
 height: auto;
 width: 635px;
 float: left;
}
#footer ul li{
 float: left;
 padding: 5px 15px 5px 0;
 height: 20px;
}
#footer ul li.social{
 padding: 5px 5px 5px 0;
}
#footer ul li a{
 margin-top: 3px;
 display:  block;
}
#footer a {
 color: #808080;
 padding: 1px 0 0 0;
}
#footer a:link {
 color: #808080;
 text-decoration: none;
}
#footer a:visited {
 color: #808080;
 text-decoration: none;
}
#footer a:hover {
 color: #000;
 text-decoration: none;
}
#footer .facebook {
 padding-left: 20px;
 background: transparent url(_img/social/facebook.png) no-repeat 0 3px;
}
#footer .youtube {
 padding-left: 20px;
 background: transparent url(_img/social/youtube.png) no-repeat 0 3px;
}
img#wpstats{
 display:none
}
/* ----------------------------------------------------- RECOMMENDATION */

label {
 width: 220px;
 display: block;
}
input, textarea {
 width: 215px;
 border: 1px solid #808080;
 color: #666;
 font: 12px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#wp-email-submit {
 width: 215px;
 height: 34px;
 background: #f8b84e;
 color: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border: none;
}
#submit {
 width: 215px;
 height: 34px;
 background: #f8b84e;
 color: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border: none;
}
#submit:hover, #wp-email-submit:hover {
 background-position: 0 -35px;
}
.element, .captcha, .submit {
 width: 220px;
 padding: 5px 0;
}
.captcha img {
 padding: 5px 0;
}
#content .errors {
 background: #fbebc4;
 border: 1px solid #f8b84e;
 color: #f8b84e;
 width: 207px;
 margin: 2px 0;
 padding: 0 4px;
}
#content .errors li {
 list-style: none;
 padding: 2px 0;
}

/* ----------------------------------------------------- SURVEY */
#umfrage p{
 width: 500px;
}
#umfrage p#now {
 width: 153px;
}
#survey label {
 margin-right: 14px;
 width: 256px;
 display: block;
 float: left;
 height: auto;
}
#survey input, #survey textarea {
 width: 256px;
 border: 1px solid #808080;
 color: #666;
 font: 12px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#survey input.check, #survey span.wpcf7-checkbox input, #survey span.wpcf7-radio input {
 width: auto;
 height: auto;
 border: none;
 float: left;
}
#survey span.information span.wpcf7-checkbox input {
 margin: 2px 10px 40px 0;
}
#survey span.telefonisch span.wpcf7-checkbox input, #survey span.bestellung span.wpcf7-checkbox input {
 margin: 2px 10px 20px 0;
}
#survey #submit {
 width: 260px;
 height: 34px;
 background: #f8b84e;
 color: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border: none;
 margin-left: 270px;
}
#survey #submit:hover {
 background-position: 0 -35px;
}
#survey .element, #survey .captcha, #survey .submit {
 width: 621px;
 padding: 10px 0;
 float: left;
}
#survey .element_double{
 width: 621px;
 padding: 10px 0;
 height: auto;
}
#survey .element_double p {
 float: right;
 display: block;
 width: 500px;
 margin-right: 92px;
}
#survey .element p {
 width: 256px;
 margin-right: 14px;
 float: left;
 font-weight: bold;
}
#survey .element .element_items{
 width: 340px;
 float: right;
}
#survey .element .element_items .item{
 width: 300px;
 height: 20px;
 display: block;
}
#survey .element .element_items p{
 width: 330px;
}
#survey .element .element_items .float_item{
 width: 60px;
 height: 20px;
 float: left;
}
#survey .element .element_items .float_item label{
 width: 30px;
 margin: 0;
}
#survey #captcha {
 margin-left: 270px;
}
#survey .captcha img {
 padding: 5px 0;
}
#umfrage #content .errors {
 width: 500px;
}