/*************************************************************************************************************
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;}
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 1px 0; white-space:nowrap; overflow:hidden;}
table.contactForm td.input select{margin-bottom:5px; border:1px solid #666;}
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;	margin-bottom:5px; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom;}
input.input3of10{width:108px; height:18px; border:solid 1px #848484; margin-bottom:5px; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom;}
input.input5of10{width:163px;	height:18px; border:solid 1px #848484; margin-bottom:5px; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom;}
input.input7of10{width:217px; height:18px; border:solid 1px #848484; margin-bottom:5px; background:url(../layout/basic/bgInputs.gif) repeat-x left bottom;}
textarea.input10of10{width:333px;	height:150px;	border:1px solid #848484; margin-top:5px; 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%;}
td.guestbooklabel{font-weight:bold; width:100px;}
td.guestbookDate{font-weight:bold; font-size:14px; padding:10px 0;}
td.guestbookAuthor{font-weight:bold;}
td.guestbookAuthorsEmail{}
td.guestbookAuthorsEmail a{}
td.guestbookAuthorsWebsite{}
td.guestbookAuthorsWebsite a{}
td.guestbookMessage{padding:20px 0;}
td.guestbookMessage h3{font-weight:bold; margin:0 0 5px 0;}
td.guestbookNavTop{border-bottom:1px solid #000; padding:5px 0; text-align:right;}
td.guestbookNavBottom{border-top:1px solid #000; padding:5px 0; text-align:right;}
#guestbookWriteMessage textarea.tenOfTen{height:200px;}
#guestbookWriteMessage textarea.tenOfTen{height:200px;}

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



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



/*************************************************************************************************************
DOWNLOADBAUSTEINE
*************************************************************************************************************/
div.content div.singleDownload{position:relative; padding:0; margin:0 0 30px 0;}
div.content div.singleDownload h2.downloadHeadline{font-size:16px; font-weight:normal; margin:0 0 .5em 50px;}
div.content div.singleDownload img.downloadIcon{position:absolute; top:0; left:0px;}
div.content div.singleDownload p.downloadDescription{margin:0 0 .5em 50px;}
div.content div.singleDownload a.downloadLink{margin:0 0 0 50px; 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; position:relative; top:3px;}
div.pageList a img{border:0;}

/*** Sitemap ***/
ul.siteMap li{list-style:none;}
ul.siteMap a{color:#333;}
li.siteMapLevel2{padding-left:0px; margin-top:10px;}
li.siteMapLevel2 a{text-decoration:none; font-weight:bold;}
li.siteMapLevel3{padding-left:40px;}
li.siteMapLevel4{margin-left:60px;}
li.siteMapLevel5{margin-left:80px;}
li.siteMapLevel6{margin-left:100px;}
li.siteMapLevel7{margin-left:120px;}

/*** Multimedia-Popups ***/
#popup{padding:20px 0;  background:url(../layout/bgPopups.jpg) no-repeat right top;}
#popup h1{width:738px; text-align:left; margin:100px auto 0 auto; color:#333; font-size:16px;}
#popup img{border:0;}
#popup div.content{position:relative; width:724px; margin:0 auto 0 auto; padding:14px 0 14px 14px; text-align:left; border:1px solid #999; background:#fff;}
#popup div.leftColumn{float:left; width:400px; margin:0 15px 0 0; padding:0;}
#popup div.leftColumn div.player{width:400px; height:400px; border:1px solid #cdcdcd; margin:0 0 10px 0; padding:0; position:static;}
#popup div.leftColumn div.player img{position:relative; top:50%; left:50%;}
#popup.audio div.leftColumn div.player{width:398px; height:398px; border:1px solid #cccccc; margin:0 0 30px 0; padding:0; position:static; display:table-cell; vertical-align:middle;}
#popup div.leftColumn h1{margin:15px 0; font-size:14px; font-weight:bold;}
#popup div.leftColumn h2{margin:15px 0; font-size:14px; font-weight:bold;}
#popup div.leftColumn h2#views{}
#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:295px; margin:0; padding:0; border:0;}
#popup div.rightColumn div.videoTeaser{width:295px; min-height:91px; position:relative; background:url(../layout/bgVideoTeaser.gif) no-repeat 0 0 #fff;}
#popup div.rightColumn div.videoTeaser h3{width:160px; margin:0 0 8px 8px; padding:7px 0 0 0; font-size:12px;}
#popup div.rightColumn div.videoTeaser p{width:160px; margin:0 0 0 8px; font-size:10px;}
#popup div.rightColumn div.videoTeaser p a{text-decoration:none; color:#333; font-size:10px;}
#popup div.rightColumn div.videoTeaser p a:hover{text-decoration:none;}
#popup div.rightColumn div.videoTeaser a{}
#popup div.rightColumn div.videoTeaser a:hover{text-decoration:underline;}
#popup div.rightColumn div.videoTeaser a.link{padding-left:7px;}
#popup div.rightColumn div.videoTeaser img{position:absolute; left:183px; top:6px;}
#popup div.rightColumn div.borderBottomLastTeaser{width:111px; height:15px; padding:8px 0 0 184px; line-height:0; border-top:1px solid #ccc;}
#popup div.rightColumn div.borderBottomLastTeaser a{display:block; float:left; margin:0 5px 0 0;}
#popup div.rightColumn div.borderBottomLastTeaser a img{display:block;}
#popup div.rightColumn ul.tracklist{display:block; list-style:none; width:295px; margin:0 0 30px 0; padding:0 0 60px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background:url(../layout/bgTracklist.gif) repeat-x 0 0;}      
#popup div.rightColumn ul.tracklist li{position:relative; display:block; width:270px; padding:2px 0 2px 25px;}
#popup div.rightColumn ul.tracklist li.bgColor1{background:#c2c2c2;}
#popup div.rightColumn ul.tracklist li.bgColor2{}
#popup div.rightColumn ul.tracklist li a{display:block; height:15px; color:#333;}
#popup div.rightColumn ul.tracklist li.bgColor1 a{background:url(../layout/tracklistSpeaker.gif) no-repeat 100% 0;}
#popup div.rightColumn ul.tracklist li.bgColor2 a{background:url(../layout/tracklistSpeaker.gif) no-repeat 100% 0;}
#popup div.rightColumn ul.tracklist li span.trackNr{display:block; position:absolute; top:2px; left:4px; width:25px; color:#a70055;}
#popup div.rightColumn ul.tracklist li#curTrack{background:#d3afbd;}

/*** Bildergalerie Thumbnailübersicht ***/
div.galleryLevel1Image1{float:left; margin:0 9px 10px 0; padding:1px;}
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; padding:1px;}
div.galleryLevel2Image2{float:left; margin:0 9px 10px 0; padding:1px;}
div.galleryLevel2Image3{float:left; margin:0 0 10px 0; padding:1px;}
div.galleryLevel1Image1 img,
div.galleryLevel1Image2 img,
div.galleryLevel1Image3 img,
div.galleryLevel2Image1 img,
div.galleryLevel2Image2 img
div.galleryLevel2Image3 img{position:relative; top:50%; left:50%;}

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