* {margin:0; padding:0;}

/*------ Fixes, Workarounds etc. ----- */
.mainclearfix:after {	/*--- Clearfix für das Float-clearing ---*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .mainclearfix {height: 1%;}
/* End hide from IE-mac */


/* ---------- Basic --------- */
html {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	margin:0; padding:0;
	}
	
body {
	margin:0; padding:0 0 20px 0;
	text-align: left;
	background:url(../images/design/bg.gif) top left repeat-y;}	

#definition {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.71em;
	text-align: left;
	width: 963px;		/* Total-Width: 963px */
	padding: 0;
	margin: 0;		
	}

/* ###################################### */
/* GLOBAL ############################### */
img {vertical-align: bottom; border:none;}
.fl-left {float:left;}
/* ###################################### */


/* ###################################### */
/* HEADER - SHORTNAV #################### */
address {color:#fff; text-decoration:none; font-style:normal; margin:5px 0 0 17px; padding:0 0 30px 0; font-weight:bold;}
address a, a:link, a:hover, a:active, a:visited {color:#fff; text-decoration:underline; font-weight:bold; font-style:normal;}
#header { 
	height:237px;
	clear:both;
	width:963px;
	background:url(../images/design/bg_header.gif) top left no-repeat;}
#headerbox {width:860px; height:76px; display:block;}
#header #headerbox ul {float:right; margin:56px 0 0 0;}
#header #headerbox li.first {
	background:none;}
#header #headerbox li {
	display:inline; 
	font-size:1.06em; 
	font-weight:bold; 
	background:url(../images/design/bg_gnav.gif) left no-repeat; 
	padding:0 0 0 12px; 
	margin:0 3px 0 0;}
#header #headerbox li a { 
	font-weight:bold;
	text-decoration:none;
	color:#000;}
#header #headerbox li a { 
	font-weight:bold;
	text-decoration:none;
	color:#000;}
#header #headerbox li a:hover, #header #headerbox li a.aktiv { 
	font-weight:bold;
	text-decoration:none;
	color:#ff0000;}		


#menu h1{margin:0; font-size:1.06em; color:#fff;}
#menu {margin:-107px 0 0 0; float:left; width:172px;} 
#menu ul {list-style: none; margin: -1px 0 0 0; padding: 0;} 
#menu a {display:block; padding:5px 0 6px 17px; color:#fff; text-decoration:none; font-weight:bold;}
#menu a:hover, #menu a.aktiv{background:#fff; color:#000;}
#menu ul ul {border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #fff; background:#fff;}
#menu ul ul li {border-bottom:1px solid #000; border-left:1px solid #000;}
#menu ul ul span a {background:url(../images/design/arrow_right.gif) top right no-repeat; display:block; padding:5px 0 5px 17px; color:#000; text-decoration:none; font-weight:bold;}
#menu ul ul span a:hover, #menu ul ul span a.aktiv {background:#000 url(../images/design/arrow_right_white.gif) top right no-repeat; display:block; padding:5px 0 5px 17px; color:#fff; text-decoration:none; font-weight:bold;}
#menu ul ul a{display:block; padding:5px 0 5px 17px; color:#000; text-decoration:none; font-weight:bold;}
#menu ul ul a:hover, #menu ul ul a.aktiv {background:#000; color:#fff;}
#menu ul ul ul {border-top:1px solid #000; border-right:1px solid #000; border-left:none; background:#fff;}


#kartingmenu {margin:-107px 0 0 0; float:left; width:172px;} 
#kartingmenu li {position: relative; font-size:1.06em; border-bottom:1px solid #000;}
#kartingmenu ul ul {position: absolute; top: 0; left: 100%; width: 100%;}
div#kartingmenu ul ul, div#kartingmenu ul li:hover ul ul {display: none;} 
div#kartingmenu ul li:hover ul, div#kartingmenu ul ul li:hover ul {display: block;}


#menu li {position: relative; font-size:1.06em; border-bottom:1px solid #000;}
#menu ul ul {position: absolute; top: 0; left: 100%; width: 100%;}
div#menu ul ul, div#menu ul li:hover ul ul {display: none;} 
div#menu ul li:hover ul, div#menu ul ul li:hover ul {display: block;}

div.submenu {float:left; width:703px; border-bottom:1px solid #000; background:#fff; padding:6px 0;}
div.submenu ul {list-style:none; float:left; margin:0;}
div.submenu ul li {display:inline; margin:0 12px; padding:0;}
div.submenu ul li a:hover, div.submenu ul li a.aktiv {text-decoration:underline;}

#homebox-content {float:left; color:#000; margin:0 0 0 36px; display:block;}
#homebox-events {width:430px; float:left; margin:0 0 0 14px; height:204px; border:1px solid #000; background:url(../images/design/homebox_events.gif) left no-repeat;}
#homebox-events p {clear:none;}
#homebox-events h1 {font-size:1.06em; width:417px; display:block; padding:4px 0 6px 13px; background:#000; color:#fff;}
#homebox-news {width:257px; float:left; height:204px; display:block; border:1px solid #ff0000; background:url(../images/design/homebox_news.gif) left no-repeat;}
#homebox-news p {clear:none;}
#homebox-news h1 {font-size:1.06em; width:244px; display:block; padding:4px 0 6px 13px; background:#ff0000; color:#fff;}
#homebox-publicity-first {width:703px; float:left; height:126px; padding:0; margin:0; border:1px solid #000; background:url(../images/home_neuesodi.jpg) repeat-y top left;}
#homebox-publicity-00 {width:703px; float:left; height:126px; padding:0; margin:14px 0 0 0; border:1px solid #000; background:url(../images/home_kartverkauf.jpg) repeat-y top left;}
#homebox-publicity-01 {width:703px; float:left; height:126px; padding:0; margin:14px 0 0 0; border:1px solid #000; background:url(../images/design/bg_folge.gif) repeat-y top left;}
#homebox-publicity-02 {width:703px; float:left; height:126px; padding:0; margin:14px 0 0 0; border:1px solid #000; background:url(../images/home_intbodkart.jpg) top left no-repeat;}
#homebox-publicity-03 {width:703px; float:left; height:126px; padding:0; margin:14px 0 0 0; border:1px solid #000; background:url(../images/home_kinderkart.jpg) top left no-repeat;}
#homebox-publicity-04 {width:703px; float:left; height:126px; padding:0; margin:14px 0 0 0; border:1px solid #000; background:url(../images/home_kartevent.jpg) top left no-repeat;}
#homebox-publicity {width:703px; float:left; height:126px; padding:0; margin:14px 0 0 0; border:1px solid #000; background:url(../images/design/homebox_publicity.jpg) top left no-repeat;}

#homebox-pub-left {float:left; width:343px; height:126px; padding:0; margin:0 0 14px 0; border:1px solid #000; background:#fff;}
#homebox-pub-right {float:left; width:343px; height:126px; padding:0; margin:0 0 14px 14px; border:1px solid #000; background:#fff;}
#homebox-publicity p, #homebox-publicity-01 p, #homebox-publicity-00 p, #homebox-pub-left, #homebox-pub-right {clear:none;}

#homebox-banner {width:703px; height:126px; display:block; clear:both; float:left; padding:0; margin:0 0 14px 0; border:1px solid #000;}
#homebox-banner p {clear:none;}

#contentframe{
	background:url(../images/design/bg_folge.gif) repeat-y top left;
	float:left; 
	color:#000; 
	width:703px;
	margin:0 0 0 36px; 
	padding:0;
	display:block;
	border-right:1px solid #000;	
	border-bottom:1px solid #000;		
	border-left:1px solid #000;	
	}
#contentframe div.content ul {padding-left:13px; list-style-image:url(../images/design/arrow_list.gif);}	
#contentframe h1 {font-size:1.06em; width:690px; display:block; padding:5px 0 6px 13px; background:#000; color:#fff;}
#contentframe h2 {font-size:1.06em; color:#000;}

div.content {display:inline; margin:0 17px 0 13px; float:left;}
div.content a, a:link, a:hover, a:active, a:visited {color:#ff0000; font-weight:bold; text-decoration:none;}
div.content h1{font-size:1.06em; padding:0; margin:8px 0; color:#000;}
div.content h2{font-size:1.06em; padding:0; margin:8px 0; color:#000;}
div.content p {font-size:1em; padding:4px 0; clear:both;}
div.content p img {border:1px solid #000;}

div#context-container {float:left; margin:35px 0 0 0;}
div#context-container h1 {background:#ff0000; float:left; margin:0; padding:5px 0 6px 17px; width:155px;}
div#context-container .context-content {float:left; display:inline; margin:0 0 0 17px;}
div#context-container .context-content p {font-size:1em; clar:none; margin:8px 0; color:#fff;}
div#context-container .context-content img {border:1px solid #fff; margin:8px 0; padding:0 20px;}

.line {background:url(../images/design/line.gif) repeat-x left; width:672px; height:1px; display:inline; clear:both; margin:7px 0 11px 0; padding:0; float:left;}

.content-rowbox {padding:0; clear:both; float:left; display:block;}
.content-rowbox img.img-col-a {float:left; margin:0; border:1px solid #000;}
.content-rowbox img.img-col-b {float:left; margin:0 0 0 12px; border:1px solid #000;}
.tb-25-25-25-25 {padding:0; clear:both; float:left; display:block;}
.tb-25-25-25-25 .col-a {width:159px; float:left;}
.tb-25-25-25-25 .col-b-c-d {width:159px; margin:0 0 0 12px; float:left;}
.tb-25-25-25-25 img {border:1px solid #000;}

.tb-30-70 {padding:0; clear:both; float:left; display:block;}
.tb-30-70 .col-a {width:159px; float:left;}
.tb-30-70 .col-b {width:501px; margin:0 0 0 12px; float:left;}
.tb-30-70 img {border:1px solid #000;}

.tb-70-30 {padding:0; clear:both; float:left; display:block;}
.tb-70-30 .col-a {width:501px; float:left;}
.tb-70-30 .col-b {width:159px; margin:0 0 0 12px; float:left;}
.tb-70-30 img {border:1px solid #000;}

.tb-50-50 {padding:0; clear:both; float:left; display:block;}
.tb-50-50 .col-a {width:330px; float:left;}
.tb-50-50 .col-b {width:330px; margin:0 0 0 12px; float:left;}
.tb-50-50 img {border:1px solid #000;}

.tb-40-10-40-10 {padding:0; clear:both; float:left; display:block;}
.tb-40-10-40-10 .col-a {width:242px; float:left;}
.tb-40-10-40-10 .col-b {text-align:right; width:60px; margin:0 0 0 12px; float:left;}
.tb-40-10-40-10 .col-c {width:242px; margin:0 0 0 32px; float:left;}
.tb-40-10-40-10 .col-d {text-align:right; width:60px; margin:0 0 0 12px; float:left;}
.tb-40-10-40-10 img {border:1px solid #000;}

.tb-50-25-25 {padding:0; clear:both; float:left; display:block;}
.tb-50-25-25 .col-a {width:330px; float:left;}
.tb-50-25-25 .col-b-c {text-align:right; width:159px; margin:0 0 0 12px; float:left;}
.tb-50-25-25 img {border:1px solid #000;}


img.flow-img-left {float:left; margin:9px 12px 8px 0; border:1px solid #000;}


.motivbild {margin:-37px 0 0 173px;}
.logo {margin: 0 0 0 31px;}


#footer {width:673px; float:left; margin: 25px 0 0 0; padding:6px 17px 6px 13px; background:#fff; border-top:1px solid #000;}

#footer span.footer-leftnav {float:left;}
#footer span.footer-rightnav {float:right;}










#galerie-popup {color:#fff; height:520px; background:#000; font-size:0.71em;}
#galerie-popup .gal-logo {width:640px; height:39px; padding:12px 0 0 0;}
#galerie-popup .gal-title {font-size:1em; padding:6px 0 12px 0; text-align:center; width:640px;}
#galerie-popup .gal-title img {border:none;}
#galerie-popup .gal-img {text-align:center; width:640px; height:402px;}
#galerie-popup .gal-img img {border:1px solid #fff;}
#galerie-popup .gal-previmg {width:200px; text-align:left; float:left; height:29px; padding:10px 0 0 20px;}
#galerie-popup .gal-nextimg {width:200px; text-align:right; float:left; height:29px; padding:10px 20px 0 0;}
#galerie-popup .gal-close {width:200px; text-align:center; float:left; height:29px; padding:10px 0 0 0;}

.box-overview {width:280px; clear:both;}
.col-a-40-60 {float:left; margin:0 0 8px 0; width:100px; display:block;}
.col-b-40-60 {float:left; margin:0 0 8px 0; width:180px; display:block;}
.col-a-50-50 {float:left; margin:0 0 8px 0; width:120px; display:block;}
.col-b-50-50 {float:left; margin:0 0 8px 0; width:140px; display:block;}






/* ###################################### */
/* FORMULARE / TEXTFELDER ############### */

div.formular br {
	clear: both;
}


div.formular .formtext {width:100px; margin:0 0 0 160px;}

input.txtfield {
	float: left;
	width: 350px;
	height: 18px;
	border: 1px solid #000;
	margin: 2px 0;
	color: #000;
	padding:2px 0 0 4px;
	background: #fff;
	font-size: .75em;
}
input.txtfield.plz {
	width: 92px;
	margin-right: 8px;
}
input.txtfield.ort {
	width: 250px;
}
input.txtfield.year {
	width: 52px;
}

label {
	float: left;
	width: 160px;
	margin: 3px 0 0 0;
	padding: 0;

}
.labelshort {
	width: 120px;
}

/* Select-Boxen */
select {
	float: left;
	font-size: .9em;
	margin: 2px 0;
}
select.day {width: 40px;}
select.month {width: 100px;}

/* Checkboxen */
span.checkbox {
	float: left;
}
span.checkbox input {
	float: left;
	margin: 3px 5px 5px 0;
}
span.checkbox label {
	width: auto;
	margin-right: 15px;
}

/* Radiobuttons */
span.radiobutton {
	float: left;
}
span.radiobutton input {
	float: left;
	margin: 3px 5px 5px 0;
}
span.radiobutton label {
	width: auto;
	margin-right: 15px;
}


/* Submit */
input.button,
input.submit {
	border: 1px solid #ff0000;
	background: #fff;
	color:#ff0000;
	font-weight: bold;
	font-size: .9em;
	padding:2px 0 3px 0;
	cursor: pointer;
}
input.submit {
	margin: 8px 0 0 160px;
	width: 175px;
}

/* Textarea */

textarea {
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	margin: 2px 0;
	padding:2px 0 0 4px;
	color:#000;
	background:#fff;
	width: 350px;
	height: 100px;
	font-size: 1.06em;
}

/* ###################################### */
