/* @group Main Cols*/

div#page {
  margin:0 0 0 20px;
}


div.row {
  overflow:hidden;
  padding-right: 250px; /* The width of the rail */
}



* html div.row{
  height:1%; /* So IE plays nice */
	
}

div.left {
  	float:left;
  	width:100%;

}

div.right {
 	width:250px;
  	float:left;
  	margin-right:-290px;
}


/* @end */

/* @group Container Styles */

div#headerContainer {
	height:  118px;
}

div#logo {
	padding-top: 20px;
}

div#navContainer {
	height: 80px;
	background: url(/images/navbg.jpg);
}

div#contentContainer, div#headlineContainer {
	background: url(/images/content_bg.gif) right;
}

div#headlineContainer {
	height: 80px;
	overflow: hidden;
}

div#content {
	padding-right:20px;
	margin-left: 170px; /* subnavcontainer width + 20px */
}

div#content.start {
	margin-left: 0px; /* startseite */
}


div#boxen {
	background: #e9efe6;
	color: #3a721e;
}

div#subnavContainer {
	width: 150px;
	float:  left;
	background: #39701e;
	margin-right: 20px; /* margin for content */
	
}

div#footer {
	margin-left: -20px;
	font-size:  90%;
	margin-top: 50px;
	height: auto;
	background: #e9efe6;
}

div#footer ul {
	list-style: none;
	margin: 0;
	padding: 10px;
	line-height: 20px;
}

div#footer ul li {
	padding-left: 10px;
	float: left;
}

div#footer ul li a {
		color: grey;
}

div#footer ul li a:hover {

}



/* @end */

/* @group Typo & Content */

/* @group Typo Basic */
/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size: 100.01% }

/* (en) reset monospaced elements to font size 16px in Gecko browsers */
/* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
textarea, pre, tt, code {
  font-family:"Courier New", Courier, monospace;      
}

/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body { 
  font-family: Helvetica, Verdana, Helvetica, Arial, sans-serif;
  font-size: 75.00%;
  background: url(/images/page_bg.jpg) repeat-x;
}

body a, body a:visited {
	color: #000;
	text-decoration: none;
}


/* @end */

h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
h1 { font-size: 200% }                        /* 24px */
h2 { font-size: 166.67% }                     /* 20px */
h3 { font-size: 150% }                        /* 18px */
h4 { font-size: 133.33% }                     /* 16px */    
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic }   /* 14px */

p, address { line-height: 1.3em; margin: 0 0 1em 0 }

#content a, div#boxen a {
	font-weight: bold;
	background: url(/images/link_widget.gif) top left no-repeat;
	padding-left: 10px;
}

#content a:hover, div#boxen a:hover {
	color: #39701e;
}

#content h3 {
	margin-top:  20px;
	margin-bottom: 10px;
	color: #39701e ;
	border-bottom: 1px dotted #39701e;
}

#content div.image_container {
	background: #e9efe6;
	padding: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
}

#content div.image_container img {
	border: 1px solid #39701e;
}

div.image_container a{
	border: none;
	background: none !important;
}

#content div.contentHeaderImg div.image_container {
	background: url(/images/bg_logo_tiling.gif);
}


div.image_container a{
	padding:0 !important;
}



/* @group forms */

div.formbody label {
	width: 200px !important;
	float: left;

}

div.formbody input {
	padding: 5px;
	margin-bottom: 5px;
}

div.formbody textarea {
	padding: 5px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
}

div.checkbox_container label{
	float: none;
	width: auto;
}

div.checkbox_container span{
display: block;
}



/* newsletter */

p.error {
	color: red;
	font-weight: bold;
}


/* @end */

/* gallery */

div.ce_gallery table td {
	text-align: center;
	vertical-align: center;
	height: 100px;
}

div.ce_gallery table div.image_container {
	margin: 0 !important;
	padding: 0 !important;
}

/* pdf link */
div.pdf_link {

	display: block;
	margin-top: 10px;
}



/* @end */

/* @group Headlines Content & Boxen */

/* @group Startseite */


#startseitebox div.ce_text {
	height: 200px;
	overflow: hidden;

}



/* @group Speiseplan Table */

#content table {
	width: 100%;
}

#content table td {
	padding: 5px;
	border: 1px solid #fff;
	background: #e9efe6;
}



/* @end */

div.welcomeText {
	background: #8fbc11 url(/images/contentheader_bg_left.gif) top left no-repeat;
	color: #39701e;
	margin-bottom: 20px;
}

div.welcomeText h2 {
		background: url(/images/contentheader_bg_right.gif) top right no-repeat;
		padding: 10px;
}

div.welcomeText h2 em{
font-style: normal;
}

div#content div.welcomeText div.image_container {
	border: 0;
	background: transparent;
	
}

div#content div.welcomeText div.image_container img{
	border: 0;
	background: transparent;
	
}

/* @group 3 col images */



table#start_Table {
	margin: 0 0 20px 0;
	padding: 0;
}

table#start_Table td{
	margin: 0;
	text-align: center;
}

table#start_Table tr td{
	padding: 5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #e9efe6;
	border-right: 1px solid #fff;
}

table#start_Table tr td img {
	margin: 0;
}

tr.startsTableType td{
	background: #e9efe6;
}

table#start_Table div {
	background: #39701e;
	color: #8fbc11;
	line-height: 20px;
}

div.welcomeText div h3 {
		background: url(/images/contentheader_bg_right.gif) top right no-repeat;
}



/* @end */

/* @group Startseite 3Spaltig */

div#startseitebox {
		clear: both;
		float: none;
}




div#startseitebox div {
	width: 30%;
	float: left;
	margin: 1%;
	padding: 0;
	border: 1px dotted #000;
	
}

div#startseitebox div div {
	width: 100%;
	border: 0;
	text-align: center;
	padding: 0;
	margin: 0;
	border: none;
}

/* overwrite newlist settings */
div#startseitebox div.mod_newslist{
	padding: 0;
	margin: 1%;
}

div#startseitebox div.mod_newslist img{
	padding: 0;
	margin: 0;
}


div#startseitebox div img {
	border: none !important;
}



div#startseitebox h3 {
	line-height: 25px;	
	font-size: 1em;
	margin: 5px;
	padding: 0 0 0 10px;
	border: 0;
	display: block;	
	background: #fff;
	color: #39701e;

}


div#startseitebox a {
	font-size: 1.5em;
	background: none;
	color: #39701e;
	
	}


div#content div#startseitebox div.image_container {
margin: 0 0 0 0;
padding: 0 0 10px 0;
line-height: 10px;
background: #fff;
}

/* @end */






/* @end */



/* @group News */

div#content div.mod_newslist div.layout_short{
	
}

/* @group Events liste & Newsliste Startseite */

div.mod_upcoming_events, div.mod_newslist.block {
	line-height: 25px;
	border: 1px solid #e9efe6;
	padding: 5px;
	
}

div.mod_upcoming_events div.date, div.mod_newslist.block div.date{
	width: 120px;
	float: left;
	line-height: 16px;

}

div.mod_upcoming_events div.eventdescr{
}

div.mod_upcoming_events div.event.odd {
	background: #e9efe6;


}

div.mod_upcoming_events div.event:hover {
	
}

p.startseiteNewsTeaser {
	background: #e9efe6;
	padding: 5px;
}


h4 a {
	display: block;
	line-height: 18px;
}


/* @end */


/* @group Presse */

div.presse h4 {
	font-size: 12px;
	line-height: 12px;
}

div.presse div.block {
	padding: 10px;
}

div.presse div.odd {
	background: #e9efe6;


}

/* @end */ 



div#content span.info { /*news, events allgemein: datum */
	font-weight: normal;
	color: grey;
}

div#content div.mod_newslist span.info, div#content div.mod_newsreader span.info{ /*datum news */
	float:right;
}



div#content div#termine-detail p.info { /*datum termine */
	font-size: 150%; 
	font-weight: normal;
	color: grey;
	margin-top: -10px;
	margin-bottom: 5px;
}

div#content div.mod_newslist h3 a {
	border-bottom: none;
	background: #fff url(/images/link_widget.gif) left  no-repeat;
	color: #39701e;
	display: block;
}


div#content div.mod_newslist div.layout_simple a {
	line-height: 16px;
	padding-left: 10px;
	display: block;
	margin-left: 120px;
}

div#content div.mod_newslist h3 a:hover {
		color:  #000;
	}

div#content div.mod_newslist p.teaser, p.more {
	padding-left: 10px;
}


/* contentheader mit zurück zur übersicht link */

div.contentHeader h2 div#back{
	background: #39701e url(/images/newsevents_cattree_bg.gif) repeat-x;
	line-height: 25px;
	height: 25px;
	margin-left:  -10px;
	float: left;
	border-right: 10px solid #8fbc11;
	width: 70px;
}
div.contentHeader h2 div#back a {
	background: none;
	text-decoration: none;
	border-bottom: 0;
	color: #fff;
	padding: 0 10px 0 10px;
	font-size: 1em;		
}

div#content p.back a{
	margin-top: 10px;
	background: url(/images/link_back_widget.gif) top left no-repeat;	
}

div#content p.back a:hover {
}



/* @end */

/* @group accordion */

.toggler { cursor:pointer; }

div.toggler {
	margin: 0;
	padding: 0;
}

div#content div.toggler h3{
	border-top: 1px dotted #39701e;
	border-bottom: 1px solid #fff;
	background: #e9efe6;
	line-height: 25px;
	font-size: 1.0em;
	margin: 0;
	padding: 0 0 0 5px;
}

div#content div.toggler h3:hover {
	color:  #000;
}

div#content div.accordion div { /*content */
	padding:10px;
}


/* @end */

/* @group Headlines img swap */

div#headlineContainer h1 {
	padding: 50px 0 0  0; /* move text outside */
	margin: 20px 250px 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:50px; /* for IE5/Win only */	
}


h1#headline21 {
	background: #fff url(/images/hl_handschuhsheim.gif) no-repeat;
}

h1#headline4 {
	background: #fff url(/images/hl_wieblingen.gif) no-repeat;
}

h1#headline2 {
	background: #fff url(/images/hl_willkommen.gif) no-repeat;
}

h1#headline5 {
	background: #fff url(/images/hl_shop.gif) no-repeat;
}

h1#headline3 {
	background: #fff url(/images/hl_ueberfuq.gif) no-repeat;
}

h1#headline7 {
	background: #fff url(/images/hl_kontakt.gif) no-repeat;
}

h1#headline6 {
	background: #fff url(/images/hl_partyservice.gif) no-repeat;
}




/* @end */





div#Boxen h3, div#content div.contentHeader {
	line-height: 25px;	
	font-size: 1em;
	margin: 0;
	padding: 0 0 0 10px;
	display: block;	

}

div#Boxen h3 {
	background: url(/images/boxen_bg.gif) #8fbc11;	
	color:  #fff;
}

div#Boxen div.caption {
	font-style: italic;
	margin-bottom: 20px;
	color: #000;
}


/* @group contentheader */

div#content div.contentHeader h2 {
	color:  #fff;
	display: block;
	font-size: 1em;	
	background: url(/images/contentheader_bg_right.gif) #8fbc11 no-repeat right;
	margin: 0;
}

div#content div.contentHeader {
	background: url(/images/contentheader_bg_left.gif) #8fbc11;	
}

div#content div.contentHeader h2 {
	font-size: 1em;
}

div.contentHeaderImg {
	margin-bottom: 10px;
	padding: 0;
	background:  #8fbc11;
}

/* @end */

/* startseite */

div#content div.contentHeaderImg img {
	margin: 0;
}

div#content div.contentHeaderImg div.image_container {
	margin: 0;
	padding: 0;
}
div#content div.contentHeaderImg div.image_container img {
	border: 0;
}





/* @end */



/* @group Navigation */


div#navShop {
	background: url(/images/navbg_shop.jpg);
}

div#navService {
	text-align: right;
}

div#navService li {
	display: inline;
}

/* @group Servicenav */

div#service {
	padding-top: 40px;
	margin-right: 20px;
}

div#service ul, div#navMain ul, div#navShop ul{
	list-style: none;
	display: inline;
	padding:0;
	margin: 0;
}

div#service a {
	border-right: 1px solid #39701e;
	border-bottom: none;
	padding: 0 5px;
	text-decoration: none;
}

div#service li.trail a {
	font-weight: bold;
	color: #39701e;
}


/* @end */

/* @group subnav */


div#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div#subnav ul li {
	line-height: 25px;
	border-bottom: 1px solid #32631b;
}

div#subnav a {
	padding-left: 10px;
	color:  #9fd703;
	border-bottom: none;
	display: block;
}

div#subnav a:hover {
	background: #8fbc11;
	color: #000;
}

div#subnav li.trail a, div#subnav li.active a {
	color: #fff;
}


/* first bg */

div#subnav li.first {
	background: #39701e url(/images/subnav_top.gif) repeat-x;
}

div#subnav li.last {
	border-bottom: none;
	background: #39701e url(/images/subnav_bottom.gif) repeat-x bottom;
}

/* @end */





/* @group Main Nav */

div#navleft { /* new layer to prevent nav points from disappering */
}

div#navContainer ul {
	height:  80px;
	overflow: hidden;

}

div#navContainer ul li{
	padding: 0;
	margin: 0;
	list-style: none;
	float:  left;
	overflow: hidden;
	width: 170px;
	height: 80px;
	margin-right: 0px;
}	

div#navContainer ul li a{
	padding: 80px 0 0 0; /* move text outside */
	overflow: hidden;
	float: left;
	width: 170px;
	color:  blue;
	height: 0px !important; 
	height /**/:80px; /* for IE5/Win only */
}

div#navShop ul li#navid5{
	margin-left: 20px;
}


/* @group Nav Points Image Swap */

/* BUTTON */
div#navContainer ul li#navid4 a{
	background: url(/images/nav_wieblingen.gif);
}
div#navContainer ul li#navid21 a{
	background: url(/images/nav_handschuhsheim.gif);
}
div#navContainer ul li#navid6 a{
	background: url(/images/nav_partyservice.gif);
}

div#navContainer ul li#navid5 a{
	background: url(/images/nav_shop.gif);
}


/* HOVER */
div#navContainer ul li#navid4 a:hover{
	background-position: 0 -160px;
}
div#navContainer ul li#navid21 a:hover{
	background-position: 0 -160px;
}
div#navContainer ul li#navid6 a:hover{
	background-position: 0 -160px;
}

div#navContainer ul li#navid5 a:hover{
	background-position: 0 -160px;
}




/* ACTIVE */
div#navContainer ul li#navid4.trail a{
	background-position: 0 -80px;
}
div#navContainer ul li#navid21.trail a{
	background-position: 0 -80px;
}
div#navContainer ul li#navid6.trail a{
	background-position: 0 -80px;
}

div#navContainer ul li#navid5.trail a{
	background-position: 0 -80px;
}




/* @end */	








/* @end */

/* @end */

/* @group Boxen */

div#Boxen div {
	padding: 0 20px 0 20px;
}

div#Boxen div div {
	padding: 0;
}

div#Boxen h3{
}

div#Boxen div.block {
	margin-bottom: 20px;
}

div#Boxen p {
	padding: 10px 0 10px 0;
	border-bottom:  1px dotted #39701e;
}

address {
	font-style: normal;
}


/* @end */





/* @group Calendar */


/**
 * Calendar
 */
.mod_calendar table
{
	width:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

.mod_calendar .head
{
	padding-top:4px;
	padding-bottom:5px;
	text-align:center;
	background-color:#f6f6f6;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.mod_calendar .current
{
	background-color:#8fbc11;
}

.mod_calendar .label
{
	padding-top:3px;
	padding-bottom:4px;
	text-align:center;
	background-color:#bbbbbb;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-weight:bold;
	font-size:10px;
	color:#ffffff;
}

.mod_calendar td
{
	width:14%;
	height:72px;
	padding:1px;
	vertical-align:top;
	background-color:#ffffff;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.mod_calendar .weekend
{
	background-color:#f6f6f6;
}

.mod_calendar .today
{
	background: #e9efe6;
	border: 1px solid black;
}

.mod_calendar .empty,
.mod_calendar .empty .header
{
	background-color:#f6f6f6;
}

.mod_calendar td .header
{
	padding-bottom:2px;
	background-color:#e0e0e0;
	font-size:10px;
}

div#content div.mod_calendar th.head a {
	background: none;
}

.mod_calendar td .event a
{
	font-size:10px;
}


/**
 * Events
 */
.mod_eventlist
{
	margin-right:6px;
}

.mod_eventlist .header
{
	padding:3px 6px 4px 6px;
	background-color:#e6e6e6;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	font-weight:bold;
}

.mod_eventlist .header.first
{
	border-top:1px solid #cccccc;
}

.mod_eventlist .event
{
	padding:10px 6px 12px 6px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

.mod_eventlist .time
{
	margin-top:-6px;
	margin-bottom:6px;
	font-weight:normal;
	color:#999999;
}

/* @end */


/* hide .onlyprint (for speiseplan) */

.onlyprint {
	display: none;
}


/* new shop big image */
div#newshop img{
	border: 0 !important;
}
div#newshop,
div#newshop div  {
	background: #fff !important;	
}