/*************************************************************************************************************
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:12px; 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;}

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

.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{margin:20px 0; 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;}


.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;}

.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;}

/*** Formulare allgemein ***/
textarea.tenOfTen{width:307px; margin:0 0 5px 0;}
input.tenOfTen{width:307px; margin:0 0 5px 0;}
input.nineOfTen{width:270px; margin:0 0 5px 0;}
input.eightOfTen{width:240px; margin:0 0 5px 0;}
input.sevenOfTen{width:210px; margin:0 0 5px 0;}
input.sixOfTen{width:180px; margin:0 0 5px 0;}
input.fiveOfTen{width:150px; margin:0 0 5px 0;}
input.fourOfTen{width:120px; margin:0 0 5px 0;}
input.threeOfTen{width:90px; margin:0 0 5px 0;}
input.twoOfTen{width:60px; margin:0 0 5px 0;}
input.oneOfTen{width:30px; margin:0 0 5px 0;}
.controller input{margin:10px 0 0 0;}

/*** Kontaktformular ***/
div.content table.contactForm{margin:30px 0;}
table.contactForm td.label{color:#666; font-weight:normal; padding:0 20px 0 0; vertical-align:top;}
table.contactForm td.input{padding:0 0 10px 0; white-space:nowrap; overflow:hidden;}
table.contactForm td.input select{border:1px solid #999; width:113px;}
table.contactForm td.input select.select_big{width:337px;}
table.contactForm td.input select option{padding:0 10px 0 0;}
table.contactForm td.label span.requiredStar{color:#666; font-weight:normal;}
table.contactForm td.controller{padding:10px 0 0 0;}
td.input input,td.input textarea{border:1px solid #999; padding:1px;	font-family:arial, sans-serif; font-size:12px !important;	line-height:18px;	background:url(../../themes/1/layout/basic/bgInputs.gif) repeat-x left bottom;}
input.input10of10{width:333px; height:18px;	border:solid 1px #848484;	background:url(../../themes/1/layout/basic/bgInputs.gif) repeat-x left bottom;}
input.input3of10{width:109px; height:18px; border:solid 1px #848484; background:url(../../themes/1/layout/basic/bgInputs.gif) repeat-x left bottom;}
input.input5of10{width:163px;	height:18px; border:solid 1px #848484; background:url(../../themes/1/layout/basic/bgInputs.gif) repeat-x left bottom;}
input.input7of10{width:217px; height:18px; border:solid 1px #848484; background:url(../../themes/1/layout/basic/bgInputs.gif) repeat-x left bottom;}
textarea.input10of10{width:333px;	height:150px;	border:1px solid #848484; background:url(../../themes/1/layout/basic/bgInputs.gif) repeat-x left bottom;}
textarea.input_drugs{width:333px;	height:40px;	border:1px solid #848484; background:url(../../themes/1/layout/basic/bgInputs.gif) repeat-x left bottom;}
input.inputSmall{width:145px;	margin-right:0px;}
input.inputZip{width:60px;}
input.inputLocation{width:230px;}


/* Ausgabe Gästebucheinträge */
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.guestbookEntryContent{overflow:hidden; padding:0 0 20px 100px;}
div#guestbookNavBottom{text-align:right;}
div#guestbookNavBottom img{border:0; position:relative; top:4px;}
/* Eingabe Gästebucheinträge */
div#guestbookWriteMessage h2{margin-top:50px;}
div#guestbookWriteMessage p{position:relative;}
div#guestbookWriteMessage p b{display:block; width:100px; font-weight:bold; float:left;}
div#guestbookWriteMessage p b b{display:inline; width:auto; float:none;}
div#guestbookWriteMessage p textarea{height:15em;}
div#guestbookWriteMessage p.fakeLabel{padding-left:100px;}
div#guestbookWriteMessage img.captchaImage{margin-left:100px;}
div#guestbookWriteMessage div.controller{padding-left:100px;}


/* Impressum */
div#imprintLogoNetzcocktail{border:0; padding:0;}


/* 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;}



/*************************************************************************************************************
DOWNLOADBAUSTEINE
*************************************************************************************************************/
div.content div.singleDownload{position:relative; padding:0 0 0 50px; margin:0 0 30px 0;}
div.content div.singleDownload h3.downloadHeadline{}
div.content div.singleDownload img.downloadIcon{position:absolute; top:0; left:0;}
div.content div.singleDownload p.downloadDescription{margin:0 0 .5em 0;}
div.content div.singleDownload a.downloadLink{margin:0; padding:0;}
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;}

div.singleDownload img.downloadIcon{float:left; margin:0 10px 10px 0;}
div.singleDownload h2.downloadHeadline{float:none;}
div.singleDownload p.downloadDescription{float:none;}
div.singleDownload a.downloadLink{float:none;}
div.hrSingleDownload{clear:both; height:10px;}

div.content p.downloadCaption,
div.teaser p.downloadLink{position:relative; padding:0 0 0 25px; margin:5px 0 0 0;}
div.content p.downloadCaption img.downloadIcon,
div.teaser p.downloadLink img.downloadIcon{position:absolute; top:0; left:0; margin:0;}



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

/*** Sitemap ***/
div.content ul.siteMap{margin:10px 0;}
div.content ul.siteMap li{list-style:none; padding:1px 0 2px 0; margin:0;}
div.content ul.siteMap a{}
div.content ul.siteMap li.siteMapLevel2{margin:10px 0 0 0; padding-top:10px; border-top:1px solid #ccc;}
div.content ul.siteMap li.siteMapLevel2 a{font-weight:bold;}
div.content ul.siteMap li.siteMapLevel3{padding-left:40px;}
div.content ul.siteMap li.siteMapLevel4{margin-left:60px;}
div.content ul.siteMap li.siteMapLevel5{margin-left:80px;}
div.content ul.siteMap li.siteMapLevel6{margin-left:100px;}
div.content ul.siteMap li.siteMapLevel7{margin-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 ***/
table.dates{width:100%; border-collapse:collapse;}
table.dates td{vertical-align:top; padding:5px;}
table.dates td.headlineDate{font-weight:bold; border-bottom:1px solid #ccc; color:#333;}
table.dates td.headlineTime{font-weight:bold; border-bottom:1px solid #ccc; color:#333;}
table.dates td.headlineContent{font-weight:bold; border-bottom:1px solid #ccc; color:#333;}
table.dates td.date{width:15%; border-bottom:1px solid #ccc; color:#333;}
table.dates td.time{width:15%; border-bottom:1px solid #ccc; color:#333;}
table.dates td.description{width:70%; border-bottom:1px solid #ccc; color:#333;}
table.dates td.description h3{font-family:arial, verdana, sans-serif; margin-top:0; margin-bottom:0; color:#000; font-size:12px; font-weight:bold; color:#333;}
table.dates td.description p{color:#333; margin:0;}


/*** Kalenderbaustein ***/
div#calendar_wrapper{font-family:tahoma, sans-serif; width:450px;}
div#calendar_wrapper h2.nav{position:relative; left:3px; text-align:center; width:428px;}
div#calendar_wrapper h2.nav a{font-size:inherit; font-weight:bold; text-align:center;}
div#calendar_wrapper h2.nav a.left{display:block; width:56px; position:absolute; left:0; top:0;}
div#calendar_wrapper h2.nav a.right{position:absolute; right:0; top:0; display:block; width:56px;}

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;}

/*** FAQ Baustein ***/
div.FaqQuestion{padding:3px 0;}
div.FaqQuestion a{cursor:pointer; text-decoration:none;}
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;}

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