﻿/************************************************************************************
FONTS
*************************************************************************************/
/* Montserrat-Regular -> Ersatz von Gotham */
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot');
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Regular.woff') format('woff'),
       url('../fonts/Montserrat-Regular.ttf') format('truetype'),
       url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.eot');
  src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Bold.woff') format('woff'),
       url('../fonts/Montserrat-Bold.ttf') format('truetype'),
       url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html, body, #form1 {
    height: 100%;
}
html {
    min-height: 100%;
    position: relative;
}

body
{
	color: #5e5e5e;
	font-family: 'Montserrat-Regular', 'Avenir LT W01_35 Light1475496', 'Droid Sans', "Trebuchet MS", Arial, Serif;
	font-size: 14px;
	margin: 0 auto;
	line-height: 18px;
}
body > #page {height: auto; min-height: 100%;}

a:link { color: #525252; text-decoration: none; border: 0px; }
a:visited { color: #525252; text-decoration: none; border: 0px; }
a:hover { color: #525252; text-decoration: underline; border: 0px; }
a:active { color: #525252; text-decoration: none; border: 0px; }
a:focus { color: #525252; text-decoration: none; border: 0px; }

h1 { font-size: 30px; margin: 0 0 50px 0; color: #5e5e5e; font-family: 'Avenir LT W01_35 Light1475496'; }
h2 { font-size: 16px !important; margin: 0 0 10px 0; color: #5e5e5e; font-weight: bold; font-family: 'Avenir LT W01_35 Light1475496'; line-height: 20px; }
h3 { font-size: 20px; margin: 0 0 10px 0; font-family: 'Avenir LT W01_35 Light1475496'; }
h4 { font-size: 16px; margin: 5px 0; font-family: 'Avenir LT W01_35 Light1475496'; }
h5 { font-size: 14px; margin: 5px 0; font-family: 'Avenir LT W01_35 Light1475496'; }
h6 { font-size: 12px; font-family: 'Avenir LT W01_35 Light1475496'; }

ul , ol { margin: 0; padding: 0; }

hr { border: 0; height: 1px; margin: 15px auto; background-color: #f7f7f7; }
em { font-style: italic; }

p { margin: 1.4em 0; }

/************************************************************************************
STRUCTUR
*************************************************************************************/
#page {
	position: relative;
	margin: 0 auto;
	min-height: 100%;
}
#wrapper {
    position: relative;
	margin: 0 auto;
	padding-bottom: 70px;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	width: 100%;
}
#headerContent { }
#headerContentTop {
    height: 96px;
    background: #ffffff url('../Images/Schatten.jpg') bottom center repeat-x;
}
#headerContentTopContent {
    width: 1028px;
    margin: 0 auto;
}
#headerContentBottom {
    position: relative;
    height: 45px;
    width: 1028px;
    margin: 0 auto;
}
#headerContentBottom:after {
    clear: both;
}

/* Top Links */
.topLinks {
    float: right;
    width: 300px;
    margin: 0;
    padding-top: 1px;
    font-size: 12px;
}
.topLinks img {
    margin-bottom: -3px;
}

/* Search */
#SearchPlaceHolder_TCBC822F4004 fieldset.sfsearchBox,
#SearchPlaceHolder_T7CC46515006 fieldset.sfsearchBox,
#HeaderBottomPlaceHolder_T8BAE1908015 fieldset.sfsearchBox,
#SearchPlaceHolder_TA3C9655E010 fieldset.sfsearchBox,
#SearchPlaceHolder_TA3C9655E008 fieldset.sfsearchBox, #SearchPlaceHolder_T281B938D004 fieldset.sfsearchBox,
 #HeaderBottomPlaceHolder_T449BFCE0018 fieldset.sfsearchBox {
    border: 0px solid #c1c1c1;
    width: 181px;
    float: right;
    margin: 0 20px 0 0;
    padding: 0;
}
#SearchPlaceHolder_TCBC822F4004_ctl00_ctl00_searchTextBox,
#SearchPlaceHolder_T7CC46515006_ctl00_ctl00_searchTextBox,
#HeaderBottomPlaceHolder_T8BAE1908015_ctl00_ctl00_searchTextBox,
#SearchPlaceHolder_TA3C9655E010_ctl00_ctl00_searchTextBox,
#SearchPlaceHolder_TA3C9655E008_ctl00_ctl00_searchTextBox, #SearchPlaceHolder_T281B938D004_ctl00_ctl00_searchTextBox,
#HeaderBottomPlaceHolder_T449BFCE0018_ctl00_ctl00_searchTextBox {
    width: 120px;
    height: 12px;
    padding: 5px;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}


input.sfsearchSubmit {
    margin: 0 0 0 -4px;
    color: transparent;
    background: #61bdff url('../Images/Lupe.png') center center no-repeat;
    width: 50px;
    height: 24px;
}

/*
dd.sfsearchResultUrl { margin: 0; }
dd.sfsearchResultHighLighter { margin: 0; }
dd.sfsearchResultSnippet { margin: 0 0 10px 0; }
dd.sfsearchResultSnippet a { font-weight: normal; }
.searchResultItem { padding: 15px; background: url('../Images/bg-block.jpg') top repeat-x; background-color: #e2e8ea; margin: 0 0 40px 0; }*/



/* Navigation Top */
.topNavigation { padding: 0 20px 0 0; text-transform: uppercase; font-size: 14px; }
.topNavigation::after {
    clear: both;
}
.topNavigation ul {
    float: right;
    margin: 28px 0 0 0;
}
.topNavigation ul li {
    margin: 0 30px 0 0;
}
.topNavigation ul li:last-child {
    margin: 0;
}
.topNavigation a {
    font-family: 'Montserrat-Bold';
}
.topNavigation a.sfSel {
    color: #e41e32;
}

/* Share Box */
.shareBoxLink {

}
.shareBox {
    position: absolute;
    top: 40px;
    left: 640px;
    background-color: #fff;
    width: 210px;
    height: 100px;
    -webkit-box-shadow: 0px 5px 7px 1px rgba(140,140,140,1);
    -moz-box-shadow: 0px 5px 7px 1px rgba(140,140,140,1);
    box-shadow: 0px 5px 7px 1px rgba(140,140,140,1);
}
.shareBox img {
    margin-bottom: -6px !important;
}
.shareBox p {
    margin: 8px;
}


/* Main */
#main {}
#mainContent {}


#mainContentTop {
    width: 1028px;
    height: 304px;
    margin: 0 auto;
    position: relative;
    border-top: 0px solid #e6e6e6;
}
#mainContentTop:after {
    clear: both;
}

#mainContentHero {
    float: left;
    width: 304px;
    height: 100%;
    padding: 0 12px 0 10px;
}
#mainContentHero img {
    position: absolute;
    bottom: 0;
}


/* Video */
#mainContentVideo {
    float: left;
    position: relative;
    width: 702px;
    height: 304px;
}
#mainContentVideoContent {
    overflow: hidden;
    height: 304px;
    width: 543px;
    margin: 0 0 0 15px;
}
#mainContentVideoSlides {
    position: absolute;
    top: 0;
    right: 0;
    width: 144px;
    height: 304px;
}
#mainContentVideoSlidesMiddle {
    height: 2px;
    background: transparent url('../Images/slide_line.png') center right no-repeat;
    width: 172px;
}

/* Blaue und Graue Box
 * Wir setzen statt einem PNG Background nur die Ecke, links als png
 */

/* Box Blau */
 #mainContentVideoSlidesTop {
     width: 109px;
     margin-left: 2px;
     padding-left: 18px;
     background: #489fdd;
 }

 #mainContentVideoSlidesTop:after {
     content: '';
     position: absolute;
     left: -14px;
     top: 50%;
     margin-top: -14px;
     width: 15px;
     height: 28px;
     background: transparent url('../Images/blue_arrow.png') right no-repeat;
 }

/* Box Grau */
#mainContentVideoSlidesBottom {
    margin: 0;
    background: #c1c1c1;
    width: 109px;
    margin-left: 2px;
    padding-left: 18px;
}
#mainContentVideoSlidesBottom:after {
    content: '';
    position: absolute;
    left: -14px;
    top: 50%;
    margin-top: -14px;
    width: 15px;
    height: 28px;
    background: transparent url('../Images/grey_arrow.png') right no-repeat;
}

#mainContentVideoSlidesEnd {
    height: 2px;
    background: transparent url('../Images/slide_line.png') center right no-repeat;
    width: 172px;
}

/* test */
#aktuellFrame { background-color: Black; }



.slideButton {
    display: block;
    width: 112px;
    height: 130px;
    color: #fff;
    cursor: pointer;
    padding: 20px 15px 0 45px;
    position: relative;
}
.slideTitel, .slideSendung, .slideDate, .slideDatum, .slideLink {
    margin: 0;
    padding: 0;
}
.slideTitel {
    font-size: 14px;
    line-height: 1;
}
.slideSendung {
    font-size: 14px;
    margin: 5px 0;
    margin: 14px 0 5px 0;
}
.slideDatum {
    font-size: 12px;
    margin: 0 0 5px 0;
}
.slideDate {
    font-size: 14px;
    margin: 0 0 5px 0;
}
.slideLink {
    display: block;
    position: absolute;
    height: 20px;
    width: 110px;
    font-size: 14px;
    line-height: 2;
    z-index: 1;
    color: #fff !important;
}


/* Links */
#mainContentLinks {
    border-top: 0px solid #fff;
    width: 1028px;
    margin: 0 auto;
}
#mainContentLinksContent {
    height: 154px;
}
#mainContentLinksContent:after {
    clear: both;
}

.linkBox {
    float: left;
    height: 154px;
    width: 254px; 
}

.linkBoxPic {
    float: left;
    border-left: 2px solid #fff;
	height: 154px;
}
.linkBoxText {
    float: left;
    height: 100%;
    width: 102px;
    padding: 20px;
}
.linkBoxTitel { line-height: 1.2; font-weight: bold; display:inline-block; margin: 0 0 7px 0; font-size:12pt}
.linkBoxLink { line-height: 1.3; font-size:11pt;}
.linkBox a { line-height: 2; }

.linkBoxLightGrey {
    background-color: #eff1eb;
 border-right: 3px solid #ffffff !important; }
.linkBoxLightGreyLink {
    display: block;
    color: #5e5e5e !important;
}
.linkBoxLightGreyLink:hover { text-decoration: none; }
.linkBoxDarkGrey {
    display: block;
    color: #5e5e5e !important;
    background-color: #dceffd;
    text-align: center;
    /* Überschreibt .linkBox */
    padding: 20px;
    height: 114px;
    width: 215px;
    border-left: 2px solid #ffffff !important; border-right: 3px solid #ffffff !important; 
}
.linkBoxDarkGrey:hover { text-decoration: none; }
.linkBoxLightGreen { /*background-color: #e3ea7b;*/ background-color: #dadada; border-right: 3px solid #ffffff !important; }
.linkBoxLightGreenLink { display: block; color: #525252 !important; }
.linkBoxLightGreenLink:hover { text-decoration: none; }
.linkBoxDarkGreen { background-color: #e41e32; }
.linkBoxDarkGreenLink { display: block; color: #ffffff !important; }
.linkBoxDarkGreenLink:hover { text-decoration: none; }

.homePartner a:hover { color: #fff; }

/* Main Bottom */
#mainContentBottom {
    width: 1028px;
    margin: 0 auto;
}
#mainContentText {
    padding: 1px 0;
    background-color: #f7f7f7;
    line-height: 1.2;
}

/* Main Footer */
#mainContentFooter {
    width: 1028px;
    margin: 0 auto;
    background-color: #fff;
}
#mainContentFooterContent {}

/* Main Content */
#mainContentContent {
    margin: 0 auto;
    width: 1028px;
}
#mainContentContent:after {
    clear: both;
}
#mainContentLeft {
    width: 388px;
    float: left;
}
#mainContentRight {
    width: 600px;
    float: left;
    padding: 21px 20px 100px 20px;
    font-family: 'Avenir LT W01_35 Light1475496';
    font-size: 16px;
}

/* Navigation Sub */

.subNavigation {
}
.subNavigation ul { }
.subNavigation ul li {
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    text-align: right;
}
.subNavigation ul li:first-child {

}
.subNavigation ul li a {
    display: block;
    padding: 20px 120px 20px 20px;
    height: 14px;
    font-weight: normal;
}
.subNavigation ul li.SubNavigationActiveMiddle a {
    color: #e41e32;
    font-weight: normal;
}

.subNavigationArrowTopWrapper { height: 50px; width: 100%; border-bottom: 1px solid #e6e6e6; }
.subNavigationArrowBottomWrapper { height: 50px; width: 100%; }

.subNavigationArrowTop { width: 100%; height: 50px; background: transparent url('../Images/arrow_up.png') center center no-repeat; cursor: pointer; }
.subNavigationArrowBottom { width: 100%; height: 50px; background: transparent url('../Images/arrow_down.png') center center no-repeat; cursor: pointer; }
.subNavigationArrowTop:hover { background: transparent url('../Images/arrow_up_blue.png') center center no-repeat; }
.subNavigationArrowBottom:hover { background: transparent url('../Images/arrow_down_blue.png') center center no-repeat; }


/*
.RadTabStripVertical a.rtsSelected {
    color: #fff !important;
    background-image: none;
    background: none;
}
.RadTabStripVertical span.rtsIn { background-image: none; background: none; }
.RadTabStripVertical span.rtsOut { background-image: none; background: none; }

.RadTabStripVertical a.rtsLink {
    color: #043d52;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    font-family: 'Droid Sans';
    border-bottom-color: transparent;
    border-bottom-width: 0px;
    margin: 0;
    padding: 0;
    width: 163px;
}
.RadTabStripVertical ul { width: 200px; }
.RadTabStripVertical li.rtsLI { width: 200px; height: 28px; }
.RadTabStripVertical li.rtsLast {
    width: 200px;
    border-bottom-color: transparent;
    border-bottom-width: 0px;
    height: 27px;
}

.RadTabStripLeft_Sitefinity a.rtsSelected,
.RadTabStripLeft_Sitefinity a.rtsSelected .rtsOut,
.RadTabStripLeft_Sitefinity a.rtsSelected .rtsIn,
.RadTabStripRight_Sitefinity a.rtsSelected,
.RadTabStripRight_Sitefinity a.rtsSelected .rtsOut,
.RadTabStripRight_Sitefinity a.rtsSelected .rtsIn {
  background-image: url('../Images/bg-nav-1.png');
  background-repeat: no-repeat;
}

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt { padding: 0 5px 0 10px !important; }

.SubNavigationCostum { margin: 0 0 20px -5px !important; }
.SubNavigationCostum a { color: #105cb6; padding: 0 !important; margin: 0 10px 0 0 !important; }
.SubNavigationCostum span { padding: 0 !important; }
.SubNavigationCostum .rtsTxt { padding: 0 !important; }
.SubNavigationCostum .rtsLevel {}
.SubNavigationCostum a.rtsSelected { color: #fff !important; width: 100px !important; height: 24px !important; display: block !important; background: transparent url('../Images/bg-nav-8.png') no-repeat !important; }

.SubNavigationWrapper { margin: 0 0 30px 0; }
.SubNavigation { border-bottom: 1px solid #00a5e0; }
.SubNavigationActiveLeft { background: url('../Images/subnavi-active-left.png') no-repeat; width: 10px; height: 36px; float: left; }
.SubNavigationActiveMiddle { background: url('../Images/subnavi-active-middle.png') repeat-x; height: 25px; float: left; padding: 11px 5px 0 5px; }
.SubNavigationActiveMiddle a { color: #fff; font-weight: normal !important; }
.SubNavigationActiveRight { background: url('../Images/subnavi-active-right.png') no-repeat; width: 10px; height: 36px; float: left; margin: 0 3px 0 0; }

.SubNavigationInactiveLeft { background: url('../Images/subnavi-inactive-left.png') no-repeat; width: 10px; height: 36px; float: left; }
.SubNavigationInactiveMiddle { background: url('../Images/subnavi-inactive-middle.png') repeat-x; height: 25px; float: left; padding: 11px 5px 0 5px; }
.SubNavigationInactiveRight { background: url('../Images/subnavi-inactive-right.png') no-repeat; width: 10px; height: 36px; float: left; margin: 0 3px 0 0; }
*/






.youtube {
    display: block;
    margin: 25px auto;
    width: 310px;
    height: 35px;
    background-color: #e6e6e6;
    padding: 10px 20px;
}
.youtube:after {
    clear: both;
}
.youtubeText {
    color: #5e5e5e;
    margin: 8px 0 0 0;
    float: right;
}



/* Footer */
#footer {
    height: 70px;
    margin: 20px 0 0;
    width: 100%;
    color: #fff;
    font-size: 12px;
    background-color: #b4b4b4;
    position: relative;
	margin-top: -70px; /* Negativer Wert der Footer-Höhe */
	clear: both;
}
#footer a { color: #fff; }
#footerContent {
    min-height: 70px;
    width: 988px;
    margin: 0 auto;
    padding: 0 20px;
}
#footerContent:after {
    clear: both;
}
#footerContentLeft {
    float: left;
    padding: 28px 0 0 0;
    width: 777px;
}
#footerContentRight {
    float: left;
    width: 211px;
    height: 42px;
    margin: 15px 0 0 0;
    background: transparent url('../Images/Logo_gsh_white.png') right no-repeat;
}


/* Med. Kontakte */
.medKontakte { width: 230px; float: left; }
.medKontakte:after { clear: both; }
.medKontakte ul {}
.medKontakte ul li { width: 230px; height: 37px; }
.medKontakte ul li a { display: block; width: 220px; height: 27px; background: transparent url('../Images/Medkontakte_passiv_.png') no-repeat; padding: 10px 0 0 10px; }
.medKontakte ul li a.sfSel { background: transparent url('../Images/Medkontakte_activ_.png') no-repeat; }

/* Partner */
.partnerTable {
    margin: 0 0 20px 0;
}
.partnerTable td {
    vertical-align: middle;
    padding: 0 50px 0 0;
}


/****************************
Sendungen - time jumps
*****************************/
div.table { display: table block; }
	
div.tr { 
	display:table-row block;
    border-bottom: thin solid grey;
    margin:6px;
    margin-top:-6px;
    display: block;
    width: 600px;
    line-height: 40px;
}

div.tr1 {
	display:table-row;
	border-top: thin solid grey;
	border-bottom: thin solid grey;
	margin:6px;
	line-height: 40px;
	display: block;
	width: 600px;
}

.tab { 
	display:table-cell; 
	padding-left:50px;
	display:inline-block;
}

div.table a { outline: none; display:block; }

div.table a:hover { background-color: grey; display:block; }

.pic1 {
	background: url("../Images/gsh_icon_jumps_play_grey.png");
	background-repeat:no-repeat;
	display:inline-block;
	background-position: 6px center;
}
.pic1:hover {
	background: url("../Images/gsh_icon_jumps_play_white.png");
	background-repeat: no-repeat;
	background-position: 6px center;
}
/************************************************************************************
KONTAKTFORM - NewOk
*************************************************************************************/
.submit input[type=submit]
{
    color: #fff;
    background-color: #61bdff;
    margin: 30px 0 0 0;
    height: 30px;
    width: 228px;
    font-family: 'Avenir LT W01_35 Light1475496', 'Monserrat-Regular';
 }
 .submit input[type=submit]:hover { }
 .lblParfumForm { display: inline-block; color: #5e5e5e; line-height: 30px; margin: 10px 0 0 0; }
.textarea textarea { border: 1px solid #ccc; width: 610px; height: 150px; resize: both; }
.textarea { margin: 0 0 10px 0; }
.dropdown select { cursor: pointer; border: 0px solid #ccc; width: 330px; height: 30px; }
.dropdown { cursor: pointer; overflow: hidden; padding: 0 0 19px 0; margin: 0; border: 1px solid #ccc; width: 300px; background: url('../Images/blue_arrow_down_s6.png') right center no-repeat; }
.dropdown:hover { background: url('../Images/blue_arrow_down_s6.png') right center no-repeat; }
.textbox_normal input { border: 1px solid #ccc; width: 300px; height: 30px; }
.textbox_normal { margin: 0 0 10px 0; }
.textbox_nr input { border: 1px solid #ccc; width: 100px; height: 30px; }
.textbox_nr { margin: 0 0 10px 0; }
.radiobutton { margin: 0 0 15px 0; }
.radiobutton input { margin: 0 10px 15px 0; }
.checkbox { margin: 0 0 15px 0; }
.checkbox span label { margin: 0 0 0 15px; }
.textbox_anzahl { margin: 40px 0 10px -95px; }
.textbox_anzahl label { float: left; }
.textbox_anzahl input { border: 1px solid #ccc; width: 50px; height: 20px; margin: 0 0 0 10px; }

/* Parfum Form */
#parfumForm { font-size: 14px; color: #043d52; margin: 30px 0; }
.tblParfumForm { width: 600px; }
.tblParfumForm td { width: 340px; }
.parfumFormTitle { font-weight: bold; margin: 0 0 20px 0; }
.parfumFormInput { border: 1px solid #ccc; width: 280px; height: 30px; padding: 0 5px; }
.parfumFormInputNumber { border: 1px solid #ccc; width: 100px; height: 30px; padding: 0 5px; }
.parfumFormInputAnzahl { border: 1px solid #ccc; width: 30px; height: 20px; margin: 0 0 0 10px; padding: 0 5px; }
.parfumFormCheckbox { font-size: 14px !important; line-height: 30px; color: #5e5e5e; font-family: 'Avenir LT W01_35 Light1475496' !important; margin: -5px 0 0 0 !important; }
.parfumFormCheckboxChecked { background: transparent url('../Images/chk-checked.jpg') center center no-repeat; }
.parfumFormCheckboxUnchecked { background: transparent url('../Images/chk-unchecked.jpg') center center no-repeat; }
#parfumForm input[type=submit] { font-size: 16px; }

.ckbParfumFormBox1, .ckbParfumFormBox2 { float: left; }

/* Kontakt Geschichte Form */
#KontaktGeschichteForm { font-size: 14px; color: #043d52; margin: 30px 0; }
.tblKontaktGeschichteForm { width: 600px; }
.tblKontaktGeschichteForm td { width: 340px; }
.KontaktGeschichteFormTitle { font-weight: normal; margin: 0 0 20px 0; }
.KontaktGeschichteFormInput { border: 1px solid #ccc; width: 250px; height: 30px; }
.KontaktGeschichteFormInputNumber { border: 1px solid #ccc; width: 100px; height: 30px; }
.KontaktGeschichteFormInputArea { border: 1px solid #ccc; width: 520px; height: 120px; }
.ckbKontaktGeschichteFormBox1, .ckbKontaktGeschichteFormBox2 { float: left; }
.drpKontaktGeschichteForm {
    background: rgba(0, 0, 0, 0) url("../Images/blue_arrow_down_s6.png") no-repeat scroll right center;
    margin: 0;
    border: 0;
    height: 30px;
    overflow: hidden;
    padding: 0 0 19px;
    width: 300px;
    border: 1px solid #ccc;
    cursor: pointer;
}
#KontaktGeschichteForm .RadDropDownList { margin: 0 0 20px 0; }
#KontaktGeschichteForm .RadDropDownList .rddlInner { height: 30px; border: 0; }
#KontaktGeschichteForm .RadDropDownList .rddlFakeInput { line-height: 26px; height: 26px; }
.lblKontaktGeschichteFormError { color: #B40404; }
.rddlSlide, .rddlDropDownSlide { background-color: #eee; }

/* WettbewerbForm Form */
#WettbewerbForm { font-size: 14px; color: #043d52; margin: 30px 0; }
.tblWettbewerbForm { width: 600px; }
.tblWettbewerbForm td { width: 340px; }
.WettbewerbFormTitle { font-weight: normal; margin: 0 0 20px 0; }
.WettbewerbFormInput { border: 1px solid #ccc; width: 250px; height: 30px; }
.WettbewerbFormInputNumber { border: 1px solid #ccc; width: 100px; height: 30px; }
.WettbewerbFormInputArea { border: 1px solid #ccc; width: 520px; height: 120px; }
.ckbWettbewerbFormBox1, .ckbWettbewerbFormBox2 { float: left; }
.drpWettbewerbForm {
    background: rgba(0, 0, 0, 0) url("../Images/blue_arrow_down_s6.png") no-repeat scroll right center;
    margin: 0;
    border: 0;
    height: 30px;
    overflow: hidden;
    padding: 0 0 19px;
    width: 300px;
    border: 1px solid #ccc;
    cursor: pointer;
}
#WettbewerbForm .RadDropDownList { margin: 0 0 20px 0; }
#WettbewerbForm .RadDropDownList .rddlInner { height: 30px; border: 0; }
#WettbewerbForm .RadDropDownList .rddlFakeInput { line-height: 26px; height: 26px; }
.lblWettbewerbFormError { color: #B40404; }
.rddlSlide, .rddlDropDownSlide { background-color: #eee; }/************************************************************************************
NEWS
*************************************************************************************/
ul.sfnewsList {

}
li.sfnewsListItem {
    background: url('../Images/arrow.png') right center no-repeat;
    background-color: #e2e8ea;
    margin: 0;
    padding: 20px;
}
/*li.sfnewsListItem:hover {
    background: url('../Images/arrow-hover.png') right center no-repeat;
    background-color: #e2e8ea;
}*/
li.sfnewsListItem h2 {font-weight: normal; }
li.sfnewsListItem a { font-weight: normal; }
li.sfnewsListItem .sfnewsMetaInfo { font-family: 'Droid Sans'; }

div.sfnewsDetails h1 { font-family: 'Droid Sans'; background: transparent; font-size: 16px; font-weight: bold; margin: 0; padding: 40px 0 0 90px; }
div.sfnewsDetails .sfnewsAuthorAndDate  {
    width: 40px;
    height: 65px;
    color: #fff;
    font-family: 'Droid Sans';
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    margin: 12px 0 0 19px;
    float: left;
}

.newsD { font-size: 30px; }
.newsM { font-size: 12px; margin: 3px 0 0 0; height: 15px; }
.newsY { font-size: 12px; }

div.sfnewsDetails .sfnewsContent { background-color: #e2e8ea; padding: 15px 20px 10px 90px; }
.newsListItem { height: 2px; background: url('../Images/bg-block.jpg') top repeat-x; }

.newsTop { width: 600px; height: 72px; background: url('../Images/news-top.png') no-repeat; }
.newsBottom { width: 600px; height: 65px; background: url('../Images/news-bottom.png') no-repeat; }

/************************************************************************************
HÄUFIGE FRAGEN
*************************************************************************************/
.haeufigeFragenBox {
    background: url('../Images/bg-block.jpg') top repeat-x;
    background-color: #e2e8ea;
    padding: 15px;
    margin: 0 0 40px 0;
}

/************************************************************************************
SENDUNGSARCHIV
*************************************************************************************/
.sendungsarchivNavi { border-top: 1px solid #00a5e0; padding: 10px 0 0 10px; height: 50px; }
.sendungsarchivNavi li { display: inline; margin: 0 10px 0 0; }
.sendungsarchivNavi a { font-family: 'Droid Sans'; color: #043d52; font-size: 16px; }
.sendungsarchivEintrag { border-bottom: 1px solid #e2e8ea; padding: 10px; min-height: 20px; width: 580px; }
.sendungsarchivTable { background-color: #eff1eb; font-weight: bold; height: 40px; width: 600px; }
.sendungsarchivTable td { padding: 10px; }
.sendungsarchivTableThema { width: 390px; }
.sendungsarchivTableDatum { width: 170px; }
.sendungsarchivThema { float: left; width: 410px; }
.sendungsarchivThema h2 { font-weight: normal; }
.sendungsarchivThema a { font-weight: normal; }
.sendungsarchivDatum { float: left; }
.sendungsarchivBuchstabe { border-top: 1px solid #eee; padding: 10px; height: 20px; }

.sendungsarchivPost {}
.sendungsarchivPost h2 {}

.sendungsarchivFilter1 { width: 600px; height: 39px; margin: 0 0 30px 0; }
.sendungsarchivFilter2 { width: 600px; height: 39px; margin: 0 0 30px 0; }
.sendungsarchivFilterAZ { float: left; color: #fff; margin: 0 2px 0 0; background-color: #c1c1c1; width: 232px; height: 18px; padding: 10px; }
.sendungsarchivFilterAZ2 { float: left; margin: 0 2px 0 0; background-color: #c1c1c1; width: 232px; height: 18px; padding: 10px; }
.sendungsarchivFilterAZ2 a { color: #e41e32; }
.sendungsarchivFilterDatum { float: left; margin: 0 2px 0 0; background-color: #c1c1c1; width: 252px; height: 18px; padding: 10px; }
.sendungsarchivFilterDatum a { color: #18405a; }
.sendungsarchivFilterDatum2 { float: left; color: #fff; margin: 0 2px 0 0; background-color: #c1c1c1; width: 252px; height: 18px; padding: 10px; }

.orderButton {
    display: block;
    height: 38px;
    width: 284px;
    background: url('../Images/btn-dvd.png') no-repeat;
    margin: 0 0 -1px 316px;
}
.orderButton:hover {
    background: url('../Images/btn-dvd-hover.png') no-repeat;
}
/*.buchstabeLineTop { }
.buchstabeLineBottom { height: 2px; width: 100%; background-color: #e2e8ea; }*/
.buchstabeLetter { font-weight: bold; border-bottom: 3px solid #eff1eb; padding: 0 0 0 10px; }

.sf_PagerCurrent { color: #e41e32 !important; }

/************************************************************************************
MERKBLÄTTER
*************************************************************************************/
.merkblaetterBox { min-height: 120px; padding: 10px; background: url('../Images/bg-block.jpg') top repeat-x; background-color: #e6f4ff; margin: 0 0 10px 0; }
.merkblaetterBoxDL { display: block; margin: 5px 0 0 0; padding: 3px 5px 3px 5px; width: 90px; height: 19px; background: url('../Images/download.png') right no-repeat; background-color: #fff; }
.merkblaetterBoxBild { float: left; margin: 0 10px 0 0; }
.merkblaetterBoxText { float: left; }
.merkblaetterBoxBildImg { float: left; }
.merkblaetterBoxBildShadow { float:left; width: 20px; height: 107px; background: url('../Images/merkblatt_schatten.jpg') no-repeat;}

/************************************************************************************
ÄRZTEVERZEICHNIS - NewOK
*************************************************************************************/
.aerzteverzeichnis { }
.aerzteverzeichnis h2 { margin: 0 0 0 0; }
.aerzteverzeichnis .sflistListItem p { margin: 0; }
.aerzteverzeichnis ul { margin: 10px 0 0 20px; }
.aerzteverzeichnis li { margin: 0 0 20px 0; }

.aerzteverzeichnis .RadTabStripVertical a.rtsSelected {
    display: block !important;
    color: #fff !important;
    background-image: url('../Images/Medkontakte_activ_.png') !important;
    background-position: left;
    background-repeat: no-repeat !important;
}
.aerzteverzeichnis .RadTabStripVertical a.rtsSelected:hover {
    display: block !important;
    color: #fff !important;
    background-image: url('../Images/Medkontakte_activ_.png') !important;
    background-position: left;
    background-repeat: no-repeat !important;
}
.aerzteverzeichnis .RadTabStripVertical span.rtsIn { background-image: none; background: none; }
.aerzteverzeichnis .RadTabStripVertical span.rtsOut { background-image: none; background: none; }

.aerzteverzeichnis .RadTabStripVertical a.rtsLink {
    color: #18405a;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    font-family: 'Avenir LT W01_35 Light1475496', 'Droid Sans';
    border-bottom-color: transparent;
    border-bottom-width: 0px;
    margin: 0;
    padding: 8px 0 0 0;
    width: 234px;
    height: 29px;
    background-image: url('../Images/verzeichnis.png');
    background-repeat: no-repeat;
}
.aerzteverzeichnis .RadTabStripVertical a.rtsLink:hover {
    color: #18405a;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    font-family: 'Avenir LT W01_35 Light1475496', 'Droid Sans';
    border-bottom-color: transparent;
    border-bottom-width: 0px;
    margin: 0;
    padding: 8px 0 0 0;
    width: 234px;
    height: 29px;
    background-image: url('../Images/verzeichnis.png');
    background-repeat: no-repeat;
    background: url('../Images/verzeichnis.png') no-repeat;
}
.aerzteverzeichnis .RadTabStripRight_Sitefinity a.rtsLink:hover {
    background-image: url('../Images/verzeichnis.png') !important;
    background-repeat: no-repeat !important;
}

.aerzteverzeichnis .RadTabStripVertical ul.rtsUL { width: 234px; }
.aerzteverzeichnis .RadTabStripVertical li.rtsLI { width: 234px; height: 37px; }
.aerzteverzeichnis .RadTabStripVertical li.rtsLI:hover { width: 234px; height: 37px; }
.aerzteverzeichnis .RadTabStripVertical li.rtsLast {
    width: 234px;
    border-bottom-color: transparent;
    border-bottom-width: 0px;
    height: 37px;
}
.aerzteverzeichnis .RadTabStripVertical li.rtsLast:hover {
    width: 234px;
    border-bottom-color: transparent;
    border-bottom-width: 0px;
    height: 37px;
}

/*.aerzteverzeichnis .RadTabStripLeft_Sitefinity a.rtsSelected,
.aerzteverzeichnis .RadTabStripLeft_Sitefinity a.rtsSelected .rtsOut,
.aerzteverzeichnis .RadTabStripLeft_Sitefinity a.rtsSelected .rtsIn,
.aerzteverzeichnis .RadTabStripRight_Sitefinity a.rtsSelected,
.aerzteverzeichnis .RadTabStripRight_Sitefinity a.rtsSelected .rtsOut,*/
.aerzteverzeichnis .RadTabStripRight_Sitefinity a.rtsSelected .rtsIn {
  background-image: url('../Images/Medkontakte_activ_.png');
  background-position: left;
  background-repeat: no-repeat;
}

/************************************************************************************
SLIDE TEMPLATE - NewOK
*************************************************************************************/
#slidePage {
    margin: 0 auto;
    padding: 0;
    width: 543px;
    height: 305px;
    border: 0;
    background: #fff;
    overflow: hidden;
}

/************************************************************************************
BESTELL FORM - Obsolete
*************************************************************************************/
.bestellSelect {
    border: 1px solid #ccc;
    padding: 3px;
    width: 330px;
    height: 30px;
}
.bestellDropdown { overflow: hidden; padding: 0; margin: 0 0 0 0; width: 300px; background: url('../Images/dropdown.png') right no-repeat; }
.bestellDropdown:hover { background: url('../Images/dropdown-hover.png') right no-repeat; }

.bestellLabel {
    width: 110px;
    float: left;
}
.bestellLabelBox { width: 300px; }

.bestellInput {
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
    height: 30px;
    width: 330px;
}

.bestellTextarea {
    border: 1px solid #ccc;
    width: 610px;
    height: 150px;
    margin: 0 0 10px 0;
    resize: both;
 }

 .bestellSubmit {
    color: #fff;
    border: 1px solid #00a5e0;
    background-color: #00a5e0;
    padding: 5px;
 }

 .bestellSubmit {
    color: #fff;
    background: url('../Images/btn-send.png') no-repeat;
    margin: 0 0 0 0;
    height: 41px;
    width: 228px;
 }
 .bestellSubmit:hover { background: url('../Images/btn-send-hover.png') no-repeat; }

 .blog-list-link { background: #61bdff url('../Images/btn-rechts.png') no-repeat; display: block; height: 146px; width: 22px; float: left; }

 .sf_pagerNumeric { margin-top: 10px; text-align: center; }
 .sf_pagerNumeric a { margin-right: 10px; }
 .sf_PagerCurrent { font-weight: bold; }

/************************************************************************************
Newsletter FORM - NewOK
*************************************************************************************/
.newsletter-email { border: 1px solid #18405a !important; height: 31px !important; width: 168px !important; margin: 0 0 0 1px !important; }
.newsletter-submit { background: none; border: none; color: #18405a; font-family: 'Avenir LT W01_35 Light1475496'; }
.newsletter-submit-wrapper { padding-top: 10px; text-align: right; width: 168px; }
.newsletter-title {
    background: transparent url('../Images/Newsletter.jpg') no-repeat;
    height: 48px;
    width: 170px;
}

.sfErrorWrp { margin-left: 10px; }
.sfError { margin-left: 10px; }

 /************************************************************************************
Links section - NewOK
*************************************************************************************/
table.links { border: 0; margin: 0; margin-bottom: 30px; padding: 0; }
table.links td { vertical-align: top; }
.links-cell-gap { background: url('../Images/pfeil.png') no-repeat; background-position: -1px 15px; width: 17px; z-index: 999; position: relative; padding-right: 10px;  }
.links-cell-link { padding-top: 20px; }
.links-cell-link a { background: url('../Images/link.png') no-repeat; background-position: left -5px; display: block; padding-left: 30px; }
.links-cell-text { background-color: #dceffd; border: 0px solid #fff; padding: 10px 20px; width: 398px; z-index: 0; position: relative; }

/************************************************************************************
Arztvisite - NewOK
*************************************************************************************/
a.slideBoxLink { color: #e41e32; }

/************************************************************************************
Presseartikel
*************************************************************************************/
.parfumPresse {
	background-color: #eff1eb;
	padding: 20px 10px;

}
.parfumPresseText h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
.parfumPresseText p {
	margin: 0 0 1em 0;
}
.parfumPresseLinks {

}
.parfumPresseLinksAudio {
	float: left;
	cursor: pointer;
}
.parfumPresseLinksPdf {
	float: left;
	cursor: pointer;
}

/************************************************************************************
Zusatzinformationen - NewOK
*************************************************************************************/
/*.leaflet-list .leaflet-link:first-child { border: 2px solid #990000 !important; }
.leaflet-list .leaflet-link:first-child img { width: 58px; }*/
/*.leaflet-aktuell { margin-bottom: 20px; }*/
.leaflet-aktuell-title { display: none; }

.leaflet-link { background-color: #e6f4ff; background-image: url('../Images/download-pdf.png'); background-position: right 20px center; background-repeat: no-repeat; display: block; height: 60px; padding-right: 40px; margin: 0 0 10px 0; }
.leaflet-link:hover { text-decoration: none; }
.leaflet-link img { float: left; height: 60px; margin-right: 20px; }
.leaflet-link p { color: #000; padding-top: 10px; margin: 0; }

.tags { border-bottom: 1px solid #e2e8ea; text-align: center; }
.tags a { color: #000; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 8px; }
.tags a.selected { background-repeat: no-repeat; background-position: center center; width: 22px; background-color: #c1c1c1; }
.tags a.disabled { color: #cdcdcd; text-decoration: none; }


/************************************************************************************
HELPER CLASSES - NewOk
*************************************************************************************/

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

#mainContentVideoSlidesTop.noneImage:after {
background: none;
 }

#mainContentVideoSlidesBottom.noneImage:after {
 background: none;
}