@charset "utf-8";

/**********************************

Homepage:	Kinderzirkus-Datterino.de
For:		BDKJ Darmstadt e.V.
Author: 	Alexander Kuhn

***********************************/


/**********************************
	HTML- & BODY-Tags
***********************************/

* { 
	padding: 0; 
	margin: 0;
	border: 0;
}

html, body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #8ab237;  
}

a:link { 
	color: #ffffff;
	font-weight: bold; 
	text-decoration: none; 
}

a:visited { 
	color: #ffffff;
	font-weight: bold;  
	text-decoration: none; 
}

a:hover { 
	color: #f1eb4a;
	font-weight: bold; 
	text-decoration: underline; 
}

a:active { 
	color: #ffffff; 
	font-weight: bold;
	text-decoration: none; 
}

.cssHidden {
	display:none;
}

.clear {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}

.link_bold {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.link_arrow {
	padding-left: 18px;
	background: url(../media/gfx/list_arrow.png) left no-repeat;
}

.link_green {
	color: #456124;
	text-decoration: underline;
}

.errorbox {
	height: 20px;
	padding: 7px 5px 3px;
	border: 1px solid #550000;
	background: #ffddcc;
	color: #550000;
	font-weight: bold;
	margin-right: 10px;
}

.marginbottom {
	margin-bottom: 20px;	
}

/**********************************
	COLORS
***********************************/

.yellow {
	color: #f1eb4a;
}

.green {
	color: #456124;
}

.bronze {
	color: #cc3300;
}

.silver {
	color: #ebebeb;
}

.gold {
	color: #ffcc33;
}

/**********************************
	Basic Div-Container
***********************************/

div#header {
	background: url(../media/gfx/header_background.png) repeat;
}

div#header div.headerBackground {
	background: url(../media/gfx/header_background_extended.jpg) center no-repeat;
}

div#header div.frameHeader {
	margin: 0 auto;
	width: 899px;
	height: 416px;
}

div#menu {
	background: url(../media/gfx/menu_background.png) repeat;
}

div#menu div.menuBackground {
	background: url(../media/gfx/menu_background_extended.png) center no-repeat;
}

div#menu div.frameMenu {
	margin: 0 auto;
	width: 899px;
	height: 264px;
}

div#breadcrum {
	margin-bottom: 40px;
}

div#breadcrum div.frameBreadcrum {
	margin: 0 auto;
	width: 879px;
	height: 30px;
	padding: 0 10px 0;
}

div#content div.frameContent {
	margin: 0 auto;
	width: 879px;
	padding: 0 10px 0;
}

div#footer div.frameFooter {
	clear: both;
	margin: 0 auto;
	width: 879px;
	padding: 43px 10px 21px;
}

div#content div.frameContent div.content_submenu {
	float: left;
	width: 180px;
	margin-right: 20px;
}

div#content div.frameContent div.content_loader {
	width: 679px;
	margin-top: 53px;
}

/**********************************
	Header
***********************************/

div#header div.frameHeader ul li {
	float: left;
	display:inline;
	list-style: none;
}

div#header div.frameHeader ul li a {
	height: 63px;
	display: block;
	text-decoration: none; 
	text-indent: -999em;
}

div#header div.frameHeader ul li#headerBDKJ {
	position: absolute;
	height: 75px;
	width: 145px;
	margin-left: 260px;
}

div#header div.frameHeader ul li#headerMail {
	position: absolute;
	margin-left: 798px;
	width: 42px;
	background: url(../media/gfx/header_mail.png) no-repeat;	
}

div#header div.frameHeader ul li#headerMail:hover {
	background: url(../media/gfx/header_mail_hover.png) no-repeat;	
}

div#header div.frameHeader ul li#headerSitemap {
	position: absolute;
	margin-left: 848px;
	width: 42px;
	background: url(../media/gfx/header_sitemap.png) no-repeat;	
}

div#header div.frameHeader ul li#headerSitemap:hover {
	background: url(../media/gfx/header_sitemap_hover.png) no-repeat;	
}

/**********************************
	Menu
***********************************/

div#menu div.frameMenu ul li {
	float: left;
	display: inline;
	list-style: none;
}

div#menu div.frameMenu ul li a {
	height: 264px;
	display: block;
	text-decoration: none;
	text-indent: -999em;
}

div#menu div.frameMenu ul li#menuChild1 {
	width: 182px;
	background: url(../media/gfx/menu_child1.png) no-repeat;
}

div#menu div.frameMenu ul li#menuChild1:hover {
	background: url(../media/gfx/menu_child1_hover.png) no-repeat;
}

div#menu div.frameMenu ul li#menuChild2 {
	width: 178px;
	background: url(../media/gfx/menu_child2.png) no-repeat;
}

div#menu div.frameMenu ul li#menuChild2:hover {
	background: url(../media/gfx/menu_child2_hover.png) no-repeat;
}

div#menu div.frameMenu ul li#menuChild3 {
	width: 178px;
	background: url(../media/gfx/menu_child3.png) no-repeat;
}

div#menu div.frameMenu ul li#menuChild3:hover {
	background: url(../media/gfx/menu_child3_hover.png) no-repeat;
}

div#menu div.frameMenu ul li#menuChild4 {
	width: 179px;
	background: url(../media/gfx/menu_child4.png) no-repeat;
}

div#menu div.frameMenu ul li#menuChild4:hover {
	background: url(../media/gfx/menu_child4_hover.png) no-repeat;
}

div#menu div.frameMenu ul li#menuChild5 {
	width: 182px;
	background: url(../media/gfx/menu_child5.png) no-repeat;
}

div#menu div.frameMenu ul li#menuChild5:hover {
	background: url(../media/gfx/menu_child5_hover.png) no-repeat;
}

/**********************************
	Submenu
***********************************/

div#content div.frameContent div.content_submenu ul {
	padding: 15px 0 15px;
	list-style: none;
	width: 178px;
	background: #5e8532;
	border: 1px solid #456124;
}

div#content div.frameContent div.content_submenu ul li {
	padding: 7px 9px 0;
	height: 22px;
	background: url(../media/gfx/submenu_background.png) repeat-x;
	font-size: 10px;
	font-weight: bold;
}

div#content div.frameContent div.content_submenu ul li.submenu_active {
	background: #73a33d;
}

div#content div.frameContent div.content_submenu ul li a {
	text-decoration: none;
}

div#content div.frameContent div.content_submenu ul li.submenu_active a {
	color: #f1eb4a;
}

div#content div.frameContent div.content_submenu ul li.subsubmenu a {
	margin-left: 20px;	
}

div#content div.frameContent div.content_submenu ul li.subsubmenu_active {
	background: #73a33d;
}

div#content div.frameContent div.content_submenu ul li.subsubmenu_active a {
	margin-left: 20px;
	color: #f1eb4a;
}

div#content div.frameContent div.content_submenu h3#kinderzirkus_title {
	width: 188px;
	height: 22px;
	text-indent: -999em;
	background: url(../media/gfx/kinderzirkus_title.png) no-repeat;
	margin-bottom: 35px;
}

div#content div.frameContent div.content_submenu h3#enrollment_title {
	width: 188px;
	height: 24px;
	text-indent: -999em;
	background: url(../media/gfx/enrollment_title.png) no-repeat;
	margin-bottom: 33px;
}

div#content div.frameContent div.content_submenu h3#shop_title {
	width: 188px;
	height: 24px;
	text-indent: -999em;
	background: url(../media/gfx/shop_title.png) no-repeat;
	margin-bottom: 33px;
}

div#content div.frameContent div.content_submenu h3#allgemeines_title {
	width: 188px;
	height: 24px;
	text-indent: -999em;
	background: url(../media/gfx/allgemeines_title.png) no-repeat;
	margin-bottom: 33px;
}

div#content div.frameContent div.content_submenu h3#fundraising_title {
	width: 188px;
	height: 24px;
	text-indent: -999em;
	background: url(../media/gfx/fundraising_title.png) no-repeat;
	margin-bottom: 33px;
}

/**********************************
	Breadcrum
***********************************/

div#breadcrum div.frameBreadcrum ul li {
	float: left;
	display: inline;
	list-style: none;
	padding: 5px 10px 13px;
	background: #5e8532;	
	height: 10px;
}

div#breadcrum div.frameBreadcrum ul li.breadcrum_ie7 {
	float: left;
	display: inline;
	list-style: none;
	padding: 7px 10px 11px;
	background: #5e8532;	
	height: 10px;
}

div#breadcrum div.frameBreadcrum ul li.breadcrum_ie6 {
	float: left;
	display: inline;
	list-style: none;
	padding: 7px 10px 9px;
	background: #5e8532;	
	height: 10px;
}

div#breadcrum div.frameBreadcrum ul li.breadcrumDivider {
	height: 28px;
	text-indent: -999em;
	background: url(../media/gfx/breadcrum_arrow.png) no-repeat;
}

* html div#breadcrum div.frameBreadcrum ul {
	margin-left: -4px;
}

* html div#breadcrum div.frameBreadcrum ul li {
	float: left;
	display: inline;
	list-style: none;
	padding: 5px 10px 9px;
	background: #5e8532;	
	height: 10px;
}

* html div#breadcrum div.frameBreadcrum ul li.breadcrumDivider {
	height: 28px;
	width: 0px;
	text-indent: -999em;
	background: url(../media/gfx/breadcrum_arrow.png) no-repeat;	
}

div#breadcrum div.frameBreadcrum ul li.breadcrumEnd {
	height: 28px;
	text-indent: -999em;
	background: url(../media/gfx/breadcrum_arrow_end.png) no-repeat;
}

* html div#breadcrum div.frameBreadcrum ul li.breadcrumEnd {
	height: 28px;
	width: 0px;
	text-indent: -999em;
	background: url(../media/gfx/breadcrum_arrow_end.png) no-repeat;
}

div#breadcrum div.frameBreadcrum ul li a {
	font-size: 10px;
	font-weight: bold;
	color: #f1eb4a;
}

/**********************************
	Content
***********************************/

/* ALLGEMEIN */

a.linkForm {
	padding: 3px 10px 4px;
	background: url(../media/gfx/button_inner.png) repeat;
	border: 1px solid #456124;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 10px;	
}

/* STARTSEITE */

div#content div.frameContent h3#home_main_title {
	width: 188px;
	height: 18px;
	text-indent: -999em;
	background: url(../media/gfx/home_main_title.png) no-repeat;
	margin-bottom: 40px;
}

div#content div.frameContent div {
	float: left;
}

div#content div.frameContent div#home_leftside {
	width: 479px;
}

div#content div.frameContent div#home_leftside ul {
	list-style: none;
}

div#content div.frameContent div#home_leftside ul li.home_news_date {
	float: left;
	width: 91px;
	height: 18px;
	background: url(../media/gfx/home_news_datebox.png) no-repeat;
	color: #f1eb4a;
	font-weight: bold;
	padding: 3px 9px 0;
}

div#content div.frameContent div#home_leftside ul li.home_news_title {
	float: left;
	display: inline;
	width: 293px;
	margin-top: -18px;
	margin-left: 117px;
	margin-bottom: 18px;
	font-weight: bold;
}

div#content div.frameContent div#home_leftside ul li.home_news_text {
	width: 400px;
	clear: both;
	margin: 0 10px 15px;
}

div#content div.frameContent div#home_leftside ul li.home_news_details {
	width: 410px;
	font-size: 10px;
	color: #456124;
}

div#content div.frameContent div#home_leftside ul li img.newsCategory {
	margin: 0 5px 0;
}

div#content div.frameContent div#home_leftside div.newsDivider {
	width: 410px;
	margin: 23px 0 23px;
}

div#content div.frameContent div#home_leftside ul.page_list {
	clear: both;
}

div#content div.frameContent div#home_leftside ul.page_list li {
	float: left;
	display: inline;
}

div#content div.frameContent div#home_leftside ul.page_list li.page_title {
	margin: 0 10px 0;
	font-weight: bold;
	color: #456124;
}

div#content div.frameContent div#home_leftside ul.page_list li.page_select a {
	margin-right: 8px;
	color: #456124;
}

div#content div.frameContent div#home_leftside ul.page_list li.page_select a.page_active {
	padding: 1px 4px 2px;
	background: #456124;
	color: #ffffff;
	font-weight: bold;
}

div#content div.frameContent div#home_leftside ul.page_list li.page_select a.page_active:hover {
	text-decoration: none;
}

div#content div.frameContent div#home_leftside ul.page_list li.page_backward a {
	font-weight: bold;
	color: #456124;
	margin-right: 7px;
}

div#content div.frameContent div#home_leftside ul.page_list li.page_forward a {
	font-weight: bold;
	color: #456124;
}

div#content div.frameContent div#home_rightside {
	width: 400px;
}

div#content div.frameContent h3#home_pinboard_title {
	width: 89px;
	height: 19px;
	text-indent: -999em;
	background: url(../media/gfx/home_pinboard_title.png) no-repeat;
	margin-bottom: 9px;
}

div#content div.frameContent div#home_rightside ul.pinboard {
	list-style: none;
}

div#content div.frameContent div#home_rightside ul.pinboard li.pinboard_date {
	width: 230px;
	height: 20px;
	background: #456124;
	color: #f1eb4a;
	font-size: 10px;
	font-weight: bold;
	padding: 7px 10px 0;
}

div#content div.frameContent div#home_rightside ul.pinboard li.pinboard_loader {
	position: absolute;
	margin-top: -21px;
	margin-left: 225px;
}

div#content div.frameContent div#home_rightside ul.pinboard li.pinboard_text {
	width: 228px;
	height: 36px;
	padding: 4px 10px 16px;
	background: #5e8532;
	border: 1px solid #456124;
	font-size: 10px;
}

div#content div.frameContent div#home_rightside ul.pinboard li.pinboard_arrow {
	position: absolute;
	display: inline;
	margin-top: -78px;
	margin-left: 250px;
}

div#content div.frameContent div#home_rightside ul.pinboard li.pinboard_figure {
	position: absolute;
	display: inline;
	margin-top: -95px;
	margin-left: 298px;
}

div#content div.frameContent div#home_rightside ul.pinboard li.pinboard_name {
	position: absolute;
	display: inline;
	width: 138px;
	padding: 4px 0 3px;
	margin-top: -21px;
	margin-left: 260px;
	background: #5e8532;
	border: 1px solid #456124;
	font-size: 10px;
	text-align: center;
}

div#content div.frameContent div#home_rightside h3#home_newsletter_title {
	width: 89px;
	height: 19px;
	text-indent: -999em;
	background: url(../media/gfx/home_newsletter_title.png) no-repeat;
	margin: 18px 0 10px;
}

div#content div.frameContent div#home_rightside ul.newsletter li {
	list-style: none;
}

div#content div.frameContent div#home_rightside ul.newsletter li.newsletter_text {
	width: 228px;
	padding: 7px 10px 15px;
	background: #5e8532;
	border: 1px solid #456124;
	font-size: 10px;
}

div#content div.frameContent div#home_rightside ul.newsletter li.newsletter_link {
	position: absolute;
	width: 120px;
	height: 24px;
	border: 1px solid #456124;
	background: #5e8532;
	margin-left: 260px;
	margin-top: -42px;
	padding: 11px 9px 5px;
}

div#content div.frameContent div#home_rightside ul.newsletter li.newsletter_link a {
	padding: 3px 10px 4px;
	background: url(../media/gfx/button_inner.png) repeat;
	border: 1px solid #456124;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 10px;	
}

div#content div.frameContent div#home_rightside h3#home_sponsoring_title {
	width: 89px;
	height: 22px;
	text-indent: -999em;
	background: url(../media/gfx/home_sponsoring_title.png) no-repeat;
	margin: 17px 0 7px;
}

div#content div.frameContent div#home_rightside ul.sponsoring {
	float: left;
	list-style: none;
	width: 118px;
	height: 117px;
	border: 1px solid #456124;
	background: #5e8532;
	margin-right: 10px;
	margin-bottom: 10px;
}

div#content div.frameContent div#home_rightside ul.sponsoring li.sponsoring_picture img {
	border: 1px solid #456124;
	margin: 8px 8px 8px;
}

div#content div.frameContent div#home_rightside ul.sponsoring li.sponsoring_name {
	font-size: 10px;
	font-weight: bold;
	margin: 0 8px 0;
}

div#content div.frameContent div#home_rightside ul.sponsoring_last {
	float: left;
	list-style: none;
	height: 117px;
	border: 1px solid #456124;
	background: #5e8532;
}

div#content div.frameContent div#home_rightside ul.sponsoring_last li.sponsoring_last_picture img {
	border: 1px solid #456124;
	margin: 8px 8px 8px;
}

div#content div.frameContent div#home_rightside ul.sponsoring_last li.sponsoring_last_name {
	font-size: 10px;
	font-weight: bold;
	margin: 0 8px 0;
}

div#content div.frameContent div#home_rightside ul.sponsoring_box {
	clear: both;
	width: 398px;
	border: 1px solid #456124;
	background: #5e8532;
	font-size: 10px;
	list-style: none;
}

div#content div.frameContent div#home_rightside ul.sponsoring_box li.sponsoring_box_column1 {
	margin: 9px 9px 9px;
}

div#content div.frameContent div#home_rightside ul.sponsoring_box li.sponsoring_box_column2 {
	position: absolute;
	margin-top: -81px;
	margin-left: 200px;
}

div#content div.frameContent div#home_rightside ul.sponsoring_box li ul li {
	list-style: inside;
}

/* SUBCONTENT */

div#content div.frameContent div.content_loader h3.content_title {
	font-size: 18px;
	margin-bottom: 35px;
}

div#content div.frameContent div.content_loader p.content_slogan {
	font-size: 16px;
	margin-bottom: 35px;
}

div#content div.frameContent div.content_loader div.content_left {
	float: left;
	width: 330px;
	margin-right: 19px;
}

div#content div.frameContent div.content_loader div.content_left_bright {
	float: left;
	width: 679px;
}

div#content div.frameContent div.content_loader div.content_right {
	width: 330px;
}

div#content div.frameContent div.content_loader div.imageBox {
	padding: 8px 8px 8px;
	border: 1px solid #456124;
	background: #5e8532;
	margin-bottom: 30px;
}

div#content div.frameContent div.content_loader div.imageBox img {
	border: 1px solid #456124;
	margin-bottom: 10px;
}

div#content div.frameContent div.content_loader div.imageBox span {
	display: block;
	font-size: 10px;
	font-weight: bold;
}

div#content div.frameContent div.content_loader p {
	margin-bottom: 15px;
}

div#content div.frameContent div.content_loader h4.content_subtitle {
	font-size: 14px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 15px;
}

div#content div.frameContent div.content_loader h4.first {
	margin-top: -2px;
}

/* ANFAHRT */

.listNormal {
	margin-left: 14px;
}

.listNormal li {
	margin-bottom: 3px;
}

.listNormal li.wide {
	margin-bottom: 6px;
}


.list_ie{
	margin-left: 16px;
}

.linkEx {
	font-weight: bold;
	padding-right: 15px;
	background: url(../media/gfx/symbol_linkex.png) right no-repeat;
}

.linkEmail {
	font-weight: bold;
	padding-right: 19px;
	background: url(../media/gfx/symbol_email.png) right no-repeat;
}

.linkMobile {
	font-weight: bold;
	padding-right: 15px;
	background: url(../media/gfx/symbol_mobile.png) right no-repeat;
}

/* INHALT */

div#content div.frameContent div.content_loader ol {
	margin-left: 20px;
	font-weight: bold;
	color: #f1eb4a;
}

div#content div.frameContent div.content_loader ol.sitemap_ie {
	margin-left: 24px;
	font-weight: bold;
	color: #f1eb4a;
}

div#content div.frameContent div.content_loader ol li.layer1 {
	margin-bottom: 10px;
}

div#content div.frameContent div.content_loader ol li a {
	color: #f1eb4a;
}

div#content div.frameContent div.content_loader ol li ul {
	list-style: inside;
}

/* BILDERGALERIE */

div#content div.frameContent div.content_loader div.content_gallery ul.albumpicturebox {
	float: left;
	list-style: none;
	margin-left: 27px;
	margin-bottom: 82px;
	margin-right: 15px;
	width: 182px;
	height: 160px;
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.albumpicturebox {
	margin-left: 15px;
	margin-bottom: 80px;	
}

div#content div.frameContent div.content_loader div.content_gallery ul.albumpicturebox li.albumphoto_thumb {
	background: #5e8532;
	border: 1px solid #456124;
	padding: 13px 13px 11px;
	text-align: center;
}

div#content div.frameContent div.content_loader div.content_gallery ul.albumpicturebox li.albumphoto_thumb a img {
	border: 1px solid #456124;
}

div#content div.frameContent div.content_loader div.content_gallery ul.albumpicturebox li.albumphoto_title {
	margin-top: 10px;
	background: #5e8532;
	border: 1px solid #456124;
	padding: 4px 5px 7px;
	font-size: 9px;
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.albumpicturebox li.albumphoto_title {
	position: absolute;
	width: 170px;
}

div#content div.frameContent div.content_loader div.content_gallery ul.albumpicturebox li.albumphoto_show {
	position: absolute;
	margin-left: 148px;
	margin-top: -34px;
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.albumpicturebox li.albumphoto_show {
	margin-top: -34px;
}

div#content div.frameContent div.content_loader div.content_gallery ul.albumpicturebox li.albumphoto_new {
	position: absolute;
	margin-left: -20px;
	margin-top: -35px;	
}

/* ZIRKUSTEAM */

div#content div.frameContent div.content_loader div.content_gallery {
	width: 679px;	
}

div#content div.frameContent div.content_loader div.content_gallery ul.selectbox {
	width: 619px;
	margin-left: 27px;
	margin-bottom: 40px;
	padding: 5px 5px 5px;
	background: #5e8532;
	border: 1px solid #456124;
	list-style: none;
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.selectbox {
	width: 560px;
	margin-left: 30px;	
}

div#content div.frameContent div.content_loader div.content_gallery ul.selectbox li form select {
	padding-left: 2px;
	margin-left: 419px;
	border: 1px solid #456124;
	background: #d0e0af;
	width: 200px;
	height: 18px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #456124;
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.selectbox li form select {
	margin-left: 423px;	
}

div#content div.frameContent div.content_loader div.content_gallery ul.selectbox li form select option {
	height: 17px;		
}

div#content div.frameContent div.content_loader div.content_gallery ul.picturebox {
	float: left;
	list-style: none;
	margin-left: 27px;
	margin-bottom: 82px;
	margin-right: 10px;
	width: 130px;
	height: 163px;
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.picturebox {
	margin-left: 15px;
	margin-bottom: 80px;	
}

div#content div.frameContent div.content_loader div.content_gallery ul.picturebox li.photo_thumb {
	background: #5e8532;
	border: 1px solid #456124;
	padding: 13px 13px 13px;
	text-align: center;
}

div#content div.frameContent div.content_loader div.content_gallery ul.picturebox li.photo_thumb a img {
	border: 1px solid #456124;
}

div#content div.frameContent div.content_loader div.content_gallery ul.picturebox li.photo_title {
	margin-top: 10px;
	background: #5e8532;
	border: 1px solid #456124;
	padding: 4px 5px 7px;
	font-size: 10px;
	text-align: center;	
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.picturebox li.photo_title {
	position: absolute;
	width: 118px;
}

div#content div.frameContent div.content_loader div.content_gallery ul.picturebox li.photo_show {
	position: absolute;
	margin-left: 94px;
	margin-top: -36px;
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.picturebox li.photo_show {
	margin-top: -36px;
}

div#content div.frameContent div.content_loader div.content_gallery ul.picturebox li.photo_new {
	position: absolute;
	margin-left: -20px;
	margin-top: -35px;	
}

div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox {
	float: left;
	list-style: none;
	width: 240px;
	height: 195px;
	margin-bottom: 50px;
	margin-left: 27px;
	margin-right: 67px;
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox {
	display: inline;	
}

div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox li.picture_thumb {
	width: 172px;
	height: 130px;
	background: #5e8532;
	border: 1px solid #456124;
	padding: 13px 13px 13px;
	text-align: center;
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox li.picture_thumb {
	margin-left: -16px;	
}

div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox li.picture_thumb a img {
	border: 1px solid #456124;
}

div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox li.picture_title {
	margin-top: 10px;
	width: 170px;
	background: #5e8532;
	border: 1px solid #456124;
	padding: 4px 14px 7px;
	text-align: center;
}

div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox li.picture_title a {
	text-decoration: none;
	font-size: 10px;
}

* html div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox li.picture_title {
	margin-left: -16px;	
}

div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox li.picture_count {
	position: absolute;
	margin-left: 200px;
	margin-top: -137px;
	width: 35px;
	height: 28px;
	padding: 5px 2px 5px;
	background: #55782d;
	border-top: 1px solid #456124;
	border-bottom: 1px solid #456124;
	border-right: 1px solid #456124;
	font-weight: bold;
	text-align: center;
}

div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox li.picture_count span {
	font-size: 10px;
	font-weight: normal;
}

div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox li.picture_show {
	position: absolute;
	margin-left: 200px;
	margin-top: -87px;
}

div#content div.frameContent div.content_loader div.content_gallery ul.thumbbox li.picture_new {
	position: absolute;
	margin-left: -20px;
	margin-top: -70px;
}

/* AGB */

div#content div.frameContent div.content_loader div.contentBoxed {
	width: 647px;
	padding: 15px 15px 0;
	border: 1px solid #456124;
	background: #5e8532;
	margin-bottom: 15px;
}

* html div#content div.frameContent div.content_loader div.contentBoxed {
	width: 643px;
}

div#content div.frameContent div.content_loader div.contentBoxed ol {
	margin-left: 0;
	color: #ffffff;
	border: 1px solid #456124;
	background: #73a33d;
	margin-bottom: 15px;
	padding: 25px 25px 15px;
}

div#content div.frameContent div.content_loader div.contentBoxed ol li {
	font-weight: normal;
	margin-left: 23px;
	margin-bottom: 15px;
}

/**********************************
	Formular
***********************************/

/* AGB */

div#content div.frameContent div.content_loader div.contentBoxed fieldset p.checkBox {
	padding: 15px 25px 15px;
	border: 1px solid #456124;
	background: #73a33d;
}

div#content div.frameContent div.content_loader div.contentBoxed fieldset p.errorBox {
	height: 20px;
	padding: 7px 25px 3px;
	border: 1px solid #550000;
	background: #ffddcc;
	color: #550000;
	font-weight: bold;
}

div#content div.frameContent div.content_loader div.contentBoxed fieldset label.checkBoxName {
	position: absolute;
	margin: -1px 10px 0;
	overflow: hidden;
}

* html div#content div.frameContent div.content_loader div.contentBoxed fieldset label.checkBoxName {
	margin: 3px 10px 0;
}

*+html div#content div.frameContent div.content_loader div.contentBoxed fieldset label.checkBoxName {
	margin: 3px 10px 0;
}

div#content div.frameContent div.content_loader .submit {
	padding: 3px 10px 3px;
	background: url(../media/gfx/button_inner.png) repeat;
	border: 1px solid #456124;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 11px;
}

div#content div.frameContent div.content_loader .submit:hover {
	cursor: pointer;
	color: #f1eb4a;
}

/* REST */

div#content div.frameContent div.content_loader div.content_form div.ie_margin {
	height: 15px;
}

div#content div.frameContent div.content_loader div.content_form div.ie_margin2 {
	height: 40px;
}

div#content div.frameContent div.content_loader div.content_form fieldset {
	width: 647px;
	padding: 15px 15px 0;
	border: 1px solid #456124;
	background: #73a33d;
	margin-bottom: 15px;
}

* html div#content div.frameContent div.content_loader div.content_form fieldset {
	width: 643px;
}

div#content div.frameContent div.content_loader div.content_form fieldset h4 {
	margin: 0px 0px 20px;
	font-size: 12px;
	font-weight: bold;
	display: block;
}

div#content div.frameContent div.content_loader div.content_form fieldset p {
	margin: 0 0 15px 0;
	border: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

* html div#content div.frameContent div.content_loader div.content_form p.submitButton {
	margin-top: 15px; 
}

*+html div#content div.frameContent div.content_loader div.content_form p.submitButton {
	margin-top: 15px; 
}

div#content div.frameContent div.content_loader div.content_form fieldset p.noHit {
	text-align: center;
	font-weight: bold;
}

div#content div.frameContent div.content_loader div.content_form fieldset p.checkBox {
	margin: 0 0 15px 0;
	border: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

div#content div.frameContent div.content_loader div.content_form fieldset p.checkBox label.fieldName {
	width: 120px; 
	margin-top: -4px;
}

div#content div.frameContent div.content_loader div.content_form fieldset p.checkBox label.checkBoxName {
	position: absolute;
	margin-top: -13px;
	margin-left: 175px;
	overflow: hidden;
}

* html div#content div.frameContent div.content_loader div.content_form fieldset p.checkBox label.checkBoxName {
	margin-top: -17px;
}

*+html div#content div.frameContent div.content_loader div.content_form fieldset p.checkBox label.checkBoxName {
	margin-top: -17px;
}

div#content div.frameContent div.content_loader div.content_form div.submitButton {
	width: 679px;
	text-align: left;
}

div#content div.frameContent div.content_loader div.content_form fieldset label.fieldName {
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 140px;
	overflow: hidden;
}

div#content div.frameContent div.content_loader div.content_form fieldset span {
	display: block;
	padding-left: 130px;
}

div#content div.frameContent div.content_loader div.content_form fieldset span.inText {
	display: inline;
	padding-left: 0;
}

div#content div.frameContent div.content_loader div.content_form fieldset ul li a span.yellow {
	display: inline;
	padding-left: 0;
}

div#content div.frameContent div.content_loader div.content_form fieldset ul {
	margin-bottom: 15px;	
}

div#content div.frameContent div.content_loader div.content_form fieldset span.noblock {
	display: inline;
	padding-left: 0;		
}

div#content div.frameContent div.content_loader div.content_form fieldset span.error {
	background: url(../media/gfx/symbol_error.png) no-repeat scroll 0 1px;
	display: block;
	font-style: italic;
	font-weight: bold;
	height: 16px;
	left: 530px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: 16px;
	top: 1px;
	width: 16px;
}

div#content div.frameContent div.content_loader div.content_form fieldset input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

div#content div.frameContent div.content_loader div.content_form fieldset input.textField {
	display: block;
	width: 380px;
	border: 1px solid #456124;
	padding: 3px;
	background-color: #d0e0af;
}

div#content div.frameContent div.content_loader div.content_form fieldset input.textField:focus,
div#content div.frameContent div.content_loader div.content_form fieldset p.textArea textarea:focus {
	background-color: #ffffff;
}

div#content div.frameContent div.content_loader div.content_form fieldset input.textField.required,
div#content div.frameContent div.content_loader div.content_form fieldset p.textArea textarea.required,
div#content div.frameContent div.content_loader div.content_form fieldset select.required {
	border-color: #e97a0b;
}

div#content div.frameContent div.content_loader div.content_form fieldset input.textField.error,
div#content div.frameContent div.content_loader div.content_form fieldset p.textArea textarea.error,
div#content div.frameContent div.content_loader div.content_form fieldset select.error {
	color: #550000;
	border-color: #550000;
	background: #ffddcc;
}

div#content div.frameContent div.content_loader div.content_form fieldset span.required, 
div#content div.frameContent div.content_loader div.content_form fieldset label.required {
	color: #e97a0b;
}

div#content div.frameContent div.content_loader div.content_form fieldset select {
	margin: 0;
	border: 1px #456124 solid;
	padding: 1px;
	width: 388px;
	background-color: #d0e0af;
}

div#content div.frameContent div.content_loader div.content_form fieldset select:focus {
	background-color: #ffffff;
}

div#content div.frameContent div.content_loader div.content_form fieldset p.textArea span {
	padding-left: 0;
}

div#content div.frameContent div.content_loader div.content_form fieldset p.textArea textarea {
	margin: 0;
	border: 1px #456124 solid;
	padding: 1px;
	width: 643px;
	color: #000000;
	background-color: #d0e0af;
}

* html div#content div.frameContent div.content_loader div.content_form fieldset p.textArea textarea {
	width: 639px;
}

div#content div.frameContent div.content_loader div.content_form fieldset p.errorBox {
	height: 20px;
	padding: 7px 19px 3px;
	border: 1px solid #550000;
	background: #ffddcc;
	color: #550000;
	font-weight: bold;
}

div#content div.frameContent div.content_loader div.content_form .submit {
	padding: 3px 10px 3px;
	background: url(../media/gfx/button_inner.png) repeat;
	border: 1px solid #456124;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#content div.frameContent div.content_loader div.content_form .submit:hover {
	cursor: pointer;
	color: #f1eb4a;
}

/* SHOP */

div#content div.frameContent div.content_loader div.content_form fieldset ul.shopList {
	margin-left: 15px;
	margin-bottom: 15px;
}

div#content div.frameContent div.content_loader div.content_form ul.shopCart {
	margin-top: 40px;
	margin-bottom: 15px;
	list-style: none;
	border: 1px solid #456124;
	background: #73a33d;
}

div#content div.frameContent div.content_loader div.content_form ul.shopCart li.shopTitle {
	padding: 7px 15px 7px;
	font-weight: bold;
	background: #456124;
}

div#content div.frameContent div.content_loader div.content_form ul.shopCart li.shopEmpty {
	height: 45px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
}

div#content div.frameContent div.content_loader div.content_form ul.shopCart li.shopAmount ul {
	height: 29px;
	list-style: none;
}

div#content div.frameContent div.content_loader div.content_form ul.shopCart li.shopAmount ul li {
	float: left;
	display: inline;
	border-bottom: 1px solid #456124;
}

div#content div.frameContent div.content_loader div.content_form ul.shopCart li.shopAmount_Number {
	height: 18px;
	width: 30px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #456124;
}

div#content div.frameContent div.content_loader div.content_form ul.shopCart li.shopAmount ul li.shopAmount_Title {
	height: 18px;
	width: 476px;
	padding: 5px 5px 5px;
	border-right: 1px solid #456124;
}

div#content div.frameContent div.content_loader div.content_form ul.shopCart li.shopAmount ul li.shopAmount_Price {
	height: 18px;
	width: 100px;
	padding: 5px 5px 5px;
	border-right: 1px solid #456124;
	text-align: right;
}

div#content div.frameContent div.content_loader div.content_form ul.shopCart li.shopAmount ul li.shopAmount_Delete {
	height: 26px;
	width: 26px;
	padding: 1px 1px 1px;
}

div#content div.frameContent div.content_loader div.content_form ul.shopCart li.shopValue {
	padding: 5px 10px 5px;
	font-size: 22px;
	background: #456124;
	text-align: right;
}

div#content div.frameContent div.content_loader div.content_form fieldset label.shopDescription span {
	margin: 0 0 0;
	padding: 0 0 0;
}

div#content div.frameContent div.content_loader div.content_form fieldset span.shopIcon {
	float: left;
	margin-top: -10px;
	padding-left: 0px;
	margin-right: 15px;
}

div#content div.frameContent div.content_loader div.content_form fieldset label.shopName {
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 220px;
	overflow: hidden;
}

div#content div.frameContent div.content_loader div.content_form fieldset span.shopSpan {
	display: block;
	padding-left: 230px;
}

div#content div.frameContent div.content_loader div.content_form fieldset select.shopSelect {
	margin: 0;
	border: 1px #456124 solid;
	padding: 1px;
	width: 240px;
	margin-right: 20px;
	background-color: #d0e0af;
}

div#content div.frameContent div.content_loader div.content_form fieldset div.shopPrice {
	position: absolute;
	margin-top: -15px;
	margin-left: 513px;
	width: 130px;
	height: 28px;
	padding: 5px 10px 5px;
	background-color: #456124;
	font-size: 9px;
}

* html div#content div.frameContent div.content_loader div.content_form fieldset div.shopPrice {
	margin-left: 509px;
}

div#content div.frameContent div.content_loader div.content_form fieldset div.shopPrice span {
	display: inline;
	margin: 0 0 0;
	padding: 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

div#content div.frameContent div.content_loader div.content_form fieldset.shopSuccess {
	height: 20px;
	width: 665px;
	padding: 7px 5px 3px;
	border: 2px solid #555007;
	background: #dce48c;
	color: #555007;
	font-weight: bold;
	text-align: center;
}

* html div#content div.frameContent div.content_loader div.content_form fieldset.shopSuccess {
	width: 661px;
}

div#content div.frameContent div.content_loader div.content_form fieldset.shopSuccess span {
	margin: 0 0 0;
	padding: 0 0 0;
}

/* SCHOOL AUTOCOMPLETE */

#child_school_suggest {
	z-index: 1;
	border: 1px solid #000000;
	background-color: #ffffff;
}

* html #child_school_suggest {
	margin-left: -14px;
}

*+html #child_school_suggest {
	margin-left: -14px;
}

#child_school_suggest ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#child_school_suggest li {
	color: #000000;
	padding: 2px 3px;
}

#child_school_suggest li:hover {
	cursor: default;
}

#child_school_suggest strong {
	font-weight: bold;
	text-decoration: underline;
}

#child_school_suggest li.selected {
	color: #000000;
	background-color: #bebebe;
}

/**********************************
	Lightbox
***********************************/

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox img {
	width: auto;
	height: auto;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA);
	display: block; 
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(../media/gfx/lightbox_prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(../media/gfx/lightbox_nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	;
}

#imageData {
	padding:0 10px;
	color: #666;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}	

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 90px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}	 	

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/**********************************
	Footer
***********************************/

div#footer div.frameFooter ul {
	list-style: none;
	width: 839px;
	height: 20px;
	padding: 20px 20px 20px;
	background: #5e8532;
}

div#footer div.frameFooter ul li {
	float: left;
	font-size: 10px;
}

div#footer div.frameFooter ul li span.footerDev {
	margin-left: 14px;
}

div#footer div.frameFooter ul li.footerDivider {
	width: 2px;
	height: 25px;
	background: #f1eb4a;
	margin: 0 25px 0;
}

div#footer div.frameFooter ul li a {
	color: #f1eb4a;
	font-weight: bold;
}