body, td, li, dl, dt, dd, dir, div, span { 
 font-family:arial; font-size:13px; color: #333333;
}
div.teaseritemtumb * {font-size:12px;}
div.teaseritemtumb h4 a {text-decoration:none;}

/* -backend- */
a.copyright {color: #000000;}

/* button top*/
#topbutton {width:911px; text-align:right; padding-top:11px;}
#generalwidth #topbutton {width:1180px;}
#topbutton a {color: #ffffff; text-decoration:underline; }

#contendout td, #contendout li, #contendout dl, #contendout dt, #contendout dd, #contendout dir, #contendout div, #contendout span  { 
 color: #333333;
}

div.absatz li {margin-left:30px;}

div.logout{display:none;}

/* lightbox */
#imageDetails * {color:#333333}


/*--------------- kalender ---------------*/
div.event {border-bottom: 1px dotted #c4c4c4;}
div.event span{padding: 2px 0 2px 0;}
div.event span.id {display: none;}
div.event span.dayofweek {float:left; width: 25px}
div.event span.weekend {border-bottom: 1px solid #c1001f; padding: 2px 0 2px 0; }
div.event span.dayofmonth {width: 30px; float:left; }
div.event span.titel {width: 360px; float:left;}
div.event span.time {width: 90px; float:left;}
div.event span.linkinfo {width: 26px; float:left;}
div.event span.linkkarten {width: 56px; float:left;}
div.event span.ampel {float:left; padding-top:7px;}
div.event span.ampel img {border: 0px none;}

a.month {color: #333333 !important; font-size:14px;}
a.monthactiv {color: #990000!important; font-size:14px;}
span.trennermonth{margin: 0 5px 0 5px; font-size:14px;}

/*------------------------------*/

/*--------------- kontaktformular/newsletteranmeldung ---------------*/
div.formStyle {width:170px;}
input.InputStyle, textarea.InputStyle, input.account_input {width:280px;}
select.account_input {width:284px;}
#txtOrt, input.account_Ort {width: 200px; float:left;}
#txtStrasse{width: 200px; float:right;}
#txtPostleitzahl, input.account_PLZ {width: 71px; float:right;}
#txtHausnummer {width: 71px; float:left;}

td.account_right{padding:2px 0 2px 0;}
td.account_left{width:160px; text-align:left;}

div.error, div.account_error { margin-bottom:8px; color:#C1001F !important; font-weight:bold;}
/*------------------------------*/

/*--------------- gaestebuch ---------------*/

div.guestbookform {width: 237px; float:left;}
div.guestbookformular {margin-bottom: 20px;}
div.guestbook {width: 315px; float:right;}
table.gastbookTable {width:237px; border:0px none;}
table.gastbookTable td{ xdisplay:block !important; xwidth:237px; margin:0; padding:0; text-align:right;}
table.gastbookTable td input{ width:170px;}
td.gastbookTableMitteilungForm{line-height:0}

td.gastbookTableNameDescription, td.gastbookTableEmailDescription, td.gastbookTableBetreffDescription, td.gastbookTableMitteilungDescription {text-align:left !important; width: 60px;}
textarea.gastbook{width:237px; height: 100px;}

input.bu_gastbookReset {display:none;}

h1.msg {line-height:20px !important; background:none !important; color: #333333 !important;}



span.name{font-size:14px; font-weight: bold;}
span.date{font-size:14px;}
div.guestbookitemsubject{font-size:14px; margin-bottom:14px;}
div.guestbookitem{margin-bottom:14px; padding-bottom:8px; border-bottom: 1px dotted #c4c4c4;}

a.L9PAGINGBRVOR{float:left;}
a.L9PAGINGNEXT{float:right;}

a.L9PAGINGBRVORINACTIVE, a.L9PAGINGNEXTINACTIVE {background-image: url(http://www.distel-berlin.de/level9_cms/layout/buttonbgdisable.png) !important; cursor:default;}
div.nav{margin-top: 10px;}
/*------------------------------*/

/*--------------- button ---------------*/
input.bu_gastbookInsert, input.button, td.account_right_send input, a.button, a.L9PAGINGBRVOR, a.L9PAGINGNEXT  
{background: #C1001F url(http://www.distel-berlin.de/level9_cms/layout/buttonbg.png) repeat-x scroll left top; border:0 none; height:16px; color:#ffffff !important; line-height:16px; padding: 0 5px 0 5px;}
input.bu_gastbookInsert {width:100px !important;}

a.button, a.L9PAGINGBRVOR, a.L9PAGINGNEXT {text-decoration:none !important; padding:0px;}
/*------------------------------*/





/*--------------- bildershow ---------------*/
#bildershow, div.bildershow {border: 1px solid #c1001f; border-top-width:0px; border-bottom-width:0px; overflow:hidden; position: relative;}
div.bildershow {display: block !important; height:326px; border-bottom-width:0px; background-color:#f5f5f5;}
div.slideshow {position:relative; top:0; left:0; }
div.gal_box {position:absolute; top:0; left:0; height: 326px; overflow:hidden; width:629px;}
div.teaserDetailtext{padding-top:351px !important; background: #f5f5f5 url(http://www.distel-berlin.de/level9_cms/layout/h1shadow.png) repeat-x scroll left 326px; border:0 none !important; border-bottom: 1px solid #c1001f !important;}

div.medialeiste {background-color:#ffffff;}
a.multimediaicon {margin-right:18px; padding-top:1px; float:left; background-repeat: no-repeat;  background-position: center left; padding-left:20px; text-decoration:none;}
a.multimediaVideo {background-image: url(http://www.distel-berlin.de/level9_cms/layout/MultimediaiconVideo.png)}
a.multimediaAudio {background-image: url(http://www.distel-berlin.de/level9_cms/layout/MultimediaiconAudio.png)}
a.multimediaGallery {background-image: url(http://www.distel-berlin.de/level9_cms/layout/MultimediaiconBild.png)}
div.eventlinks { padding: 4px 8px 3px 8px; }
div.eventlinks a.button {margin-left:8px; float:right; background: transparent url(http://www.distel-berlin.de/level9_cms/layout/mediabutton.png) no-repeat scroll left top; width:58px; height:18px; text-align:center;}

#MEDIAFLASH object{z-index:200;}

/*------------------------------*/


/*--------------- teaser ---------------*/
div.teaseritemtumb {border: 1px solid #c1001f; background-color:#f5f5f5;}
div.teseritemleft, div.teseritemright, div.teseritemcenter {width:200px; margin-top:6px; display: inline; overflow:hidden;}
div.teaserImg {height: 215px; overflow:hidden;}
div.teseritemleft {float: left; }
div.teseritemright {float: right; }
div.teseritemcenter {float: left; margin-left: 16px; }
div.teasertext h4 {height: 16px; overflow:hidden;}
div.teasertext, div.teasertextrep  {padding: 12px 8px 10px 8px; overflow:hidden; background: #F5F5F5 url(http://www.distel-berlin.de/level9_cms/layout/h1shadow.png) repeat-x scroll left top;}

div.teaserImgrep{height: 150px; overflow:hidden;}
div.teasertextrep{height: 60px; overflow:hidden;}
div.teaserlinksrep {padding: 0 8px 10px 8px;}
div.teaserlinksrep a{margin-right:6px;}

div.teaserdisable {filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.50; width:198px;}

/*------------------------------*/


iframe.webshop {width:100%; height: 1150px; border:0 none;}


#L9DownloadLinkName {}

p.absatzleft{ float: left; width: 50%;}
p.absatzright{float: right; width: 50%;}

xdiv.absatzliste { border: 0 none !important; border-bottom:1px solid #626262 !important; }
xdiv.absatzlisteshadow  { border:0 none !important; margin-top:10px;}


div.absatzliste table {width: 578px; border-bottom: 1px dotted #c4c4c4;}
div.absatzliste table td {border: 1px dotted #c4c4c4; border-width: 1px 0 0 0; padding: 3px; vertical-align:top;}
td.left {width: 110px;}

div.shadow {background: url(http://www.distel-berlin.de/level9_cms/layout/h1shadow.png) top left repeat-x #f5f5f5; height:26px;}
div.shadow, div.absatz, div.absatzhederred, div.medialeiste { border-right: 1px solid #c1001f; border-left: 1px solid #c1001f; background-color:#f5f5f5;}
div.absatz {line-height:1.5;}
div.borderbottom {border-bottom: 2px solid #c1001f; line-height:0px;}

* {margin:0; padding:0;}


div.clear {clear:both;}
#page a, #footer a {color: #ffffff; }



#header{ border-bottom: 2px solid #c1001f; height: 84px; overflow:hidden; xbackground: url(http://www.distel-berlin.de/level9_cms/layout/headerbg.png) bottom left repeat-x #000000; }
#anschrift {display: inline; float: left; margin-left: 117px; margin-top: 14px; width:415px;}
#anschrift p {margin: 1px 0 5px 0;}
#spruch {display: inline; float: left; margin-top: 65px; width:231px; overflow:hidden;}
#logo, a.logo {position: absolute; top:0; left:712px; z-index:100; width: 207px; height: 149px;}
#logo { background-image: url(http://www.distel-berlin.de/level9_cms/layout/logo.png);}
*html #logo {  background-image:none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.distel-berlin.de/level9_cms/layout/logo.png', sizingMethod='scale');}

img.logo{height: 149px;  width: 207px; border:0px none;}
*html img.logo {display:none;}

#page, #pagefooter, #footer, #header {min-width:1080px;}
#generalwidth #page, #generalwidth #pagefooter, #generalwidth #footer, #generalwidth #header {min-width:1340px;}
#page {background: url(http://www.distel-berlin.de/level9_cms/layout/bg.jpg) top left no-repeat transparent; xfloat: left;}
#pagefooter {background: url(http://www.distel-berlin.de/level9_cms/layout/bgbottom.jpg) bottom left no-repeat #000000; padding-bottom:11px; }


x#menuout{width:147px; overflow:hidden; top: 170px; position:fixed; left:117px;}
x#contendout{display: inline; float: left; margin-left: 280px; margin-top: 32px; width:631px; overflow:hidden; color: #333333; min-height:560px; height:auto !important;}
#menuout{display: inline; float: left; margin-left: 117px; width:147px; overflow:hidden; padding-top: 86px;}
#contendout{display: inline; float: left; margin-left: 16px; margin-top: 32px; width:631px; overflow:hidden; color: #333333; min-height:560px; height:auto !important;}
#generalwidth #contendout {width:900px;}

*html #page {height: 600px;}
#newsout{display: inline; float: left; margin-left: 14px; width:132px; overflow:hidden;  margin-top: 32px;}


#footer {height: 40px; border-top: 2px solid #c1001f; padding-top:8px; }
#copyright {display: inline; float:left; width:264px; margin-left: 285px}
#footermenu {display: inline; float:left; width:350px; margin-top: 2px;}
#layout5mid0001 {border-width:0;}

#menu a { color: #ffffff;}
a.menuelevel1id4 {text-transform:uppercase;}
#layout4mid00010012 {margin-top:28px;}
a.menuelevel1id4_active, a.menuelevel2id4_active {background-image: url(http://www.distel-berlin.de/level9_cms/layout/menuselect.png)}
a.menuelevel3id4 {background: url(http://www.distel-berlin.de/level9_cms/layout/subsubmenuselect.png) transparent left 4px no-repeat;}
a.menuelevel3id4_active, a.menuelevel3id4:hover {background: url(http://www.distel-berlin.de/level9_cms/layout/subsubmenuactive.png) transparent left 4px no-repeat;}

*html a.menuelevel1id4_active, *html a.menuelevel2id4_active, *html a.menuelevel3id4_active {width: 100%; height:19px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22FFFFFF,endColorstr=#22FFFFFF); background-image:none;}



h1 { font-weight:normal; font-size:20px; background-color: #c1001f; color: #ffffff;}
#anschrift h1, #newsout h1 { background: none !important;}
#contendout h1 { padding:1px 10px; }
#contendout h1 div.subheader {font-size:14px; xline-height:18px; xmargin-top:-10px; padding-bottom:2px; color:#FFFFFF; min-width:350px;}
h1.date{float: left;  border-right: 2px solid #68000b; margin-right:6px; font-size: 36px; height:50px; line-height:50px !important; padding: 0px 10px !important; letter-spacing:-2px;}
h1.betweendate { padding: 4px 10px 0 10px !important;}
h1.betweendate div.subheader {float: left; margin-top:-1px;}
h2 { font-size:18px; color: #ffffff; font-weight:normal; margin-top: 12px;background-color: #c1001f;  padding: 1px 10px;}
#newsout h2 { font-size:14px; margin:0;}
div.newsitem h2 {color: #ffffff; margin-bottom:5px;}


h3 { font-size:14px; color: #ffffff; background-color: #c1001f; padding:0 0 0 2px;}
h4 { font-size:14px; color: #990000;}
h5, h6 { font-size:12px; color: #990000;}

div.absatz img {border: 1px solid #C6C6C6;}
div.absatz a img {border: 0px none;}

#WeitereProgramme {padding-right:0;}
#WeitereProgramme a {float:right; font-size:14px; color: #ffffff !important; font-weight:normal; text-decoration:none; padding: 2px 10px 0 0; }
#WeitereProgramme span {float:left; font-size:18px; color: #ffffff; font-weight:normal;}

div.absatz {padding: 0 16px 20px 16px; color: #333333; background-color: #f5f5f5;}
div.absatzhederred {padding: 0 0 26px 16px;}
div.linebottom {border-bottom: 1px solid #c6c6c6;}
span.trenner { border-bottom: 1px solid #c6c6c6; height:18px; overflow:hidden; margin-top: -15px; display:block; text-align:right;}
span.trennerinabsatz  { border-bottom: 1px solid #c6c6c6; height:18px; overflow:hidden; display:block;}
span.withoutlink {height:9px !important;}
div.line {padding-bottom: 15px !important;}
#contendout a {color: #990000 }


div.newsitem, div.newsheader {margin-bottom:19px;}
div.newsimage{ margin-top:5px; }
div.newsabsatz { padding: 0 10px; margin-top:5px;}
p.link{ padding: 0 10px; text-align:right;}