* {
margin:0;
padding:0;
outline:none;
border:0;
list-style:none;
list-style-type:none;
text-decoration:none;
}


.clearer {
clear:both;

}



html, body {
height:100%;
}

html {
background:url(img/htmlbg.gif) #240b07;
}


body {
background:url(img/bodybg.gif) left top repeat-x transparent;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.6em;
color:#e7dddb;

}







/* Layout */


#outer {
background:url(img/outerbg.png) no-repeat top center;
min-height:100%;
position:relative;
margin:0 auto;
}



.wrap {
width:940px;
min-height:700px;
margin:0 auto;
background:url(img/header.png) no-repeat left top;


}

#footer .wrap {
min-height:0;
background-image:none;
}


h1#logo a {
background:url(img/cubelogo.png) no-repeat left 0px;
display:block;
width:130px;
height:196px;
text-indent:-666em;
float:left;
}



#side {
width:280px;
float:right;
}


#footer {
clear:both; /*Footerstick */
width:100%;
height:50px;

position:relative; /*Footerstick */
background:url(img/footerbg.gif) center top #1e0804;
margin: 50px auto 0 auto;



}




/* Nav */
#nav {
float:right;
background:url(img/navbg.png) right top;
margin-top:51px;
display:inline;
margin-right:20px;
position:relative;
width:260px;
height:382px;

}


#nav li {
display:block;
position:absolute;

list-style:none;
list-style-type:none;
text-indent:-999em;
}


#nav a {
display:block;
background:url(img/navbg.png) right top;
}

#nav a:hover, #nav li.active a, #nav li.trail a {
background:url(img/nav_hover.gif) right top;
}


#nav li#News {
width:110px;
height:39px;
margin-top:59px;
margin-left:38px;
float:left;
}

#nav li#News a, #nav li#News a:hover {
width:110px;
height:39px;
background-position: -38px -59px;

}


#nav li#Club {
width:111px;
height:56px;
margin-top:106px;
margin-left:20px;
}

#nav li#Club a, #nav li#Club a:hover {
width:111px;
height:56px;
background-position: -20px -106px;

}


#nav li#Dates {
width:159px;
height:47px;
margin-top:171px;
margin-left:20px;
}

#nav li#Dates a, #nav li#Dates a:hover {
width:159px;
height:47px;
background-position: -20px -171px;

}


#nav li#Gallery {
width:145px;
height:41px;
margin-top:225px;
margin-left:28px;
}


#nav li#Gallery a, #nav li#Gallery a:hover {
width:145px;
height:41px;
background-position: -28px -225px;

}



#nav li#Specials {
width:58px;
height:227px;
top:0px;
right:0px;

}

#nav li#Specials a, #nav li#Specials a:hover {
width:58px;
height:227px;
background-position: -202px 0px;

}


#nav li#Contact {
width:42px;
height:157px;
top:7px;
right:64px;
}

#nav li#Contact a, #nav li#Contact a:hover {
width:42px;
height:157px;
background-position: -154px -7px;

}



/* Main */



.main {
float:left;
width:640px;
margin-right:20px;
position:relative;

}



/* Side */


.side {
width:280px;
float:right;
}

.side ul, .side .gallery, div.sidebox, .side table {
background:url(img/sideboxbg.gif) no-repeat left top #f0faf9;
padding:20px 20px 20px 20px;
border-bottom:5px solid #3cb7b0;
margin-bottom:20px;
}



.side a {
color:#4abab4;
}


.side ul li {
display:block;
border-bottom:1px dotted #aceae6;
height:30px;
width:240px;
margin:0;
padding:0;
overflow:hidden;
}

.side ul li a {
margin:0;
padding:5px 0 5px 20px;
display:block;
color:#17625e;
width:215px;
height:20px;
overflow:hidden;
font-weight:normal;
background:url(img/lilarrow.gif) no-repeat 5px 12px;
}


.side ul li a:hover {
background:url(img/lilarrow.gif) no-repeat 5px 12px #d7edeb;
}
	
	
	
/* Subnav */
	


#subnav {
display:block;
width:280px;
background:url(img/submenubg.png) no-repeat left top;

}

#subnav h3 {
color:#4abab4;
margin:65px 0 0px 20px;
display:inline-block;
overflow:hidden;
}

#subnav ul {
padding:20px 20px 40px 20px;
background:transparent;
width:235px;
margin-bottom:0;
border-bottom:5px solid #aceae6;
}

#subnav ul li {
display:block;
border-bottom:1px dotted #aceae6;
height:auto;
}

#subnav ul li a {
display:block;
padding:5px 0 5px 25px;
color:#FFF;
font-weight:bold;
font-size:1.2em;
background:url(img/arrow.gif) no-repeat 5px center;
}


#subnav ul li a:hover, #subnav a:hover, #subnav li a.active, #subnav li a.trail {
background:url(img/arrow.gif) no-repeat 5px center #aceae6;
color:#4abab4;
}


#subnav ul li a.pdf {
background:url(img/pdf.gif) no-repeat 2px center;
}


#subnav ul li a.pdf:hover {
background:url(img/pdf.gif) no-repeat 2px center #aceae6;
}


#subnav ul ul {
padding:0;
border:0;
margin:0;
}

#subnav ul li li {
}

#subnav ul li li a {
font-size:0.9em;
font-weight:normal;
padding:3px;
padding-left:25px;
background-image:none;
}

#subnav ul li li a:hover, #subnav li li a:hover, #subnav li li a.active, #subnav li li a.trail {
color:#FFF;
background:url(img/arrow.gif) no-repeat 3px center #56ccc6;
}


/* Footer Nav */

#footer ul {
float:right;
height:35px;
width:260px;
margin-top:15px;
}

#footer ul li  {
float:left;
display:block;
width:auto;
margin-right:20px;
}

#footer ul li a {
font-weight:normal;
font-size:0.9em;
color:#9b635e;
}

#footer ul li a:hover, #footer ul li a.active {
color:#9eccc7;
}



/* Typo >>>>> */


h2 {
width:304px;
height:40px;
padding:40px 20px 0 20px;
margin:5px 0 30px 0;
background:url(img/h1bg.png) no-repeat left top;
font-family:"Arial Black", Arial, Helvetica, sans-serif;
color:#FFF;
line-height:2.0em;
font-size:1.6em;
overflow:hidden;

clear:both;
}

h2.sIFR-replaced {
padding-top:47px;
height:30px;
}



h2.datetitle {
background:url(img/h12bg.png) no-repeat left top;
height:65px;
padding-top:10px;
padding-bottom:0;
line-height:1.6em;
margin-top:30px;

}


h2.datetitle.sIFR-replaced {
line-height:5.0em;
padding-top:17px;
height:60px;
}



.main h2 a {
color:#FFF;
}

h2 a:hover {
color:#240b07;
}


h3, h3.sIFR-replaced a {
font-family:"Arial Black", Arial, Helvetica, sans-serif;
color:#aceae6;
text-decoration:none;
font-size:1.4em;
font-weight:bold;
margin:40px 0 20px 0;
padding-left:20px;
letter-spacing:-0.05em;
background:url(img/h3icon.gif) left 5px no-repeat;
clear:both;
display:block;
z-index:10;
}

.side h3 {
background-image:none;
padding-left:0;
}


h3.mask3 {
margin:20px 0 15px 0;
}


h3.mask3.sIFR-replaced {
margin:20px 0 0 0;
}

.main h4 {
background:url(img/h2bg.png) no-repeat left top;
width:305px;
height:32px;
font-family:"Arial Black", Arial, Helvetica, sans-serif;
color:#240b07;
padding:20px 20px 10px 83px;

font-size:1.4em;
margin:40px 0 20px 0;
clear:both;
overflow:hidden;
}


.main h4.datum {
color:#240b07; 
width:143px; 
margin-left:-20px; 
font-size:1.2em; 
margin-bottom:20px;
margin-top:-55px;
}


.side h4 {
background:url(img/sideboxh3.png);
height:38px;
display:block;
color:#3cb7b0;
font-family:"Arial Black", Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
margin-top:40px;
padding:60px 0 0 20px;
}


.side h5, .side h4.mod_upcoming_events {
background:url(img/sideboxh4.png);
height:33px;
display:block;
color:#fff;
font-family:"Arial Black", Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
margin-top:40px;
padding:65px 0 0 20px;
}


h6, h6 a {
padding:5px;
margin-bottom:10px;
margin-top:10px;
color:#4abab4;
font-family:"Arial Black", Arial, Helvetica, sans-serif;
background:#240b07;
font-size:0.9em;
text-transform:uppercase;
width:auto;
display:block;
}


a {
font-weight:bold;
text-decoration:none;
}

.main a {
color:#e5331f;
text-decoration:none;
}

.main a:hover {
color:#d59c91;
}

.main p {
margin-bottom:0.8em;
color:#dccdcb;
}

.main p strong, .main ul li strong {
color:#FFF;
}



hr {
color:transparent;
background-color:transparent;
border-width:0;
border-style:none;
outline:none;
clear:both;
display:block;
margin:40px 0 0px 0;
width:620px;
text-align:left;
border-bottom: 1px dashed #d59c91;
height:2px
}



/* Content Lists */
.main ul li {
border-bottom:1px dotted #4abab4;
padding:5px;
display:block;
width:60%;
margin-bottom:0px;
background:url(img/footerbg2.gif) no-repeat 200px -10px #1e0804;
color:#e0cbc7; 

padding:10px;

color:#a8796f;
margin-top:0px;

}


.article ul {
background:url(img/headeer.png)  no-repeat right top;
border-top:1px dotted #4abab4;
padding:10px;
}

.eventfull ul {
background-image:none;
padding:0;
}




/* CMS Elements */

.article, .main .mod_article, .ce_text {
width:620px;
padding:0;
background:url(img/contenptbg.gif) center bottom;
border-bottom:5px solid #e5331f;
margin-bottom:20px;
clear:both;

}

.button {
background:#e5331f;
color:#FFF;
font-size:0.8em;
font-weight:bold;
padding:3px;
margin-right:20px;
cursor:pointer;
margin-top:5px;
float:right;
text-indent:-666em;
z-index:99;
}




.more {
background:url(img/arrow.gif) no-repeat center center #e5331f;
width:12px;
height:12px;
text-indent:-999em;
}

span.back {
background:url(img/arrowback.gif) no-repeat center center #e5331f;
width:12px;
height:12px;
text-indent:-999em;
margin-right:20px;
}

span.slide2.back {
margin-right:20px;
}

.more:hover, .back:hover, a.backbutton:hover {
background-color:#4abab4;
}


a.backbutton {
text-indent:0;
color:#fff;
font-size:0.9em;
padding-right:5px;
position:absolute;
background:url(img/arrowback.gif) no-repeat 5px center #e5331f;
right:20px;
top:40px;
padding-left:20px;
}



/* Pagination */

div.pagination ul li {
width:auto;
float:left;
padding:0px;
margin-right:2px;
border:0;
}


div.pagination a, .pagination span.current {
width:auto;
float:left;
padding:0px;
margin-right:2px;
display:block;
padding:4px;
background:url(img/metabg.png) -20px center;
border:0;
}

/* Newsbeitraege */

.meta {
height:77px;
display:block;
padding:35px 20px 0 50px;
clear:both;
color:#87524a;
margin-top:10px;
background:url(img/metabg.png) no-repeat;
font-size:0.8em;
}


.meta span {
float:left;
}

.morelink {
float:right;
display:inline;
font-size:1.2em;
margin-right:120px;
background:url(img/arrow.gif) no-repeat 5px center;
padding-left:20px;

}

.submeta {
text-align:center;
background:url(img/contentbg.gif) right center;
color:#FFF;
position:absolute;
bottom:3px;
left:8px;
width:120px;
padding:5px 5px;
margin-top:10px;
border-top:1px dotted #4abab4;
}



/* RSS Box */
div#rssbox {
margin-left:0px;
margin-top:40px;
padding-top:80px;
height:63px;
font-size:0.9em;
background:url(img/rssbox.png) no-repeat left top;
border-color:#aceae6;
}

div#rssbox a {
margin-right:10px;
background:url(img/xml_rss.gif) no-repeat 3px center #fff;
padding:3px 3px 3px 25px;
width:50px;
display:block;
margin-bottom:5px;
clear:both;
color:#4abab4;
text-align:left;
}

div#rssbox a:hover {
color:#FFF;
background-color:#56ccc6;
}



/* Dates, Kalender etc */

div.mask {
width:620px;
height:210px;
overflow:hidden;
position:relative;

}

div.mask ul.nextdate {
width:2630px;
height:210px;

}


div.nextdate, ul.nextdate li {
float:left;
width:200px;
padding:0;
border:0;
height:203px;
background:url(img/ecken_dates.png) no-repeat center bottom;
margin-right:10px;
position:relative;
margin-bottom:40px;
overflow:hidden;
border-top:3px solid #FFF;
}

.nextdate h5 a {
border:3px solid #FFF;
display:block;
color:#e53520;
padding:5px 4px;
height:27px;
font-size:14px;
text-align:center;
border-width:0 3px 3px 3px;
background:url(img/footerbg.gif) top right #1e0804;
overflow:hidden;
line-height:2.0em;
}

.nextdate h5 a:hover {
color:#FFF;

}

a.infos {
position:absolute;
top:-180px;
height:140px;
overflow:hidden;
width:184px;
left:3px;
padding:5px;
background:url(img/footerbg2.gif) top left;
color:#df9890;
font-size:0.8em;
line-height:1.35em;

}

.infos strong {
color:#FFF;
}

.nextdate h5 a em {
font-weight:normal;
font-style:normal;
color:#df9890;

}


.main ul.nextdatelist {
border-bottom:5px solid #e5331f;
width:620px;
}

.main ul.nextdatelist li {
width:auto;
background-image:none;
background-color:transparent;
padding:0;
margin-bottom:20px;
color:#a8796f;
}


.main ul.nextdatelist li p {
color:#a8796f;
margin-bottom:0;
}


.main ul.nextdatelist li div.eventfull {
margin-left:0px;
width:394px;
}




/* Next Dates Right */

.side ul.nextdate {
background:url(img/submenubg.png) no-repeat left -92px #4abab4;
border-bottom-color:#9eccc7;
width:auto;
padding:0;
height:220px;
padding-left:20px;
margin:0;
}

.side ul.nextdate li {
float:left;
width:104px;
padding:0;
list-style:none;
list-style-type:none;
border:0;
height:auto;
background:url(img/ecken_dates.png) no-repeat center bottom;
margin-right:10px;
position:relative;
margin-bottom:10px;
overflow:hidden;
border:3px solid #FFF;
}

.side .nextdate a img {
border:0;
position:relative;
}

.side .nextdate a {
padding:0;
height:auto;
font-size:0.8em;
}


.side .nextdate a.desc {
display:block;
color:#4abab4;
padding:5px 4px;
font-size:0.9em;
width:auto;
border-top:3px solid #e5331f;
height:40px;
text-align:left;
background:url(img/footerbg2.gif) left top #1e0804;
overflow:hidden;
}



/* Event-Ansicht */
.main .eventfull ul li {
width:auto;
color:#cdb3ae;
}


.eventcontain {
background:url(img/eventullbg.gif) right top;
margin-top:40px;

width:620px;
padding:0;
border-bottom:5px solid #e5331f;
}

.eventcol {
padding:0; width:206px;float:left;
}

.main .eventfull {
width:374px;
float:right;
overflow:hidden;
clear:none;
margin-right:0px;
margin-top:0px;
padding-top:60px;
background-image:none;
background-color:transparent;
border:0;
padding:0;

}


.ecke {
width:10px;
background:url(img/eckebg.png) no-repeat right top;
float:left;
height:11px;
}

.eventinfos {
width:186px;
clear:both;
padding:20px 10px;
background:url(img/eventfullbg.gif) left top;
border-bottom:1px dotted #4abab4;


}

.eventinfos strong {
color: #4abab4;
}





/* Calendar Table */

.calendar {
margin-left:0px;
margin-top:0px;
border-collapse:collapse;
width:620px;
font-size:0.9em;
border-color:#aceae6;
 background:url(img/contentbg.gif) no-repeat left -100px;
}



table.minicalendar {
margin-left:0px;
margin-top:0px;
border-collapse:collapse;
width:280px;
font-size:0.9em;
background:url(img/submenubg.png) no-repeat left -100px;
border-color:#aceae6;
}


.calendar td, .calendar tr {
border:1px solid #32130d;
border-collapse:collapse;
margin:0;
text-align:center;
}


.calendar td {
  vertical-align: top;
  padding: 3px;
  height:75px;
  width: 75px;
border:1px solid #307f7b;
 background:url(img/submenubg.png) no-repeat left -100px;
color:#FFF;
font-weight:bold;
}



table.minicalendar td {
text-align:center;
border:1px solid #307f7b;
color:#FFF;
font-weight:bold;


}


table.minicalendar a, table.calendar a {
background:#e5331f;
color:#FFF;
font-weight:bold;
display:block;
}


table.minicalendar a:hover, table.calendar a:hover {

background:#FFF;
color:#4abab4;

}



table.calendar a {
margin-bottom:5px;
}




.minicalendar td.weekend, .calendar td.weekend {
background:#5dcdc7;
 background:url(img/sideboxbg.gif) no-repeat left top;
 color:#31120c;
}


table th {
background:url(img/footerbg.gif) no-repeat center left transparent;
padding:5px;
color:#FFFFFF;
border:1px dotted #000;
border-bottom:3px solid #4abab4;
}

th.head {
color:#4abab4;
font-family:"Arial Black", Arial, Helvetica, sans-serif;
font-size:1.0em;
text-transform:uppercase;
}


table th a {
color:#FFF;
font-size:0.8em;
display:inline;
background-color:transparent;
}


table th.previous a, table th.next a, table th.previous a:hover {
display:block;
background:url(img/arrowback.gif) no-repeat center center #e5331f;
width:12px;
height:12px;
padding:3px;
text-indent:-666em;
}


table th.next a, table th.next a:hover {
background:url(img/arrow.gif) no-repeat center center #e5331f;
float:right;
}







/* 4er Boxes */

.main .fourbox li {
width:147px;
padding:0;
border:0;
background:url(img/ecke_oben.png) no-repeat left top;
padding-top:9px;
float:left;
margin-right:10px;
position:relative;
margin-bottom:10px;
}

.fourbox h5 a {
display:block;
background:url(img/box_banderole.png) no-repeat center top;
height:23px;
width:138px;
text-align:center;
padding:14px 0 0 5px;
color:#FFF;
margin-top:-20px;
z-index:50;
position:absolute;
margin-left:2px;
overflow:hidden;
}


.fourbox h5 a:hover {
color:#df9890;
}


.fourbox div.desc {
overflow:hidden;
left:3px;
width:131px;
display:block;
padding:20px 5px 20px 5px;
background:url(img/footerbg2.gif) top center;
color:#df9890;
font-size:0.8em;
line-height:1.35em;
border:3px solid #FFF;
height:65px;
overflow:hidden;

}




/* Media */


.nextdate img, .fourbox img {
border:3px solid #FFF;
border-top-width:0;
display:block;
}





.fourbox img {
border-top-width:3px;
z-index:10;
}

a.teaserlink {
display:block;
position:relative;
}

img {
border:3px solid #FFF;
}

a.thumblink, a.ecken, div.imgcontain, a.flyerpreview, #thumbs a.thumb {
display:block;
background:url(img/ecken_bild.png) no-repeat left top;
padding-top:9px;
float:left;
margin-right:20px;
margin-bottom:10px;
margin-top:-9px;
position:relative;
}

.side a {
position:relative;
}

.mod_eventreader a.thumblink, .mod_eventreader_block div.imgcontain {
margin-right:0;
margin-top:0px;
clear:both;
margin-bottom:20px;
}

a.thumblink img, a.flyerpreview img, a.thumb img {
border:3px solid #FFF;
}

div.clubgall a.thumblink {
margin-right:10px;
}



.imgicon {
position:absolute;
top:50%;
left:50%;
margin-left:-12px;
margin-top:-12px;
width:25px;
height:25px;
background:url(img/arrow.gif) no-repeat center center #000;
}

.side .imgicon {
margin-top:-50px;
}


/* Fancybox */




/* Form */

input,textarea {
padding:5px;
background:#e5f3f4;
border:1px solid #FFF;
font-size:0.8em;
}

div.formbody  {
width:580px;
padding:20px;
background:url(img/footerbg2.gif) center bottom;
border-bottom:5px solid #e5331f;
margin-bottom:20px;
clear:both;

}


textarea {
width:400px;
height:250px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
}

label {
clear:both;
width:100px;
display:block;
}

input.text {
width:140px;
}

#footer form {
float:left;
padding-top:10px;
}

input.submit {
padding:3px;
font-family:"Arial Black", Arial, sans-serif;
font-size:0.9em;
border:0;
color:#FFF;
background:#e5331f;
}