@charset "utf-8";
/*
// -----------------------------------------------------------------------
// site.css by orangepointsolutions Ltd., www.orangepointsolutions.de
// -----------------------------------------------------------------------
*/

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.clearfloat {
	clear:both;
}

a img {
	border:none;
}

a.internalLink { color: #A56600; text-decoration: none; }
a:hover .internalLink { text-decoration: underline; }

.oneColFixCtr {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-image:url(images/flower_bg.gif);
	background-repeat:no-repeat;
	background-position:center 131px;
	background-color: #FFFFFF;
}

.oneColFixCtr #container {
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(images/main_gradient.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.more a {
	background-image:url(images/more_bg.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#A56600;
	text-decoration:none;
}

.more a:hover {
	text-decoration:underline;
}

.moretext {
	background: url(images/toggle_more.png) no-repeat 0px 1px;
	width: 9px;
	height: 8px;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
}
.lesstext { background-image: url(images/toggle_less.png); }

/* div[id^=full_] { display: none; }*/

/*#full_analytics,*/ /* needs to be defined at least for IE6 */
/*#full_leistungenwerbung
{ display: none; }*/

li { list-style-position: outside; }

.nofloat { float: none; }
ul.intext { float: right; padding-left: 20px; margin: 0px; }

/*
// -----------------------------------------------------------------------
// header
// -----------------------------------------------------------------------
*/

.oneColFixCtr #header {
	background-image: url(images/header_bg.png);
	background-repeat: repeat-x;
	height:131px;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.oneColFixCtr #header #header_container {
	width: 970px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	font-family: Arial, Helvetica, sans-serif;
	color: #efe7da;
	text-align: right;
	position: relative;
}

.oneColFixCtr #header #logo {
	float:left;
}

/* imprint navigation */

#header #imprintNavi ul {
	margin:0px;
	padding-top:20px;
	padding-right:5px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#DDDDDD;
}

#header imprintNavi ul {
	margin:0px;
	margin-top:10px;
	margin-bottom:5px;
	padding: 0px;
}

#imprintNavi li { display: inline; }
#imprintNavi li a { color: #efe7da; text-decoration: none; }
#imprintNavi li a:hover { color: #efe7da; text-decoration: underline; }

/* languages */

#languages {
	position: absolute; 
	right: 0px; 
	top: 37px;
	width: 60px;
	background-color: #eee;
	border: 2px solid #cb7c03;
	padding: 4px;
	display: none;
}

#languages ul { margin: 0px; padding: 0px; list-style: none; }
#languages ul li { display: block; border-bottom: 1px solid #ddd; }
#languages ul li a { color: #555; text-decoration: none; }
#languages ul li a:hover { color: #000; }
#languages ul li.first { border-top: 1px solid #ddd; }

/* main navigation */

.oneColFixCtr #header #mainNavi {
	float:right;
	height:50px;
}

.oneColFixCtr #header #mainNavi ul {
	margin:0px;
	margin-top:35px;
	padding: 0px;
}

.oneColFixCtr #header #mainNavi li {
	display:inline;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	background-image:url(images/divider.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:40px;
	padding-left:0px;
	padding-right:8px;
	padding-bottom:8px;
}

*html .oneColFixCtr #header #mainNavi li {
	padding-left:5px;
}

#header #mainNavi li a {
	color: #efe7da;
	text-decoration: none;
}
#header #mainNavi li a:hover { color: #ffa600; }

#header #mainNavi li a.active { color: #ffa600; }

/*
// -----------------------------------------------------------------------
// content
// -----------------------------------------------------------------------
*/

#splash_image {
	width:750px; 
	height:336px; 
	background-image:url(images/splash_greenshirt.jpg); /* standard image */
	background-position:0px 6px; 
	background-repeat:no-repeat; 
	position:relative;
}

#sidebar_header {
	background-image:url(images/sidebar_header.png); 
	background-repeat:no-repeat; 
	width:223px; 
	height:40px; 
	position: absolute; 
	right:0px; 
	bottom:0px;
}

.oneColFixCtr #Content {
	background: #FCFCFC;
	background:url(images/main_bg.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:750px;
	margin:0px;
	padding:0px;
	padding-left:0px;
}

.oneColFixCtr #Content h1 {
	margin:0px;
	margin-top:20px;
	padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*font-variant: small-caps;*/
	color: #0F64AF;
	font-size: 24px;
	font-weight:normal;
}

.oneColFixCtr #Content h2, form h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #c07404;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #ddd8bd;
	border-bottom: 1px solid #ddd8bd;
	margin-top: 30px;
}

.oneColFixCtr #Content h3 {
	color: #a39f8b;
	font-weight: normal;
	font-variant: small-caps;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #ddd8bd;
	border-bottom: 1px solid #ddd8bd;
}

#mainContent {
	float:left;
	width:500px;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:75px;
	padding-right:0px;
}

#mainContent p, #mainContent li {
	line-height: 1.3em;
}

*html #mainContent {
	margin-left:5px;
}

img.lifted, img.lifted_plus {
	clear: left;
	float:left; 
	margin-right: 10px; 
	padding: 2px; 
	padding-bottom:21px; 
	background: url(images/shadow_bottom.jpg) bottom right no-repeat;
} 

img.lifted_plus {
	background-image: url(images/shadow_bottom_plus.jpg);
}

.imageholder {
	clear: both;
	background: url(images/imageholder.jpg) no-repeat;
	margin-top: 25px;
	padding-top: 15px;
	padding-left: 25px;
	width: 480px;
	height: 134px;
}

.imageholder img { 
	border: 1px solid #fff; 
	margin-left: 20px; 
	float: left; 
}

.imageholder .text2columns { 
	display: inline-block; 
	width: 180px; 
	padding: 0px 0px 0px 20px;
}

.imageholder .text3columns { 
	display: inline-block; 
	width: 270px; 
	padding: 0px 0px 0px 20px;
}

/*
// -----
// subNavi
// -----
*/

#Content #subNavi {
	float: left;
	background-color: #ede7ca;
	width: 526px;
}

#Content #subNavi ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #98938b;
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}

#Content #subNavi li {
	display:inline;
	padding:10px;
}

#Content #subNavi li a {
	color: #98938b;
	text-decoration: none;
}
#Content #subNavi li a:hover { color: #333; }
#Content #subNavi li a.active { color: #333; }

/*
// -----
// sideBar
// -----
*/

#sideBar {
	float:right;
	width:202px;
	background-color:#F3EDD0;
	background:url(images/sidebar_bg.png);
	background-repeat:repeat-x;
	padding:10px;
}

*html #sideBar {
	padding:9px;
}

#sideBar #sidebarNotes {
	margin-top:0px;
	margin-bottom:20px;
}

#sideBar #sidebarNotes #sidebarContent {
	margin:0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	background-image:url(images/sidebar_notes_content.png);
	background-repeat:repeat-y;
}

#sideBar #sidebarNotes h1 {
	margin:0px;
	font-variant:normal;
	font-size:13px;
	font-weight:bold;
	color:#137CD8;
}

#sideBar #sidebarNotes p {
	margin:0px;
	color: #777;
}

#sideBar #sidebarNotes ul {
	margin: 10px 0px;
	padding: 0px;
	float: none;
}

#sideBar #sidebarNotes li {
	list-style-type: none;
	background-image:url(images/checkmark_bg.png);
	background-position:left 2px;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#073155;
	list-style-position: outside;
}

#sideBar #quote {
	background: url(images/bg_quote.png) no-repeat;
	padding-left: 20px;
	background-position: left 15px;
}

/*
// -----
// Playground Academy
// -----
*/

#PA_splashbox_teaser { margin-top: 15px; cursor: pointer; }
#PA_splashbox_close { cursor: pointer; }

#PA_splashBox {
	width:500px;
	height:300px;
	background-image:url(images/playgroundacademy_complete.jpg);
	display:none;
}

#PA_splashBox p {
	margin:0px;
	margin-bottom:10px;
}

#PA_splashBox #text1 {
	font-size:11px;
	padding-top:40px;
	margin-left:30px;
	width:200px;
}

#PA_splashBox #text2 {
	font-size:11px;
	padding-top:55px;
	margin-left:110px;
	width:300px;
}


/*
// -----
// splashbox area
// -----
*/

#splashbox #leistungen, #splashbox #shop, #splashbox #academy {
	background-repeat:no-repeat;
	width:245px;
	height:145px;
	font-size:10px;
}
#splashbox #leistungen { background-image:url(images/splashbox_leistungen.jpg); float:left; }
#splashbox #shop { background-image:url(images/splashbox_shop.jpg); float:right; }
#splashbox #academy { background-image:url(images/splashbox_academy.jpg); float:left; }

#splashbox p {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
}

#splashbox #leistungen h1, #splashbox #shop h1, #splashbox #academy h1 {
	font-size:17px;
	font-variant:small-caps;
	font-weight: normal;
	text-transform:uppercase;
	margin-top:35px;
	margin-left:112px;
}

#splashbox #leistungen p, #splashbox #shop p, #splashbox #academy p {
	margin-left:112px;
}

/*
// -----------------------------------------------------------------------
// forms
// -----------------------------------------------------------------------
*/

#sidebar_contact label {
	font-size: 9px;
	color: #a56600;
	padding-top: 5px;
	display: block;
}
#sidebar_contact input, #sidebar_contact textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	padding: 2px;
	background: #fdfdfd url(images/bg_formfield.gif) repeat-x;
	width: 194px;
	border: 1px solid #d0c2b2;
}
#sidebar_contact input.submit {
	font-size: 10px;
	color: #a56600;
	background: url(images/bg_submit.gif) repeat-x;
	width: 60px;
	cursor: pointer;
}

.kurtblue, .kurtorange, .kurtgreen { 
	display: none; 
	margin: 0px; 
	padding: 0px; 
}

form p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

/* kontakt page */

#page_contact label {
	clear: left;
	width: 120px;
	display: block;
	margin-top: 6px;
	margin-bottom: 0px;
	font-size: 11px;
}

#page_contact label.left { float: left; }

#page_contact form select, #page_contact form input { width: 255px; padding: 5px; }

#page_contact input, #page_contact textarea, select { 
	width: 275px;
	padding: 3px; 
	background: #fdfdfd url(images/bg_formfield.gif) repeat-x;
	border: 1px solid #d0c2b2;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111;
}
#page_contact input.submit { width: 80px; }
#page_contact textarea { width: 275px; }
#page_contact input.text { margin-bottom: 3px; }


/*
// -----------------------------------------------------------------------
// footer
// -----------------------------------------------------------------------
*/

.oneColFixCtr #footer {
	clear:both;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image:url(images/footer_bg.png);
	background-repeat:repeat-x;
	height:150px;
}

.oneColFixCtr #footer #footer_container {
	width: 745px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-top:0px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer #footerContent {
	font-family:Arial, Helvetica, sans-serif;
	width:510px;
	float:left;
	padding-right:12px;
	color:#DDDDDD;
}

#footer #footerContent ul {
	margin:0px;
	margin-top:10px;
	margin-bottom:5px;
	padding: 0px;
}

#footer #footerContent li {
	display:inline;
}

#footerContent li a {
	color: #ddd;
	text-decoration: none;
}
#footerContent li a:hover { text-decoration: underline; }

#footer #footerContent #copyright {
	float:left;
	margin:0px;
	margin-right:5px;
	padding:0px;
}

#footer #footerContent #copyright_sitedesign {
	margin:0px;
	padding:0px;
	color:#CCB05D;
}

#footer #footerContent #copyright_sitedesign a {
	color:#CCB05D;
	text-decoration:none;
}

#footer #footerContent #copyright_sitedesign a:hover {
	text-decoration:underline;
}

#footer #sideBar {
	float: left;
	width: 202px;
	background-image: none;
	background-color: #F3EDD0;
	text-align: right;
	margin: 0px;
}
#footer #sideBar p {
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
#footer #sideBar p#title { color: #666; }
#footer #sideBar p#phonenumber { color: #c06700; }

#footer #sidebar_footer {
	float: right;
	margin: 0px;
	padding: 0px;
}

/* ----- end of site.css ----- */