/* @group Containermodell */

* {
	margin: 0;
	padding: 0;
}

body {
		background: url(../img/body_bg.png) repeat;
}


#wrapper {
	width: 1200px;
	display: table;
	margin: 0 auto;
	padding: 0;

}

#head {
	width: 1120px;
	height: 250px;
	background: url(../img/header.png) no-repeat 0 0;
	display: block;
	margin: 0;
	padding: 0;
}

#contentbox {
	display: table;
	clear: left;
	padding: 0;
	background: url(../img/content_bg.png) repeat 0;
	width: 1120px;
	margin: 0 auto 0 0;
}

#foot {
	margin-top: 0;
	width: 100%;
	background: url(../img/foot_bg.png) no-repeat;
	height: 250px;
	margin-left: 0;
	padding-top: 80px;
	margin-bottom: 0;
	display: table;
	padding-left: 100px;
	padding-bottom: 20px;
}

#mainframe {
	width: 650px;
	float: left;
	display: block;
	margin: 0 50px 0 80px;
	padding: 0;
}


#subframe {
	width: 198px;
	float: left;
	padding-top: 25px;
}

#mainframe .content {
	padding: 30px;
}



/* @end */

/* @group Menüs */

/* @group Crab */

#crab {
	position: relative;
	display: block;
	top: 200px;
	left: 100px;
}



/* @end */

/* @group Tracemenu */

ul.trace-menu {
	list-style-type: none;
	margin: 50px 0 0;
	padding: 0;
}

ul.trace-menu li {
	margin-bottom: 5px;
	width: 155px;
	background-color: #5CBBE8;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

ul.trace-menu li.more {
	margin-bottom: 5px;
	width: 200px;
	background-color: #5CBBE8;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

ul.trace-menu li.special {
	margin-bottom: 5px;
	width: 155px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-image: none;
	background-color: transparent;
}



/* @end */

/* @group Footermenu */

ul#active_kids_liste_events li {
	clear: left;
	list-style-type: none;
}

ul#footer-menu {
	border-style: none;
	margin: 0;
	padding: 0;
	color: #AE9157;
}

ul#footer-menu li {
	float: left;
	list-style-type: none;
}

ul#footer-menu li.events {
	float: left;
	list-style-type: none;
	width: 300px;
}

ul#footer-menu li.navi {
	float: left;
	list-style-type: none;
	margin-left: 50px;
	width: 200px;
}

ul#footer-menu li.navi a {
	color: #FFF7E7;
	margin-bottom: 10px;
	margin-top: 0;
	text-decoration: none;
}

ul#footer-menu li.navi ul li {
	clear: none;
	border-left: 1px solid gray;
	float: left;
	padding-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

ul#footer-menu li.navi ul li.first {
	border-left-style: none;
	clear: left;
}

ul#footer-menu li.navi ul li.special {
	color: #FFF7E7;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 0;
}

ul#footer-menu li.navi ul li a {
	text-decoration: none;
	color: #FFF7E7;
}

ul#footer-menu li.navi ul li a:hover {
	text-decoration: none;
	color: #9d720a;
}



/* @end */



/* @end */

/* @group Schriften */

/* @group subframe */

#subframe h2 {
	font-size: 14px;
}

#subframe li.check {
	margin-left: 10px;
	margin-top: 5px;
}



/* @end */

/* @group trace-menu */

ul.trace-menu li {
	font-variant: small-caps;
	font-size: 16px;
	color: black;
	font-weight: bold;
	margin-left: 0;
}

ul.trace-menu li.more {
	font-variant: small-caps;
	font-size: 16px;
	color: black;
	font-weight: bold;
}

ul.trace-menu li.more span {
	font-variant: normal;
	font-size: 11px;
	color: black;
	font-weight: bold;
}

ul.trace-menu li a {
	text-decoration: none;
	color: #fefffe;
}

ul.trace-menu li a:hover {
	color: #000;
}

ul.trace-menu li.special {
	font-variant: normal;
	font-size: 15px;
	color: black;
	font-weight: bold;
}



/* @end */

/* @group Angebotsaufzählung */

#mainframe .content ul.dates {
	list-style-type: none;
	margin-left: 10px;
	margin-top: 20px;
}

#mainframe .content ul.dates li {
	border-bottom: 1px dotted #006285;
	display: block;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#mainframe .content ul.dates li span {
	list-style-type: none;
	font-weight: bold;
	text-decoration: none;
	font-size: 20px;
}



/* @end */

/* @group crab */

#crab a {
	color: #dbeff8;
	text-decoration: none;
}

#crab a:hover {
	color: #005370;
	text-decoration: none;
}



/* @end */

#mainframe h2 {
	color: #005370;
	font: bold 25px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 25px;
	margin-bottom: 20px;
	letter-spacing: 2px;
}

#mainframe h3 {

	margin-top: 25px;

	letter-spacing: 2px;
}

#mainframe td {
	vertical-align: text-top;

}

#mainframe .content {
	line-height: 18px;
}

#mainframe .content ul{
	margin-left: 20px;
}

#mainframe .content ol{
	margin-left: 20px;
}

#mainframe .content a {
	text-decoration: none;
	color: white;
}

#mainframe .content a:hover {

	text-decoration: none;
	color: #72bf44;
}

#teasercontent {
	color: white;
	font-weight: bold;
	width: 540px;
	margin-top: 10px;
	padding-left: 60px;
	padding-bottom: 5px;
	background: url(../img/index_nextevent_bg.png) no-repeat;
	padding-top: 50px;
	height: 40px;
}

#teasercontent h3 {
	color: white;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0;
}

html {
	color: #005370;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul#active_kids_liste_events li {
	color: #AE9157;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

ul#active_kids_liste_events li a {
	text-decoration: none;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	color: #fff7e7;
}

ul#active_kids_liste_events li a:hover {
	text-decoration: none;
	color: #9d720a;
}



/* @end */

/* @group Layout */

.right {
	float: right;
}

.left {
	float: left;
	margin-right: 10px;
}

.teaser_index {
	background-image: url('../img/teaser_index.png');
	width: 600px;
	height: 300px;
	display: block;
}



/* @end */