html{
height: 100%;
}

body {
background:transparent url(images/bg.jpg) repeat-x scroll 0% top;
font-family:  Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
font-stretch: normal;
line-height: normal;
margin:0px;
padding:0px;
height: 100%;
}

div#wrapper {
width:890px;
margin: 0px 0px 0px 100px;
}

div#banner_bg {
height:134px;

}

div#header {
/*background:#ffffff url(images/header.gif) no-repeat scroll 0%;*/

width:843px;
}

#headbanner {
left:-75px;
margin-top:-75px;
position:relative;
z-index:-1;
}


div#main_navi {
background-image:url(images/main_navi_bg.gif);
background-repeat:repeat-x;
margin:10px 0 0;
padding:10px 0 0;
}


ul#primary {
background-color:#BC0005;
background-image:url(images/bg_navi_primary.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
height:35px;
list-style-type:none;
margin:7px 0 0;
padding:0;
text-transform:uppercase;
width:883px;
}

ul#primary li {
display:block;
float:left;
height:35px;
}

#primary a {
background:transparent url(images/bg_navi.jpg) repeat scroll -20px 35px;
}

ul#primary li a {
border-right:2px dotted #980718;
color:#FFFFFF;
display:block;
font-size:10px;
height:13px;
outline-style:none;
outline-width:medium;
padding:11px 0;
text-align:center;
text-decoration:none;
width:120px;
font-weight: bold;
}


ul#primary li a:hover {
background-position:-150px 0;
color:#EF0000;
}


ul#primary li span.active{
background-color:#8F0006;
border-right:2px dotted #980718;
color:#FFFFFF;
display:block;
font-size:10px;
height:15px;
padding:10px 0;
text-align:center;
width:103px;
font-weight: bold;
}



#linesubnavi {
background-image:url(images/main_navi_bg.gif);
border:0 hidden;
height:20px;
margin:0;
padding:0;
}


#content_wrapper {
background-color:#FFFFFF;
border:1px solid #C7C3C3;
float:left;
margin:0px 20px 70px 0px;
padding:12px;
width:541px;
}

#content {
background-image:url("images/streifen.jpg");
background-repeat:repeat;
border:1px solid #C7C3C3;
float:left;
height:auto;
padding: 10px 10px 13px 10px;
}

#produkte_button{
background-image:url(images/aktuelle_produkte.png);
background-repeat:no-repeat;
height:60px;
left:-15px;
margin:0;
position:relative;
top:-10px;
width:237px;
}



div.thumbmail a:hover,a#heftlink:hover{
background-color:#9F9F9F;
color:#3C3C3C;
}

div.thumbmail a img{
width:235px;
height:90px;
border: none;
}

div.thumbmail_quad a img{
width:90px;
height:90px;
border: none;
}

span.padding{
display:block;
padding:5px;
background-color:#EEEEEE;
font-size:10px;
margin-top:3px;
}
span.padding:hover{}

div.thumbmail a{
width:237px;
display:block;
margin-bottom:5px;
padding:5px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
font-weight:bold;
text-decoration:none;
color:#9F9F9F;
}


hr.line {
background-color:#FFFFFF;
background-image:url(images/line.gif);
background-repeat:no-repeat;
border:medium none;
display:block;
float:left;
height:17px;
width:519px;
margin: 0px 0px 20px 0px;
}


/*Content Kopie von teaser*/
div.content {
background-color: transparent;
float:left;
margin:0 0 20px 0;
width:520px;
}


h1{
color:#FFFFFF;
font-family:Georgia,Serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:6pt 3pt 10px;
}

h2{
color:#3C3C3C;
font-family:Arial, Verdana;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:6pt 3pt 10px;
}


.eTip{
background-image: url("images/hand.png");
background-repeat:no-repeat;
height:50px;
left:460px;
position:absolute;
width:50px;
}


/*Ende Content*/

a{
text-decoration: none;
outline: none;
color: #3C3C3C;
}

a:hover{
text-decoration:  underline;
}

span.rot_auszeichnung{
background-color: #bc0005;
color: #ffffff;
padding: 0px 2px 0px 4px;
}

#footer { 
clear:both; 
background:url(images/footer.jpg) top center; 
height:233px; 
color:white;
}


/*----------------------SIDEBAR -------------------------- */

#side{
float:left;
}


#sidebar_container_wrapper{
min-height: 500px;
}

.sidebar_wrapper {
background-color:#FFFFFF;
border:1px solid #C7C3C3;
float:left;
padding:12px;
width:265px;
margin:0px 0px 10px 0px;
}

.sidebar {
background-image:url("images/streifen.jpg");
background-repeat:repeat;
border:1px solid #C7C3C3;
padding: 0px 0px 10px 10px;
float: left; 
width: 255px;
}

.xfacebook{
margin:0px 0px 10px 0px;
}

/*----------------------------ENDE SIDEBAR------------------------*/


div.pagination{}

div.page_number a.smallwhite{
background-color:#FFFFFF;
border-bottom:3px solid #C7C3C3;
border-right:1px solid #C7C3C3;
border-left:1px solid #C7C3C3;
border-top:1px solid #C7C3C3;
color:#3C3C3C;
display:block;
float:left;
font-size:9px;
margin-right:2px;
padding:5px 10px;
text-decoration:none;
}

div.page_number span.smallblack{
background-color: #5C5C5C;
color: #fff;
font-size: 9px;
margin-right: 2px;
float: left;
display: block;
padding: 5px 10px;
border-bottom: 3px solid #5C5C5C;
border-left:1px solid #5C5C5C;
border-right:1px solid #5C5C5C;
border-top:1px solid #5C5C5C;
text-decoration: none;
}

div.page_number a.smallwhite:hover,div.page_text a.smallwhite:hover {
background-color: #bc0005;
border-bottom: 3px solid #BC0005;
border-left: 1px solid #BC0005;
border-right: 1px solid #BC0005;
border-top: 1px solid #BC0005;
color: #fff;
}

div.page_text a.smallwhite {
background-color:#FFFFFF;
border-bottom:3px solid #C7C3C3;
border-right:1px solid #C7C3C3;
border-top:1px solid #C7C3C3;
border-left:1px solid #C7C3C3;
font-size: 9px;
margin-right: 2px;
float: left;
display: block;
padding: 5px 10px;
text-decoration: none;
}

div.page_none a.smallwhite{
background-color: #8F0006;
border-bottom: 3px solid #8F0006;
color: #fff;
font-size: 9px;
margin-right: 2px;
float: left;
display: block;
padding: 5px 10px;
text-decoration: none;
}

a.smallwhite{}

form.feedbackform{
float: left;
width: 520px;
}

form.feedbackform input{
width: 385px;
}

/* ------------------ Planer ---------------------------------- */

#filter p{
margin: 0px;
}



div#filter h3{
background-color:#5C5C5C;
border-top:4px solid #44A8C6;
color:#FFFFFF;
font-family:arial;
font-size:10px;
font-weight:bolder;
margin:10px 0 0;
padding:2px 4px;
text-transform:uppercase;
width:232px;
}


div.filtermenu{
float: left;
margin-left: 14px;
}

* html div.filtermenu{
margin-left: 9px;
}

select#region, select#kategorie, select#veranstalter, select#beginn{
border:1px solid #C7C3C3;
padding:2px;
width:240px;
}

select#region:hover, select#kategorie:hover, select#veranstalter:hover{
background-color: #fff;
}


select#region option, select#kategorie option, select#veranstalter option{
outline: none !important;
border: 0px;
}

select#region option:hover, select#kategorie option:hover, select#veranstalter option:hover{
outline: none !important;
background-color: #bc0005;
color: white;
}

input#planer_submitbutton{
background-color:#44A8C6;
border:3px solid #098D9F;
color:#FFFFFF;
font-family:Arial;
font-weight:bold;
font-size:10px;
margin:10px 0 0 15px;
padding:2px;
text-transform:uppercase;;
}

div.theme{
color: #fff;
margin:0 0 10px 0;
background-color:#fff;
height:155px;
width:520px;
border-bottom:5px solid #C7C3C3;
}


h2.programmdate{
background-color: #fff;
padding: 10px;
margin: 0px 0px 10px 0px;
text-transform:uppercase;
}

.underlined_gray{
background-color:#44a8c6;
color:#FFFFFF;
cursor:pointer;
display:inline;
font-size:14px;
font-weight: bold;
text-transform: uppercase;
padding: 1px 10px 1px 5px;
}

.clear{
clear: both;
}

hr.dotted{
border-top: 2px dotted #5C5C5C;
border-bottom: none;
border-left: none;
border-right: none;
}



div.open { 
background-color:#FFFFFF;
height:50px;
margin:0 0 0px;
outline-style:none;
outline-width:medium;
padding:10px;
border-bottom: 5px solid #C7C3C3;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-top:1px solid #fff;
}

div.open:hover { 
background-color: #e5ecee;
background-image: url("images/ui_state_bg.jpg");
background-repeat: repeat-x;
width:498px;
border-bottom: 5px solid #44a8c6;
border-left:1px solid #C7C3C3;
border-right:1px solid #C7C3C3;
border-top:1px solid #C7C3C3;
}

div.ui-state-active{
background-color: #e5ecee;
background-image: url("images/ui_state_bg.jpg");
background-repeat: repeat-x;
border-bottom: 5px solid #44a8c6;
border-left:1px solid #C7C3C3;
border-right:1px solid #C7C3C3;
border-top:1px solid #C7C3C3;
}

div.hidden {
background-color:#fff;
border-left:1px solid #C7C3C3;
border-right:1px solid #C7C3C3;
border-bottom:1px solid #C7C3C3;
color:#3C3C3C;
font-size:12px;
margin:0;
padding:11px;
}

div.arrow_white{
background-image:url(images/arrow.gif);
background-repeat: no-repeat; 
height:8px;
width:8px;
float: left;
margin: 2px 5px 2px 2px;
}

div.categoryheadline{
background-color:#BC0005;
color:#FFFFFF;
font-family:Arial;
font-size:10px;
text-transform:uppercase;
}

hr.lineplaner {
background-color:#FFFFFF;
background-image:url(images/line.gif);
background-repeat:no-repeat;
border:medium none;
display:block;
float:left;
height:17px;
width:519px;
margin: 0px;
}

a.jumper{
}

a.calChoseMonth{
background-color:#098D9F;
color:#FFFFFF;
float:left;
font-family:arial;
font-weight: bold;
font-size:12px;
height:15px;
width:20px;

}

div#calendar{
width: 209px;
background-color:#098D9F;
margin-top:12px;
width:245px;
clear:both;
display: block;
}


p.calSelMon{
color:#FFFFFF;
float:left;
font-family:arial;
font-size:10px;
font-weight:bold;
margin:0;
padding:2px 0 0;
text-align:center;
text-transform:uppercase;
width:165px;
}

table.cbox{
border-bottom: 5px solid #C7C3C3; 
width:100%;
float: left;
}

td.calBxDayNm{
background-color:#44a8c6;
color:#FFFFFF;
font-size:14px;
padding:2px;
border-bottom:4px solid #44a8c6;
border-top:4px solid #098D9F;
}

div#calendar table  tr {
}

div#calendar table  tr.tablehead {
background-color: #098D9F;
color: #fff;
text-align:center;
}


td.calBxDayNr{
background-color:#FFFFFF;
font-size:11px;
border-bottom: 1px dotted #3C3C3C;
}

td.calBxDayNr a{
color:#3C3C3C;
font-weight: bold;
display:block;
padding: 6px;
text-decoration: none;
text-align:center;
}


td.calBxDayNr a:hover{
color:#ffffff !important;
background-color: #bc0005;
}

td.calBxDayNr a.calTodayNr{
color:#3C3C3C;
background-color: #EFEFEF;
font-size: 11px;
}

.calDayNr calSelDay{

color:#ffffff !important;
background-color: #bc0005;

}

a.calDOthMth, a.calDOthMth:link, a.calDOthMth:visited, a.calDOthMth:active, a.calDOthMth:hover, a.calDOthMth:focus {
color: #CCCCCC;
}

table.cbox a.calSelDay:link, table.cbox a.calSelDay:visited, table.cbox a.calSelDay:active, table.cbox a.calSelDay:hover {
background-color:#bc0005;
color:#FFFFFF;
}



.notInMonth{
color: #eee;
background-color: #F8F8F8;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 1px solid #EEEEEE;
}

div#accordion{
position: relative;
width: 520px;
}

/*.planer_event {
margin-bottom: 5px; 
}*/


.planer_event {
margin-bottom: 7px; 
}

#planer_event {
min-width: 497px;
padding: 0px 0 6px 0px;
}

#planer_category { 
font-weight: bold; 
}

.planer_event_date { 
background-image: url("images/time_field.jpg");
background-repeat: no-repeat;
float:left;
height: 50px;
width: 63px;
}

div.time{
color:#FFFFFF;
font-size:17px;
font-weight:bold;
padding:3px 0 0 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.time sup{
font-size:9px;
left: 1px;
position:relative;
top:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.planer_event_name {
cursor: pointer;
}

#planer_event_name:hover {
color: red;
}


#planer_description {
margin: 0px;
padding: 0px;
}


.planer_location { 
margin: 0px;
padding: 0px;
}


dd div{
margin: 0px;
padding: 0px;
}


.planer_event_infobox {
margin: 0px;
padding: 0px;
}


.name {
margin: 0px 0px 5px 0px;
text-transform:uppercase;
}


.description {
margin: 0px;
padding: 0px 0px 10px 0px;
line-height:18px;
}

.adress {
font-size: 10px;
float: left;
padding-right: 20px;
}

h3.location{
color:#3C3C3C;
font-family:arial;
font-size:14px;
margin:5px 0;
padding:4px 0 0;
}


table.contactbox{
font-size: 10px;
}

.location, .street, .zip_town {
margin: 0px;
padding: 0px 10px 0px 0px;

}

.phone, .email, .www{
margin: 0px;
padding: 0px 0px 0px 10px;

}



/*PAGAINATION*/


div.pageNavLinks{
margin-top: 10px;
}

a.listPageNav{

background:#FFFFFF none repeat scroll 0 0;
border:1px solid #C7C3C3;
color:#777777;
font-size:10px;
padding:5px 10px;

}

a.listPageNav:hover{
background:#BC0005;
color: #FFFFFF;

}

div a.listPageNavAct{
background:#3C3C3C;
color: #FFFFFF;
}


div.no_content{
background-color: #FFFFFF;
padding:0 10px 10px 15px;
}


.banner{
    margin-bottom: 10px;
    width: 285px;
	clear: both;
}

.banner a {
border: 1px solid black;
display: block;
}
	
.banner a img {
	width: 283px;
}

/* -------------------------- Ende Planer --------------------------*/