/*************************************************************************************************************
ALLES AUF NULL SETZEN, GLOBALE EINSTELLUNGEN
*************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:inherit; font-family:inherit; vertical-align:baseline;}
html {min-height: 100%; margin-bottom: 1px;}
body{text-align:center;}
ol, ul{list-style:none;}
table{border-collapse:separate; border-spacing: 0; width:100%;}
caption, th, td{text-align: left;   font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q {quotes: "" "";}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
strong, b, th{font-weight: bold;}
em, i{font-style: italic;}


/*************************************************************************************************************
BASISKLASSEN UND IDs
*************************************************************************************************************/

.button { padding: 3px 6px 4px 6px; }
.clear{width:100%; height:0; line-height:0; font-size:0; clear:both;}
#firstModule{margin-top:0;}
#firstModuleLeftColumn{margin-top:0;}
#firstModuleRightColumn{margin-top:0;}
#firstModuleCenterColumn{margin-top:0;}
#firstModuleSmall{margin-top:0;}
.hr{height:0; line-height:0; border-top:1px solid #ccc; clear:both;}
.imgLeft{float:left; margin:0 10px 10px 0; display:inline;}
.imgLeftGallery{float:left; margin:0 10px 10px 0; display:inline;}
.imgLeft2{float:left; margin:0 0 10px 0; display:inline;}
.imgRight{float:right; margin:0 0 10px 10px; display:inline;}
.imgLeftnoBorder{float:left; margin:0 10px 10px 0; display:inline;}
.imgLeft2noBorder{float:left; margin:0 0 10px 0; display:inline;}
.imgRightnoBorder{float:right; margin:0 0 10px 10px; display:inline;}
td{vertical-align:top;}
img.impressum{display:block; margin:0 0 12px 0;}

.noLeftMargin{margin-left:0;}
.confirm{color:green;   font-weight:bold;}
.error{color:red;   font-weight:bold;}

.newsDate{font-weight:bold;}
div.content div.newsWrapper h2{margin-top:0;}
div.content div.newsWrapper{margin-top:20px;}
#content div.newsWrapper h2{margin-top:0;}
#content div.newsWrapper{margin-top:20px;}

.shortNewsHeadline1{font-size:18px; line-height:22px;}
.shortNewsHeadline2{font-size:15px; line-height:18px;}
.shortHeadline1{font-size:18px; line-height:22px;}
.shortHeadline2{font-size:15px; line-height:18px;}
span.shortNewsDate{margin:0;}


/*
    Ausgabe Gästebucheinträge
    Bildgröße wird in LIB/NHm/Cms/Config/ModuleType/Community.php eingestellt und können in der APP/config/design/config_custom.php überschrieben werden
*/
div.guestbookEntryMeta{padding:10px 0 0 0;}
div.guestbookEntryMeta p{position:relative;}
div.guestbookEntryMeta p b{display:block; width:100px; font-weight:bold; float:left;}
div.guestbookEntryImage{float:left; width: 100px;}
div.guestbookEntryContent{overflow:hidden; padding:0 0 20px 0;}
div.guestbookEntryContent h3{margin-top:0;}
div.guestbookNavBottom{}
div.guestbookNavBottom img{border:0; display:inline; position:relative; top:4px;}

.commentEntryMeta{
    position: relative;
    overflow: hidden;
}
.commentEntryMeta p{
    position: relative;
    padding-right: 110px;
    margin-bottom: .2em;
}
.commentEntryMeta b{
    font-size: .8em;
}
.commentEntryMeta .date_and_index{
    font-size: 0.8em;
}
.commentEntryMeta .date_and_index b{
    display: inline;
    font-size: 1em;
}
.commentEntryMeta .date_and_index b:after{
    content: ', ';
}
.commentEntryMeta .avatar{
    float: right;
    width: 100px;
    height: 100px;
    overflow: hidden;
    text-align: center;
    z-index: 0;
}
.Community_Comment .guestbookEntryContent h2{
    margin: 0 0 .5em 0;
    padding-right: 110px;
}
.Community_Comment .guestbookEntryContent{
    padding: 1em 0 3em 0;
    z-index: 1;
}
.Community_Comment > p{
    margin: 1em 0;
    font-weight: bold;
}

/* Impressum */
.content img.impressum{border:0; padding:0; background:none transparent;}
#content img.impressum{border:0; padding:0; background:none transparent;}


/* BMI-Rechner */
.formBMI td{padding:2px 0;}
.resultBMI td{border-top:1px solid #e5e5e5; padding:4px;}
.formBMI td.label,
.resultBMI td.label{width:40%;}
.formBMI td.input,
.resultBMI td.result{}
.formBMI td.input select{width:150px;}
.formBMI td.input input{width:50px;}
.formBMI td.submit{padding-top:20px;}
.resultBMI span.label{}


.contentColumns2{margin:20px 0 0 0;}

.imgCenternoBorder {text-align: center;}

/*************************************************************************************************************
DOWNLOADBAUSTEINE
*************************************************************************************************************/
div.content div.singleDownload{position:relative; padding:0 0 0 50px; margin:0 0 30px 0; min-height:45px;}
div.content div.singleDownload p{}
div.content div.singleDownload h2{margin-bottom: 0}
div.content div.singleDownload a{display:block;}
div.content div.hrSingleDownload{margin:-10px 0 0 0; padding:0 0 20px 0; height:0; line-height:0; border-top:1px solid #ccc; clear:both;}
#content div.singleDownload{position:relative; padding:0 0 0 50px; margin:0 0 30px 0; min-height:45px;}
#content div.singleDownload p{}
#content div.singleDownload h2{margin-bottom: 0}
#content div.singleDownload a{display:block;}
#content div.hrSingleDownload{margin:-10px 0 0 0; padding:0 0 20px 0; height:0; line-height:0; border-top:1px solid #ccc; clear:both;}

.teaser .downloadLink{display:block; padding:0 0 0 25px; min-height:14px; background:url(../icons/download_file.png) no-repeat left center;}



/*** Navigation für mehrere Seiten bei den Managerbausteinen (Downloads, Bildergalerie, News) ***/
div.pageList{margin-bottom:10px; text-align:left; clear:both;}
div.pageList a{padding:2px;}
div.pageList span{padding:2px;}
div.pageList span a {padding:0px;}
div.pageList img{border:0 !important; padding:0 !important; position:relative; top:3px;}
div.pageList a img{border:0 !important; padding:0 !important;}

/*** Sitemap ***/
.siteMap{margin:10px 0; padding:0; position:relative; left:0; top:0;}
.siteMap li{list-style:none; padding:1px 0 2px 0; margin:0; position:relative; left:0; top:0;}
.siteMap a{}
.siteMap li.siteMapLevel2{margin:10px 0 0 0; min-height:1em; padding-top:10px; border-top:1px solid #ccc; position:relative; top:0; left:0;}
.siteMap li.siteMapLevel2 a{font-weight:bold;}
.siteMap li.siteMapLevel3{padding-left:40px;}
.siteMap li.siteMapLevel4{padding-left:60px;}
.siteMap li.siteMapLevel5{padding-left:80px;}
.siteMap li.siteMapLevel6{padding-left:100px;}
.siteMap li.siteMapLevel7{padding-left:120px;}

/*** Multimedia-Popups ***/
#popup{text-align:center; padding:20px;}
#popup div.content{position:relative; width:724px; margin:0 auto 0 auto; padding:14px 0 14px 14px; text-align:left; border:1px solid #ccc; background:#fff;}
#popup div.leftColumn{float:left; width:402px; padding:0; position:relative; top:0; left:0;}
#popup div.leftColumn div.player{width:400px;}
#popup div.leftColumn div.player img{}
#popup h1{margin:0 0 15px 0; font-size:30px; font-weight:bold;}
#popup h2.top{}
#popup div.leftColumn h2#comments{padding:0 35px 0 0;}
#popup div.leftColumn p{margin:10px 0;}
#popup div.leftColumn p#tags{margin:10px 0;}
#popup div.leftColumn p.user{margin:20px 0 10px 0; font-weight:bold; font-size:14px; width:100%; padding:3px 0 3px 5px;}
#popup div.leftColumn p.user span{padding:0 0 0 10px; font-size:10px;}
#popup div.leftColumn p.comment{margin:5px 0; padding:0 0 0 5px;}
#popup div.leftColumn div#AlbumNav{position:relative; text-align:left; margin:20px 0;}
#popup div.leftColumn a#arrowLeft{padding-right:10px;}
#popup div.leftColumn b#number{position:relative; top:-2px;}
#popup div.leftColumn a#arrowRight{padding-left:10px;}
#popup div.leftColumn a#magnify{position:absolute; top:0; right:0;}
#popup div.leftColumn a#viewComments{display:block; clear:both; text-decoration:underline;}
#popup div.leftColumn a#writeComment{display:block; margin:0 0 35px 0; text-decoration:underline;}
#popup div.leftColumn div.pageList{position:relative; margin:0 0 25px 0;}
#popup div.leftColumn div.pageList img{position:relative; top:3px;}
#popup div.leftColumn div.hr{margin:15px 0; height:1px; line-height:0; border-top:1px solid #ccc;}
#popup div.leftColumn div.captcha{margin:0 0 15px 0;}
#popup div.leftColumn div.captcha span{display:block; float:left; width:120px;}
#popup div.leftColumn div.captcha input{width:272px; padding:1px 3px; border:1px solid #ccc;}
#popup div.leftColumn div.captcha textarea{width:272px; padding:1px 3px; border:1px solid #ccc;}
#popup div.leftColumn div.captcha img{border:1px solid #ccc;}
#popup div.rightColumn{float:left; width:292px; padding:0 0 0 15px; position:relative; top:0; left:0; margin:0;}
#popup div.rightColumn ul.teaser{width:100%; position:relative; list-style:none; padding:0; margin:0; border-bottom:1px solid #ccc;}
/* ie6 */
#popup div.rightColumn ul.teaser li{width:100%; position:relative; padding:5px 0; margin:0; border-top:1px solid #ccc; background:url(../layout/bg_teaserliste_popup.jpg) repeat-x left bottom #bcbcbc;}
/* ie6 */
#popup div.rightColumn ul.teaser li h3{font-size:14px; margin:0 0 3px 5px; padding:0;}
#popup div.rightColumn ul.teaser li p{font-size:10px; margin:0 0 0 5px; padding:0;}
#popup div.rightColumn ul.teaser li a{text-decoration:none; font-weight:bold; font-size:10px;}
#popup div.rightColumn ul.teaser li a:hover{}
#popup div.rightColumn ul.teaser li img{float:right; display:block; margin:0 5px; display:inline;}

#popup div.rightColumn ul.tracklist{width:100%; position:relative; list-style:none; padding:0; margin:0 0 15px 0; border-top:1px solid #ccc;}
#popup div.rightColumn ul.tracklist li{position:relative; display:block; padding:0; margin:0; border-bottom:1px solid #ccc;}
#popup div.rightColumn ul.tracklist li a{display:block; padding:1px 5px 2px 5px;}
#popup div.rightColumn ul.tracklist li a:hover{text-decoration:none;}
#popup div.rightColumn ul.tracklist li.bgColor1 a{}
#popup div.rightColumn ul.tracklist li.bgColor1 a:hover{}
#popup div.rightColumn ul.tracklist li.bgColor2 a{}
#popup div.rightColumn ul.tracklist li.bgColor2 a:hover{}
#popup div.rightColumn ul.tracklist li#curTrack a{}
#popup div.rightColumn ul.tracklist li#curTrack a:hover{}
#popup div.rightColumn ul.tracklist li.bgColor1 a{}
#popup div.rightColumn ul.tracklist li.bgColor2 a{}
#popup div.rightColumn ul.tracklist li span.trackNr{padding-right:5px;}

/*** Bildergalerie Thumbnailübersicht ***/
div.galleryLevel1Image1{float:left; margin:0 9px 10px 0;}
div.galleryLevel1Image2{float:left; margin:0 9px 10px 0;}
div.galleryLevel1Image3{float:left; margin:0 0 10px 0;}
div.galleryLevel2Image1{float:left; margin:0 9px 10px 0;}
div.galleryLevel2Image2{float:left; margin:0 9px 10px 0;}
div.galleryLevel2Image3{float:left; margin:0 0 10px 0;}

/*** Terminbaustein ***/
.dates{width:100%; border-collapse:collapse;}
.dates td{vertical-align:top; padding:5px 0;}
.dates img{position: relative; top: -5px;}
.dates .date{padding-right: 5px; vertical-align: bottom;}
.dates .time{ vertical-align: bottom;}
.dates .headlineContent,
.dates .descriptionHeadline,
.dates .description{padding-left: 15px;}
.dates .description{padding-top: 0;}
.dates .descriptionHeadline h2{margin: 0;}
.dates .headlineDate,
.dates .headlineTime,
.dates .headlineContent{
    font-weight: bold;
}
.dates .date,
.dates .time,
.dates .descriptionHeadline{
    border-top-style: solid;
    border-top-width: 1px;
}


/*** Notdiesnst-Kalenderbaustein ***/
div#calendar_wrapper{font-family:tahoma, sans-serif; width:450px;}
div#calendar_wrapper table.nav{width:428px; position:relative; left:3px; text-align:center; margin:10px 0;}
div#calendar_wrapper table.nav td.left{width:56px; text-align:center;}
div#calendar_wrapper table.nav td.center{width:316px; text-align:center;}
div#calendar_wrapper table.nav td.right{width:56px; text-align:center;}

div#calendar_wrapper div.calendar_legend,
div#calendar_wrapper div.calendar_after_current_day,
div#calendar_wrapper div.calendar_empty_day,
div#calendar_wrapper div.calendar_standard_day,
div#calendar_wrapper div.calendar_current_day{width:56px; height:39px;  float:left; margin:3px;}
div#calendar_wrapper div.calendar_legend{display:block; border:solid 1px #cecece; width:54px; height:37px; line-height:37px; text-align:center; text-decoration:none; font-size:16px; color:#fff;}

div#calendar_wrapper div.calendar_legend a,
div#calendar_wrapper div.calendar_after_current_day a,
div#calendar_wrapper div.calendar_empty_day a,
div#calendar_wrapper div.calendar_standard_day a,
div#calendar_wrapper div.calendar_current_day a{display:block; border:solid 1px #cecece; width:54px; height:37px; line-height:37px; text-align:center; text-decoration:none; font-size:16px;}
div#calendar_wrapper div.calendar_standard_day a{color:#999;}

div#calendar_wrapper div.calendar_standard_day a,
div#calendar_wrapper div.calendar_after_current_day a{background:url(../layout/emergency_calendar/standard.gif) no-repeat center center;}
div#calendar_wrapper div.calendar_legend,
div#calendar_wrapper div.calendar_current_day a{background:url(../layout/emergency_calendar/legend.gif) no-repeat center center; color:#fff;}

/*** Termin Kalenderbaustein ***/
div.calendar_wrapper{font-family:tahoma, sans-serif; width:450px;}
div.calendar_wrapper table.nav{width:428px; position:relative; left:3px; text-align:center; margin:10px 0;}
div.calendar_wrapper table.nav td.left{width:56px; text-align:center;}
div.calendar_wrapper table.nav td.center{width:316px; text-align:center;}
div.calendar_wrapper table.nav td.right{width:56px; text-align:center;}

div.calendar_wrapper div.calendar_legend,
div.calendar_wrapper div.calendar_after_current_day,
div.calendar_wrapper div.calendar_empty_day,
div.calendar_wrapper div.calendar_standard_day,
div.calendar_wrapper div.calendar_current_day{width:56px; min-height:39px; float:left; margin:3px; background-color: #F5F5F6;}
div.calendar_wrapper div.calendar_legend{display:block; border:solid 1px #cecece; width:54px; min-height:37px; line-height:37px; text-align:center; text-decoration:none; font-size:16px; color:#fff;}
div.calendar_wrapper div.calendar_row {min-height:37px;}

div.calendar_wrapper div.calendar_legend a,
div.calendar_wrapper div.calendar_after_current_day a,
div.calendar_wrapper div.calendar_empty_day a,
div.calendar_wrapper div.calendar_standard_day a,
div.calendar_wrapper div.calendar_current_day a{display:block; border:solid 1px #cecece; width:54px; height:14px; line-height:14px; text-align:center; text-decoration:none; font-size:16px;}
div.calendar_wrapper div.calendar_standard_day a{color:#999;}

div.calendar_wrapper div.calendar_standard_day a,
div.calendar_wrapper div.calendar_after_current_day a{}
div.calendar_wrapper div.calendar_legend,
div.calendar_wrapper div.calendar_current_day a{background:url(../layout/calendar/legend.gif) no-repeat center center; color:#fff;}

/*** FAQ Baustein ***/
div.FaqQuestion{padding:3px 0;font-weight:bold;}
div.FaqQuestion a{cursor:pointer; text-decoration:none;font-weight:normal;}
div.FaqQuestion a:hover{font-weight:bold;}
div.FaqQuestion a.FaqQuestionActive{font-weight:bold;}
div.FaqAnswerLine{border-bottom:1px solid #ccc;}
div.FaqAnswer{border-bottom:1px solid #ccc;}

/* KOSTENRECHNER */
.calculator_wrapper{}
.calculator_step_description_wrapper{
    overflow: hidden;
}
.calculator_step_options_wrapper{}
.calculator_step_option{
    overflow: hidden;
}
.calculator_step_option{
    float: left;
    width: 100%;
}
.calculator_wrapper h3{
    margin-top: 0;
}
.calculator_start_over_link{}
.calculator_step_navigation .active{
    font-weight: bold;
}

/* Wetterbaustein */
div#wetterbaustein img{border:0;}
div#wetterbaustein td{vertical-align:middle; text-align:center;}

/* Flowplayer */
a.player{display:none; width:auto; height:auto;}
.overlay{padding:0; width:656px; height:526px; display:none; background:url(../../base/layout/black.png) no-repeat;}
.overlay div.close{background:url(../../base/layout/fancy_closebox.png) no-repeat;position:absolute; top:5px; right:5px; width:35px; height:35px; cursor:pointer;}

/* standard list design */
ul{padding-left:15px; list-style:disc; overflow:hidden; zoom:1;}
ol{padding-left:25px; list-style:decimal; overflow:hidden; zoom:1;}

/* reset navigation elements */
.navLevel1, .navLevel2, .navLevel3, .smallNav1, .smallNav2{margin:0; padding:0; list-style:none; position:relative; overflow:hidden;}
.navLevel1 a, .navLevel2 a, .navLevel3 a, .smallNav1 a, .smallNav2 a{text-decoration:none;}
.navLevel1 a:hover, .navLevel2 a:hover, .navLevel3 a:hover, .smallNav1 a:hover, .smallNav2 a:hover{text-decoration:none;}

/*** form design ***/
.standardForm fieldset{overflow:hidden; margin-bottom:10px;}
.standardForm .line{float:left; overflow:hidden; padding-bottom:10px; width:450px;}
.standardForm .line label{display:block; width:100px; float:left;}
.standardForm .line label.full{display:block; width:440px; float:left;}
.standardForm .line label span{font-size:12px;}
.standardForm .line p{display:block; width:440px; float:left;}
.standardForm .line strong{font-weight:bold;}
.standardForm .line div{display:block; width:350px; float:left;}
.standardForm .line input{width:332px; display:block; padding:1px 2px;}
.standardForm .line .checkboxWrapper{float:right; width: 350px; position:relative;}
.standardForm .line .checkboxWrapper input{width:auto; margin:0; padding:0; float:left; position:relative; left:0; top:2px;}
.standardForm .line .checkboxWrapper label{width:auto; padding-left:5px;}
.standardForm .line div.zip_code{width:75px;}
.standardForm .line div.zip_code input{width:67px;}
.standardForm .line div.location{width:260px; margin-left:5px;}
.standardForm .line div.location input{width:252px;}
.standardForm .line div.prefix{width:75px;}
.standardForm .line div.prefix input{width:67px;}
.standardForm .line div.number{width:260px; margin-left:5px;}
.standardForm .line div.number input{width:252px;}
.standardForm .line div.textfields .text{float: left;}
.standardForm .line div.textfields .text_1_of_2{width: 162px; margin-right: 5px;}
.standardForm .line div.textfields .text_2_of_2{width: 162px;}
.standardForm .line div.textfields .text_1_of_2_small{width: 103px; margin-right: 5px;}
.standardForm .line div.textfields .text_2_of_2_big{width: 221px;}
.standardForm .line div.textfields .text_1_of_2_big{width: 221px; margin-right: 5px;}
.standardForm .line div.textfields .text_2_of_2_small{width: 103px;}
.standardForm .line div.textfields .text_1_of_3{width: 103px; margin-right: 5px;}
.standardForm .line div.textfields .text_2_of_3{width: 103px; margin-right: 5px;}
.standardForm .line div.textfields .text_3_of_3{width: 103px;}
.standardForm .spacer{min-height: 30px;}
.standardForm p, .standardForm h2 { clear: both; }

/* width for full width input wrappers */
.standardForm .line div.full{width:450px;}
.standardForm .line div.full input{width:434px;}

/* textareas */
.standardForm .line div textarea{padding:1px 2px; width:332px; margin:0;}
.standardForm .line div.full textarea{padding:1px 2px; width:434px; margin:0;}

/* checkboxes */
.standardForm .line div input[type="checkbox"]{width:auto; float:left;}
.standardForm .line div label{width:420px; float:left;}

/* submit button */
.standardForm .line div.submit{padding-left: 100px;}
.standardForm .line div.submit input{width:auto;}

/* reservation module */
.standardForm .line div.reservationCheckbox{width:350px;}
.standardForm .line div.reservationCheckbox input{width:auto; float:left; margin:0; padding:0; position:relative; top:2px;}
.standardForm .line div.reservationCheckbox label{float:left; width:320px; padding-left:5px; font-size:13px; font-weight:bold;}
.standardForm .line div.reservationPrice{width:90px; text-align:right; font-size:13px; font-weight:bold;}
.standardForm .line div.reservationDescription{margin:.3em 0 .6em 0;}
.standardForm .line div.reservationDescriptionFull{
    width: 100%;
}
.standardForm .line div.reservationDescriptionFull strong{
    display: block;
    font-weight: bold;
}
.standardForm .line div.reservationCountAndPrice{
    text-align:right; font-size:13px; font-weight:bold; width: 100%; padding: .5em 0;
}
.standardForm .line div.reservationCountAndPrice input{
    float: left;
}

/* captcha */
.standardForm .line .captchaImage{display:block;}
.standardForm .line .captchaInput{margin-top:5px;}
.standardForm .line .captchaInput input{width:60px; float:left; margin:0 5px 5px 0;}

.standardForm .line .captcha{display:block;}
.standardForm .line .captcha{margin-top:5px;}
.standardForm .line .captcha img{margin-bottom:5px;}
.standardForm .line .captcha input{width:80px; float:left; margin:0 5px 0px 0;}

/* google maps */
.googleMapRoutePlanner .zipCode,
.googleMapRoutePlanner .location,
.googleMapRoutePlanner .streetName,
.googleMapRoutePlanner .streetNumber{float:left;}
.googleMapRoutePlanner .zipCode label,
.googleMapRoutePlanner .location label,
.googleMapRoutePlanner .streetName label,
.googleMapRoutePlanner .streetNumber label{font-size:.9em; display:block; text-indent:3px; font-style:italic;}
.googleMapRoutePlanner .zipCode{width:50px; margin-left:5px;}
.googleMapRoutePlanner .zipCode input{display:block; width:40px;}
.googleMapRoutePlanner .location{width:170px;}
.googleMapRoutePlanner .location input{display:block; width:145px;}
.googleMapRoutePlanner .streetName{width:180px;}
.googleMapRoutePlanner .streetName input{width:170px; display:block;}
.googleMapRoutePlanner .streetNumber{width:30px;}
.googleMapRoutePlanner .streetNumber input{width:26px; display:block;}
.googleMapRoutePlanner .headline{margin:0 3px 0 5px; font-weight:bold;}
.googleMapRoutePlanner fieldset{margin:10px 0; overflow:hidden;}

.googleMapCanvas{
    display: block;
    width: 100%;
    height: 400px;
}
.googleMapsBubbleText{
    margin: 10px 0 0 0;
}
.googleMapsBubbleTextImage{
    padding-right: 5px;
}

/* error alerts */
ul.errors li{padding:0; color:red; font-weight:bold;}
p.success{color:green; font-weight:bold;}

/* set margin and padding for tooltip tables to 0 */
#overDiv table{padding:0; margin:0;}
#overDiv table td{color:#000; font-family:arial, sans-serif; font-size:14px;}
#overDiv table td h1{color:#fff; font-family:inherit; font-size:inherit; line-height:1.2;}

/* google maps */
.googleMap{width:100%; height:450px;}

#printView{color:#000; background:none #fff;}


.shopLink{
    padding: 2px 5px 3px 5px;
    float: right;
    margin-bottom: 5px;
    position: relative;
    top: 2px;
    cursor: pointer;
}
input.shopLink{
    border:0;
}
.shopDelete{
    display: block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size:12px;
    font-weight: bold;
    font-family: arial, sans-serif;
    text-align: center;
    text-decoration: none;
}
.shopDelete:hover{
    text-decoration: none;
}
.shopColumn1{
    list-style: none;
    width: 46%;
    float: left;
    margin:0;
    padding:0;
}
.shopColumn2{
    list-style: none;
    width: 46%;
    float: right;
    margin:0;
    padding:0;
}
.shopColumn1 li, .shopColumn2 li{
    overflow: hidden;
    margin-bottom: 1em;
}
.shopColumn1 li input, .shopColumn2 li input{
    margin-bottom: 5px;
}
.shopColumn2 li a, .shopColumn2 li h3, .shopColumn1 li a, .shopColumn1 li h3{
    margin:0px;
}
.shopColumn1 li h3, .shopColumn2 li h3{
    margin: 5px 0;
    font-weight: normal;
}
.shopShortArticle{
    padding-bottom: 5px;
    float: left;
    width: 100%;
}
.shopShortArticle .image_link{
    display: block;
    float: left;
}
.shopShortArticle img{
    margin:auto;
    padding:0;
    display: block;
}
.shopShortDescription{
    float: right;
}
.shopShortArticle p.shopShortLink{
    float: left;
    margin:0;
    padding:0;
}
.shop #orderOverview{
    margin-top: 6px;
}
.shopShippingValue{
    float: right;
}
.shopBankCode label{
    float: left;
    margin: 0 0 0 2%;
    width: 28%;
}
.shopBankCode div{
    width:68%;
    float: right
}
.shopBankCode input{
    width: 99%;
}
.shopBankCode .tiny{
    font-size: 9px;
    margin-left: 5px;
}
.shopBankCode{
    clear: both;
}
.shopShippingLabel{
    float: left;
}

.shopStepActive{
    padding-right: 10px;
}
.shopStepActive .shopNumber{
    padding: 0px 5px;
}
.shopStep{
    padding-right: 10px;
}
.shopStep .shopNumber{
    padding: 0px 5px;
}
.shopPicture{
    float: left;
    text-align: center;
}
.shopArticle{
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom:30px;
}
.shopArticle table{
    float: right;
    table-layout: fixed;
}
.shopArticle th{
    width: 28%;
    padding: 3px 1% 4px 1%;
}
.shopArticle td{
    width: 68%;
    padding: 3px 1% 4px 1%;
}
.shopArticle .last th, .shopArticle .last td{
    border: 0;
}
.shopForm input{
    float: left;
}
.shopForm .line{
    overflow: hidden;
    margin-bottom: 7px;
    width: 100%;
    clear: both;
}
.shopForm .shopColumn1 .line label,
.shopForm .shopColumn2 .line label{
    display: block;
    float: left;
    width: 29%;
    margin-right: 1%;
}
.shopForm .shopPassword{
    margin-left: 30%;
}
.shopForm .shopColumn1 .line div,
.shopForm .shopColumn2 .line div{
    display: block;
    float: left;
    width: 63%;
    overflow: hidden;
}
.shopForm .shopColumn1 .line div div,
.shopForm .shopColumn2 .line div div{
    display: block;
    float: none;
    width: auto;
    padding: 0 6px 0 0;
}
.shopForm .shopColumn1 .line .no_border,
.shopForm .shopColumn2 .line .no_border{
    border-right: 0;
}
.shopForm .shopColumn1 .line input[type="text"],
.shopForm .shopColumn2 .line input[type="text"],
.shopForm .shopColumn1 .line input[type="password"],
.shopForm .shopColumn2 .line input[type="password"]{
    display: block;
    float: left;
    width: 100%;
    padding: 1px 2px;
    margin: 0;
    overflow: hidden;
    border: 1px solid #ccc;
}
.shopForm .shopColumn1 .line div.street,
.shopForm .shopColumn2 .line div.street{
    width: 48%;
    margin-right: 2%;
}
.shopForm .shopColumn1 .line div.street_number,
.shopForm .shopColumn2 .line div.street_number{
    width:13%;
}
.shopForm .shopColumn1 .line div.zip_code,
.shopForm .shopColumn2 .line div.zip_code{
    width: 18%;
    margin-right: 2%;
}
.shopForm .shopColumn1 .line div.location,
.shopForm .shopColumn2 .line div.location{
    width: 43%;
}
.shopForm .shopColumn1 .line div.phone_prefix,
.shopForm .shopColumn2 .line div.phone_prefix{
    width: 18%;
    margin-right: 2%;
}
.shopForm .shopColumn1 .line div.phone_number,
.shopForm .shopColumn2 .line div.phone_number{
    width: 43%;
}
.shopForm .shopColumn1 .line div.date_day,
.shopForm .shopColumn2 .line div.date_day{
    width: 15%;
    margin-right: 2%;
}
.shopForm .shopColumn1 .line div.date_month,
.shopForm .shopColumn2 .line div.date_month{
    width: 15%;
    margin-right: 2%;
}
.shopForm .shopColumn1 .line div.date_year,
.shopForm .shopColumn2 .line div.date_year{
    width: 29%;
}
.shopForm input.shopLink{
    width: auto;
    float: right;
}
.shopForm textarea{
    width: 50%;
    height: 60px;
}
.shopForm select.twoOfTen{
    width: 80px;
}
.shopForm select.tenOfTen{
    width: 120px;
}
.shopPassword{
    margin-left: 10px;
}
a.shopImageSmall img{
    margin: 3px 3px 0 0;
}
.shopDeletePicture{
    width: 42px;
}
.shopForm .shopCheckbox input,
.shopForm .shopCheckbox label{
    width: auto;
}
.shopForm .shopCheckbox{

}

.shoppingCart td{
    padding: 1px 0;
    vertical-align: middle;
}
.shoppingCart th{
    font-weight: bold;
    padding-bottom: 5px;
}
.shoppingCart .shopSummary td{
    background: none;
    border: none;
}
.shoppingCart .shopSum{
    text-align: right;
    padding-right: 5px;
    height: auto;
}
.shoppingCart img{
    margin-bottom: 1px;
}

.shopDetails{
    border-collapse: collapse;
}
.articlePictures{
    overflow:hidden;
    position:relative;
    float:left;
}
.articleBigPreviews{
    float:left;
    position:relative;
    overflow:hidden;
}
.articleBigPreviews a{
    display:block;
    width:100%;
    height:100%;
    position:relative;
    text-align:center;
}
.articleBigPreviews img{
    display:block;
    margin:auto;
    border:0;
}
.articleSmallPreviews{
    float:left;
    position:relative;
    margin:5px 0 0 0;
}
.articleSmallPreviews a{
    display:block;
    float:left;
    position:relative;
    text-align:center;
}
.articleSmallPreviews img{
    display:block;
    margin:auto;
    border:0;
}
.shopShippingLabel{
    margin-bottom: .5em;
}
.shopShippingLabel input{
    position: relative;
    top: 1px;
}
.shopForm input{
    float: left;
}
.shopForm input.shopLink{
    width: auto;
    float: right;
}
.shopForm .password_lost input.shopLink,
.shopForm .password_lost .shopLink{
    float: left;
    margin: 0 0 10px 30%;
}
.shopPassword{
    margin-left: 10px;
}
a.shopImageSmall img{
    margin: 3px 3px 0 0;
}
.shopDeletePicture{
    width: 28px;
}
.shopForm .shopCheckbox input,
.shopForm .shopCheckbox label{
    width: auto;
}
.shopForm .shopCheckbox{

}
.shopDetails{
    border-collapse: collapse;
}
.shopShippingLabel{
    margin-bottom: .5em;
}
.shopShippingLabel input{
    position: relative;
    top: 1px;
}
hr{
    display: block;
    float: none;
    clear: both;
    width: 100%;
    padding-top: 10px;
    background: none;
    height: 1px;
    border: 0;
    border-bottom-width: 1px;
}
.shopSearchResult { margin-bottom: 15px;  overflow: hidden; }
.shopSearchResult .shopPicture { margin-right: 15px; }
.shopSearchResult h2 { margin-top: 0; }
.shopSearchResult .button { float: right; }
.Shop_ArticleSearch input[type="text"], .articleSearch input[type="text"], .moduleTextSearch input[type="text"] { width: 70%; }
.Shop_ArticleSearch form { margin-bottom: 15px; }
.articleSearchSmall { margin-bottom: 10px; }
.articleSearchSmall input[type="text"], .Lucene_SearchSmall input[type="text"] { width: 90%; }


/* SHOP BORDER-COLOR AND STYLE
*/
.shop hr,
.shoppingCart th,
.shopSummaryFirst td,
.shoppingCart td,
.shopShipping td,
.shopShipping th,
.shopShortArticle,
.shopArticle td,
.shopArticle th{
    border: 0;
    border-bottom-width: 1px;
}
.shoppingCartSmall,
.shopColumn1 li,
.shopColumn2 li{
    border: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.shopPicture,
.articleSmallPreview1,
.articleSmallPreview2,
.articleSmallPreview3,
.articleSmallPreview4{
    border-width: 1px;
    margin: 0 4px 0 0;
}
.articleSmallPreview4{
    margin-right: 0;
}
.shop_sum_articles{
    width: 3em;
    text-align: right;
}
.Text_Link_TextImagePreview .full_img_wrapper{
    position: relative;
    cursor: pointer;
    margin: 0 0 10px 0;
}
.Text_Link_TextImagePreview .full_img_wrapper div{
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.Special_Calendar{
    width: 450px;
}
.Special_Calendar h2{
}
.Special_Calendar .nav{
    width: 446px;
}
.Special_Calendar .nav td{
    text-align: center;
    vertical-align: middle;
}
.Special_Calendar .nav h1{
    margin: 0;
}
.Special_Calendar .nav .left{width: 15px;}
.Special_Calendar .nav .left a{}
.Special_Calendar .nav .center{width: 410px;}
.Special_Calendar .nav .right{width: 15px;}
.Special_Calendar .nav .right a{}
.Special_Calendar .calendar_legend{
    width: 45px;
    padding: 0 6px 0 10px;
    line-height: 28px;
    color: #fff;
    background: #999;
    margin: 0 3px 3px 0;
    float: left;
}
.Special_Calendar .calendar_row{}
.Special_Calendar .calendar_after_current_day,
.Special_Calendar .calendar_empty_day,
.Special_Calendar .calendar_standard_day,
.Special_Calendar .calendar_current_day{
    width: 61px;
    min-height: 40px;
    background: #f2f2f2;
    float: left;
    margin: 0 3px 3px 0;
    position: relative;
    padding-top: 22px;
}
.Special_Calendar .calendar_row .calendar_day_number{
    width: 21px;
    line-height: 21px;
    background: #fff;
    color: #4b4c4e;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}
.Special_Calendar .calendar_empty_day .calendar_day_number{
    color: #999;
}
.Special_Calendar .calendar_row .calendar_date a{
    display: block;
    padding: 0 5px 0 10px;
    line-height: 21px;
    color: #4b4c4e;
    margin-bottom:1px;
} /* single event */
.Special_Calendar .list_wrapper{
    border-top: 1px solid #d6d6d6;
}
.Special_Calendar .list_wrapper dt{
    background: url(../../base/layout/bg_eventcalendar_list_closed.gif) no-repeat 5px center;
    overflow: hidden;
    cursor: pointer;
}
.Special_Calendar .list_wrapper .open{
    background: url(../../base/layout/bg_eventcalendar_list_open.gif) no-repeat 3px center;
}
.Special_Calendar .list_wrapper dd{
    border-bottom: 1px solid #d6d6d6;
    overflow: hidden;
    padding-bottom: 10px;
}
.Special_Calendar .list_wrapper h1{
    margin-top: 0.2em;
}
.Special_Calendar .list_wrapper .hidden *{
    display: none !important;
}
.Special_Calendar .list_wrapper .date{
    display: block;
    width: 185px;
    float: left;
    padding-left: 15px;
    line-height: 29px;
}
.Special_Calendar .list_wrapper .title{
    display: block;
    float: left;
    line-height: 29px;
}
.Special_Calendar .list_wrapper .hidden{
    height: 0;
    padding: 0;
}
.Special_Calendar .list_wrapper .image{
    float: left;
    padding: 1px;
    border: 1px solid #ccc;
}
.Special_Calendar .list_wrapper .content{
    float: right;
    width: 450px;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    top: 0;
    left: 0;
}
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #fff;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    background: url(../../base/layout/bg_overdiv.gif) no-repeat 0 0 #fff;
    padding: 8px 10px;
    width: 250px;
}
#tooltip.press{
    padding: 1px;
    border: 1px solid #ccc;
    width: auto;
    background: #fff;
}
#tooltip .title{
    color: #999;
    display: block;
    margin-bottom: 5px;
}
#tooltip .short_description{
    color: #797979;
    font-weight: bold;
    display: block;
}

.Text_Print{
    position: relative;
    overflow: hidden;
}
.Text_Print a{
    display: inline-block;
    margin-bottom: 1em;
}
.Text_Print .image{
    padding-right: 5px;
    float: left;
}
.Text_Print .text{
    line-height: 24px;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

* html #fancybox-loading {  /* IE6 */
    position: absolute;
    margin-top: 0;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('../layout/fancybox/fancybox.png');
}

#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}

* html #fancybox-overlay {  /* IE6 */
    position: absolute;
    width: 100%;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000;
}

#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url('../layout/fancybox/fancybox.png');
    background-position: -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0;
}

#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102;
}

#fancybox-title h3{
    font-weight: bold;
}

.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    background: #000;
    color: #fff;
    text-align: left;
}
.fancybox-title-inside div{
    padding: 0 10px;
}

.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.fancybox-title-over {
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('../layout/fancybox/fancy_title_over.png');
    display: block;
}

#fancybox-title-wrap {
    display: inline-block;
}

#fancybox-title-wrap span {
    height: 32px;
    float: left;
}

#fancybox-title-left {
    padding-left: 15px;
    background-image: url('../layout/fancybox/fancybox.png');
    background-position: -40px -90px;
    background-repeat: no-repeat;
}

#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background-image: url('../layout/fancybox/fancybox-x.png');
    background-position: 0px -40px;
    color: #FFF;
}

#fancybox-title-right {
    padding-left: 15px;
    background-image: url('../layout/fancybox/fancybox.png');
    background-position: -55px -90px;
    background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background-image: url('../layout/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url('../layout/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('../layout/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('../layout/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url('../layout/fancybox/fancybox.png');
    background-position: -40px -162px;
}

#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('../layout/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}

#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url('../layout/fancybox/fancybox.png');
    background-position: -40px -182px;
}

#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('../layout/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url('../layout/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('../layout/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url('../layout/fancybox/fancybox.png');
    background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div   { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close        { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over   { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left   { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main   { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico     { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico    { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w    { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw   { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_media/base/layout/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

.zoomIcon{
    position: absolute;
    right: 0;
    bottom: 0;
}

/* Kondolenzseite (bei Änderungen der Breite muss auch die Breiteneinstellung in der BaseDesign für die Output Area geändert werden) */
/* LIB/NHM/CMS/Config/baseDesign.php - LIB/NHM/CMS/Config/ModuleType/Special.php - LIB/NHM/CMS/Config/Modules.php */
#condolence_page{
    background: url(../layout/undertaker/CondolencePage/bg_html.jpg) #f6f3ee;
}
#condolence_page body{
    font: normal normal normal 15px/21px georgia, serif;
    color: #625745;
    background: url(../layout/undertaker/CondolencePage/bg_body.jpg) repeat-x center top;
}
.condolence_header{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.condolence_nav{
    width: 585px;
    height: 65px;
    padding: 0 0 0 385px;
    margin: 0 auto;
}
.condolence_nav li{
    float: left;
    overflow: hidden;
    position: relative;
}
.condolence_nav span{
    float: left;
    overflow: hidden;
}
.condolence_nav a{
    line-height: 55px;
    padding: 0 10px 10px 10px;
    float: left;
    overflow: hidden;
}
.condolence_nav .passive a{
    color: #625745;
}
.condolence_nav .active{
    padding-left: 10px;
    background: url(../layout/undertaker/CondolencePage/bg_nav_active_left_condolence.png) no-repeat left top;
}
.condolence_nav .active span{
    padding-right: 10px;
    background: url(../layout/undertaker/CondolencePage/bg_nav_active_right_condolence.png) no-repeat right top;
}
.condolence_nav .active a{
    color: #fff;
    background: url(../layout/undertaker/CondolencePage/bg_nav_active_condolence.jpg) #897c67;
}
.condolence_nav .editButton{
    padding: 0;
    margin: 0;
    position: absolute;
    left: 7px;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 0;
}
.condolence_header_image{
    width: 100%;
    max-width: 1920px;
    height: 290px;
    margin: 0 auto;
    overflow: hidden;
}
.condolence_website{
    width: 970px;
    margin: 0 auto 0 auto;
    padding: 390px 0 0 0;
}
.condolence_content{
    width: 576px;
    float: right;
    display: inline;
    position: relative;
}
.condolence_content h1{
    font: normal normal normal 27px/33px georgia, serif;
    color: #3f3a31;
}
.condolence_content h2{
    font: normal normal normal 19px/25px georgia, serif;
    color: #466e0a;
}
.condolence_content .hr_graphic, .condolence_content .Community_Guestbook .hr{
    border: 0;
    height: 31px;
    background: url(../layout/undertaker/CondolencePage/bg_hr.jpg) no-repeat 0 0;
}
.condolence_teaser{
    width: 236px;
    height: 747px;
    padding: 0 84px 0 62px;
    float: left;
    display: inline;
    position: relative;
    top: -390px;
    background: url(../layout/undertaker/CondolencePage/bg_left.png) no-repeat 0 0;
}
.condolence_teaser h1{
    font: normal normal normal 21px/26px georgia, serif;
    text-transform: uppercase;
    color: #466e0a;
    text-align: center;
    margin: 0;
}
.condolence_teaser h2{
    font: normal normal normal 19px/24px georgia, serif;
    color: #466e0a;
    margin: 0;
}
.condolence_teaser h1 span{
    font: normal normal normal 14px/19px georgia, serif;
    line-height: 17px;
    color: #466e0a;
}
.condolence_teaser .portrait{
    position: absolute;
    left: 72px;
    top: 89px;
    width: 216px;
    height: 258px;
    overflow: hidden;
}
.condolence_teaser .name{
    position: absolute;
    left: 62px;
    top: 380px;
}
.condolence_teaser .dates{
    position: absolute;
    left: 62px;
    top: 470px;
    width: 236px;
}
.condolence_teaser .invite{
    position: absolute;
    padding: 10px 30px;
    left: 30px;
    top: 586px;
    width: 236px;
    border: 1px solid #e2ded1;
    background: url(../layout/undertaker/CondolencePage/bg_invite.jpg);
}
.condolence_teaser .submit{

}
.condolence_teaser .error, .condolence_teaser .confirm{
    display: block;
    margin: 0 0 1em 0;
    font-weight: normal;
}
.condolence_teaser .line{
    padding-bottom: 10px;
}
.condolence_teaser .line input{
    width: 220px;
    padding: 3px 7px;
    font: normal normal normal 13px/19px georgia, sans-serif;
}
.condolence_teaser .submit input{
    border: 0;
    padding: 5px 7px;
    float: left;
    color: #fff;
    background: #6e9b2b;
    font: normal normal normal 13px/19px georgia, sans-serif;
    cursor: pointer;
}
.condolence_teaser .submit input:hover{
    background: #466e0a;
}

.condolence_teaser .condolenceEditBar{
    left: 30px;
    position: absolute;
    top: 826px;
    width: 300px;
}

/* jQuery UI dialog */
#dialog{
	background: #fff;
	padding: 5px 10px;
	border: 1px solid rgb(120,163,3);
	border-top: 0;
}
.ui-dialog-titlebar{
	background-image: linear-gradient(top, rgb(177,203,90) 12%, rgb(120,163,3) 78%);
	background-image: -o-linear-gradient(top, rgb(177,203,90) 12%, rgb(120,163,3) 78%);
	background-image: -moz-linear-gradient(top, rgb(177,203,90) 12%, rgb(120,163,3) 78%);
	background-image: -webkit-linear-gradient(top, rgb(177,203,90) 12%, rgb(120,163,3) 78%);
	background-image: -ms-linear-gradient(top, rgb(177,203,90) 12%, rgb(120,163,3) 78%);
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
}
.ui-widget-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .50;
	filter:Alpha(Opacity=50);
}
.ui-dialog .ui-dialog-titlebar-close {
	float: right;
	width: 15px;
	height: 15px;
	background: url(../layout/ui_dialog_close.png) no-repeat 0 0;
	text-indent: -999px;
	margin: 3px 0 0 0;
	overflow: hidden;
}