/*************************************************************************************************************
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;}
.hr{margin:20px 0; height:0; line-height:0; border-top:1px solid #ccc; clear:both;}
.imgLeft{float:left; margin:0 10px 10px 0;}
.imgLeft2{float:left; margin:0 0 10px 0;}
.imgRight{float:right; margin:0 0 10px 10px;}
.imgLeftnoBorder{float:left; margin:0 10px 10px 0;}
.imgLeft2noBorder{float:left; margin:0 0 10px 0;}
.imgRightnoBorder{float:right; margin:0 0 10px 10px;}
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;}
div.hr{margin:0 0 10px 0; border-top:1px solid #ccc;}
div.ImprintHr{margin:0 0 10px 0; border-top:1px solid #ccc;}

.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 ***/
table.contactForm{margin:30px 0;}
table.contactForm td.label{color:#333; font-weight:bold; padding:0 20px 0 0;}
table.contactForm td.input{padding:0 0 10px 0; white-space:nowrap; overflow:hidden;}
table.contactForm td.input select{border:1px solid #666; 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:#333; font-weight:bold;}
table.contactForm td.controller{padding:10px 0 0 0;}
td.input input,td.input textarea{border:1px solid #666666; padding:1px;	font-family:arial, sans-serif; font-size:12px !important;	line-height:18px;}
input.input10of10{width:333px; height:18px;	border:solid 1px #848484;	background:url(../layout/basic/bgInputs.gif) repeat-x left bottom;}
input.input3of10{width:109px; height:18px; border:solid 1px #848484; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom;}
input.input5of10{width:163px;	height:18px; border:solid 1px #848484; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom;}
input.input7of10{width:217px; height:18px; border:solid 1px #848484; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom;}
textarea.input10of10{width:333px;	height:150px;	border:1px solid #848484; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom;}
textarea.input_drugs{width:333px;	height:40px;	border:1px solid #848484; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom;}
input.inputSmall{width:145px;	margin-right:0px;}
input.inputZip{width:60px;}
input.inputLocation{width:230px;}


/* Gästebuch */
table.guestbookEntries{width:100%;}
table.guestbookEntries td{padding:2px 0;}
table.guestbookEntries td.guestbooklabel{font-weight:bold; width:100px; padding-right:10px;}
table.guestbookEntries td.guestbookDate{font-weight:bold;}
table.guestbookEntries td.guestbookAuthor{font-weight:bold;}
table.guestbookEntries td.guestbookAuthorsEmail{}
table.guestbookEntries td.guestbookAuthorsEmail a{}
table.guestbookEntries td.guestbookAuthorsWebsite{}
table.guestbookEntries td.guestbookAuthorsWebsite a{}
table.guestbookEntries td.guestbookMessage{padding:10px 0;}
table.guestbookEntries td.guestbookMessage h3{font-weight:bold; margin:0 0 5px 0;}
table.guestbookEntries td.guestbookNavTop{padding:5px 0; text-align:right;}
table.guestbookEntries td.guestbookNavBottom{padding:5px 0; text-align:right;}
table.guestbookEntries td.guestbookNavBottom img{position:relative; top:3px;}
table.guestbookWriteMessage td{padding:2px 0;}
table.guestbookWriteMessage td.guestbooklabel{font-weight:bold; width:100px; padding-right:10px;}
table.guestbookWriteMessage textarea.tenOfTen{height:200px;}
table.guestbookWriteMessage textarea.tenOfTen{height:200px;}
div.content table.guestbookEntries img{border:0; padding:0; background:none transparent;}

/* 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.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 #4f5046; background:#717264;}
#popup div.leftColumn{float:left; width:402px;}
#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{font-size:24px;}
#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; background:#ebebeb; 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 a#arrowLeft{float:left; margin:0 20px 0 0;}
#popup div.leftColumn a#number{float:left; margin:0 20px 0 0;}
#popup div.leftColumn a#arrowRight{float:left; margin:0 20px 0 0;}
#popup div.leftColumn a#magnify{float:right; margin:0 0 0 0;}
#popup div.leftColumn a#viewComments{display:block; clear:both; color:#333; text-decoration:underline;}
#popup div.leftColumn a#writeComment{display:block; margin:0 0 35px 0; color:#333; 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 #bcbcbc; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom #fff;}
#popup div.leftColumn div.captcha textarea{width:272px; padding:1px 3px; border:1px solid #bcbcbc; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom #fff;}
#popup div.leftColumn div.captcha img{border:1px solid #bcbcbc;}
#popup div.rightColumn{float:left; width:292px; padding:0 0 0 15px;}
#popup div.rightColumn ul.teaser{width:100%; position:relative; list-style:none; padding:0; margin:0; border-bottom:1px solid #4f5046;}
/* ie6 */
#popup div.rightColumn ul.teaser li{min-height:20px; background:url(../layout/bgLiTeaserMultimediaPopup.jpg) repeat-x top left #727365; position:relative; padding:5px 5px 5px 5px; margin:0;}
/* ie6 */
#popup div.rightColumn ul.teaser li h3{font-size:14px; color:#fff; margin:3px 0; padding:0; font-family:georgia, serif}
#popup div.rightColumn ul.teaser li p{font-size:10px; color:#000; margin:0; padding:0;}
#popup div.rightColumn ul.teaser li a{text-decoration:none; color:#000; font-weight:bold; font-size:10px; font-family:georgia, serif}
#popup div.rightColumn ul.teaser li a:hover{}
#popup div.rightColumn ul.teaser li img{float:right;}

#popup div.rightColumn ul.tracklist{width:100%; position:relative; list-style:none; padding:0; margin:0 0 15px 0; border-top:1px solid #4f5046;}      
#popup div.rightColumn ul.tracklist li{position:relative; display:block; padding:0; margin:0; border-bottom:1px solid #4f5046;}
#popup div.rightColumn ul.tracklist li a{display:block; padding:1px 5px 2px 5px; color:#000;}
#popup div.rightColumn ul.tracklist li a:hover{text-decoration:none; color:#fff;}
#popup div.rightColumn ul.tracklist li.bgColor1 a{background:#a4a692;}
#popup div.rightColumn ul.tracklist li.bgColor1 a:hover{background:#a4a692;}
#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{background:#a10008; color:#fff;}
#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;}