@charset "utf-8";
/* CSS play4you.ch / Amport Webdesign 2010 */


/* Overall Styling*/
html, input, textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {background: #FFF url(images/bg.jpg) repeat-x; font-size: 0.8em; color: #373737; line-height: 1.4em;}

a:link, a:visited {color: #0368b0; text-decoration: none;}
a:hover {color: #011a46; text-decoration: underline;}

.clear {float: none; clear: both;}

.justifyright {float: right;}
.justifyleft {float: left;}

/* DIV Container*/
.container {width: 100%;}
.middler {margin: 0 auto; width: 975px;}

.header {widht: auto; height: 100px; display: block;}
.headerleft {float: left; height: 100px;}
.headerright {float: right; height: 100px; }

.htop {float: right; padding-top: 15px; height: 40px;}

ul.rightbuttons  {float: left; list-style: none;}
.rightbuttons li {float: left; margin-right: 5px;}

.rightbuttons a:link, .rightbuttons a:visited {width: 27px; height: 27px; display: block;}

a.flickrlink:link, a.flickrlink:visited  {background: url(images/button-flickr.jpg) no-repeat;}
a.youtubelink:link, a.youtubelink:visited {background: url(images/button-youtube.jpg) no-repeat; margin-right: 15px;}
a.shoplink:link, a.shoplink:visited {background: url(images/button-shop.jpg); margin-top: -4px; width: 115px; height: 33px;}

a.flickrlink:hover, a.youtubelink:hover, a.shoplink:hover {background-position: bottom left;}

.hbottom {float: right; padding-top: 15px; font-size: 1.1em; font-weight: bold; color: #FFF;}
.small {font-weight: normal; font-size: 0.7em; padding-right: 5px;}

.mainmenu {width: auto; height: 39px; margin: 11px 0px 0px 5px;}

.language-chooser {float: right; margin: 11px 0 0 0;}

.maincontainer {width: auto;}
.maincontent {width: 740px; margin: 0px 23px 0px 5px; float: left; padding: 30px 0px 10px 0px;}
.balkenrechts {width: 202px; float: left; padding: 30px 0px 10px 0px;}

.inhaltstext {float: left; margin-left: 25px; width: 350px;}

.balkenrechts ul {list-style: none; margin-top: 50px;}
.balkenrechts ul li {margin-bottom: 3px;}
.balkenrechts ul li a:link, .balkenrechts ul li a:visited {padding-left: 15px; font-family: Arial, Helvetica, sans-serif; color: #424242; background:url(images/leftmen-pfeil.jpg) left no-repeat; line-height: 22px;}
.balkenrechts ul li a:hover,
.balkenrechts ul li.active a:link, .balkenrechts ul li.active a:visited {color: #76aacf; text-decoration: none;}

.balkenrechts ul li.active li a:link, .balkenrechts ul li.active li a:visited {color: #424242;}

.balkenrechts ul ul {margin: 0px 0px 15px 0px;}
.balkenrechts ul ul li a:link,
.balkenrechts ul ul li a:visited {padding-left: 15px; background: none; line-height: normal; font-style: italic;}


.footer {background: #011a46; padding-top: 10px; height: 40px; display: block; font-size: 0.9em ;}

.footer .container {}
.footer .middler {}
.footer .footerleft { float: left; color: #FFF;}
.footer .footerleft a:link, .footer .footerleft a:visited {color: #FFF; text-decoration: none;}

.footer .footerright  {float: right;}
.footer .footerright a:link, .footer .footerright a:visited {color: #4172a2; text-decoration: none;}



/* Boxen Styling */

.contentbox-breit, .contentbox-breit div {overflow: hidden;}

.contentbox-breit {background: url(images/mainbox-bg.jpg) repeat-y top left; margin-bottom: 20px;}
.contentbox-breit .inner {background: url(images/mainbox-header.jpg) top no-repeat;}
.contentbox-breit .footer {background: url(images/mainbox-footer.jpg) bottom no-repeat; padding: 18px 15px 15px 15px; height: auto;}
.contentbox-breit .contentbox-content {display: block;}

.contentbox-breit h2, h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0368b0; padding-bottom: 20px; font-size: 1.6em; text-transform: uppercase; line-height: 1.4em;}


.dlbox {float: left; width: 350px; height: 150px; border: 1px solid #f2f2f2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 1px 1px 2px #dcdcdc; -moz-box-shadow: 1px 1px 2px #dcdcdc; -webkit-box-shadow: 1px 1px 2px #dcdcdc;}
.dlbox .image {float: left; height: 150px; width: 80px; margin-right: 10px; border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px;}

.dlbox .content {float: left; width: 245px; height: 150px; padding: 5px; line-height: 1.2em;}
.dlbox h2 {padding-bottom: 5px;}

.dlbox .content a:link, .dlbox .content a:visited,
.dlbox .content a:hover {font-size: 0.9em; color: #545454; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}

.dlbox .content h2, .dlbox .content h2 a:link, .dlbox .content h2 a:visited,
.dlbox .content h2 a:hover {font-size: 1.0em; color: #0368b1; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}

/* .dl0, .dl2, .dl4 {margin: 0px 32px 10px 0px;}
.dl1, .dl3, .dl5 {margin: 0px 0px 10px 0px;} */

.dl1, .dl3, .dl5 {margin: 0px 32px 10px 0px;}
.dl2, .dl4, .dl6 {margin: 0px 0px 10px 0px;} 

.spielpark-videos {overflow: hidden; width: 730px;}
.videorundgang {float: left; margin: 0px 0px 20px 0px; display: block;}
.rmarg {margin-right: 5px;}
.in-video-box {margin-right: 5px; margin-bottom: 0px;}

.videobox {float: left; width: 132px; height: 80px; display: block; padding: 0px 5px 5px 0px; text-align: center; margin: 0px 6px 10px 0px;}

.videobox a.center:link, .videobox a.center:visited {padding: 0px auto; padding-top: 35px; height: 45px; display: block; text-decoration: none;}

.videobox .playknopf {width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/video-play.png) no-repeat;}
.videobox .text {font-size: 1.0em; color: #FFF; text-shadow: 2px 2px 2px #333; font-weight: bold; width: 137px; display: block; padding: 3px 0px 3px 0px; text-align: center; background: url(images/50pr-black.png);}

/* Inhalt Styling */

.bigimage-container {float: left;}
.bigimage {margin-bottom: 20px; border-radius: 4px; -moz-border-radius: 4px;}
.weitereinfos {}

.maincontent h1 {margin-bottom: 5px;}
.maincontent h3 {font-weight: bold; font-size: 1.0em; color: #0368b0; margin-top: 15px;}

.maincontent ul {list-style: square; padding-left: 10px; margin: 10px 0px 10px 30px; }

.maincontent p {margin-bottom: 8px;}

.maincontent table td {padding: 0px 10px 10px 0px;}

.maincontent table#adresstable td {padding: 0px 110px 10px 0px;}


/* Backto Button */
.backtoouter {height: 254px; display: block; margin: 50px 0px 20px 0px;}
.backto {background: url(images/zuletzt-angesehen-button.jpg) no-repeat; width: 202px ; height: 59px; display: block;}
.backto p {font-size: 11px; color: #3e7ca8 ; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.backto a {color: #3e7ca8 ; font-size: 11px; font-weight: bold; text-decoration: underline; padding: 12px 0px 0px 10px; display: block;}

.bttopmargin {margin-top: 505px;}

/* Teamtabelle */

table.teamtabelle td {padding: 15px 10px 15px 0px; border-bottom: 1px solid #CCC; margin-bottom:}
table.teamtabelle img {margin-right: 15px;}
.maincontent table.teamtabelle h3 {margin: 0px;}


/* Newsartikel */
.newsdate {font-size: 0.8em; color: #666;}
.newsrow {margin-bottom: 20px; border-bottom: 1px solid #CCC;}
.newsrow h3 {margin: 0px;}


/* Ausklappbares Topmenü */
/**/

.topmenu {height: 31px; display: block; padding-left: 10px; background:url(images/topmenu-bg.png) top left no-repeat; float: left; margin: 0px 40px 0px 0px;}
.topmenu ul {height: 19px; padding: 4px 8px 4px 0px; background: url(images/topmenu-bg.png) bottom right no-repeat;}
	
	.topmenu li
	{	float: left;
		list-style: none;}

	.topmenu li a:link, .topmenu li a:visited
	{	display: block;
		padding: 2px 12px 0px 0px;
		text-decoration: none;
		white-space: nowrap;
		color: #000;
		font-size: 0.9em;}

	.topmenu li a:hover,
	.topmenu li.active a:link, .topmenu li.active a:visited
	{text-decoration: underline;}
	
		
		.topmenu li ul
		{	margin: 0;
			padding: 3px;
			position: absolute;
			visibility: hidden;
			background: #d3e7f5;
			display: block;
			height: auto;}
		
		.topmenu li ul li
		{	float: none;
			display: inline;
			color: #000;}
		
		.topmenu li li a:link, .topmenu li li a:visited,
		.topmenu li.active li a:link, .topmenu li.active li a:visited
		{
			width: auto;
			text-decoration: none;}
		
		.topmenu li ul li a:hover,
		.topmenu li.active ul li a:hover,
		.topmenu li ul li.active a:link, .topmenu li ul li.active a:visited
		{text-decoration: underline;}
		


/* Ausklappbares mainmenu */


	/* 1. Stufe - normal */
	.mainmenu ul {list-style: none;}
	.mainmenu li {display: block; float: left; margin: 0px 7px 0px 0px; padding: 0px;} 
	.mainmenu li a:link, .mainmenu li a:visited {font-size: 1.0em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #232323; padding-left: 7px; height: 39px; display: block; text-transform: uppercase;}
	.mainmenu li a:hover {text-decoration: underline;}
	.mainmenu li a:link span, .mainmenu li a:visited span {padding: 10px 7px 0px 0px; height:29px; display: block;}
	.mainmenu li a:hover span {}
	
	.mainmenu li.active a:link, .mainmenu li.active a:visited {background: url(images/mainmen-butt-left-long.jpg) top left no-repeat;}
	.mainmenu li.active a:link span, .mainmenu li.active a:visited span {background: url(images/mainmen-button-right.jpg) right top no-repeat;}






	/* 2. Stufe Ausklappbar*/
	
		
		.mainmenu li ul
		{	margin: 0;
			padding: 10px 10px 5px 10px;
			position: absolute;
			visibility: hidden;
			background: url(images/main-submenu-bg.png) repeat-x;
			display: block;
			height: auto;
			border: 1px solid #CCC;
			border-top: 0px;
			margin: -7px 0px 0px 0px;
			-moz-border-radius: 0px 0px 4px 4px;
			border-radius: 0px 0px 4px 4px;
			width: auto;}
		
		.mainmenu li ul li
		{	float: none;
			display: inline;
			color: #000;
			background: none;
			padding: 0px;
			display: block;}
		
		.mainmenu li li a:link, .mainmenu li li a:visited,
		.mainmenu li.active li a:link, .mainmenu li.active li a:visited
		{
			width: auto;
			text-decoration: none;
			text-transform: none;
			background: none;
			font-size: 1.0em;
			padding: 5px 0px 5px 0px;
			font-weight: normal;
			height: auto;
			color: #666;
			display: inline;}
			
		.mainmenu li li.active a:link, .mainmenu li li.active a:visited {background: none;}
		.mainmenu li.active li a:link span, .mainmenu li.active li a:visited span {background: none;}
		.mainmenu li li a:link span, .mainmenu li li a:visited span {padding: 0px; height: auto; display: inline;}
		
		.mainmenu li ul li a:hover,
		.mainmenu li.active ul li a:hover,
		.mainmenu li ul li.active a:link, .topmenu li ul li.active a:visited
		{text-decoration: none; color: #000;}


/* Language Chooser anders als das Manimenu gestalten */
    .mainmenu .language-chooser li {background: none; font-size: 0.8em; font-weight: normal; margin: 0 10px 0 0; height: auto;}
    .mainmenu .language-chooser li a:link,
    .mainmenu .language-chooser li a:visited,
    .mainmenu .language-chooser li.active a:link,
    .mainmenu .language-chooser li.active a:visited {background: none; color: #393939; text-transform:  none; height: auto;}
    .mainmenu .language-chooser li.active a:link,
    .mainmenu .language-chooser li.active a:visited {color: black; text-decoration: underline;}
    .mainmenu .language-chooser li a:hover {}
    .mainmenu .language-chooser li.last {border-left: 1px solid #a8a8a8;}



/*Formular Formatierung*/

form label {float: left; width: 150px;} 
form input, form textarea {margin: 0px 0px 5px 0px; border: 1px solid #E6E6E6; background-color: #FFFFFF; width: 150px; font-size: 12px; padding: 2px;}
form input:focus,
form textarea:focus{background-color: #F0F0F0; border: 1px solid #CCCCCC;}

form textarea {width: 300px;}

form input.checkbox,
form input.radio {width: auto; display: inline; margin: 0px 10px 0px 0px; border: 0px;}
form input.button {margin: 20px 0px 0px 0px; width: auto; background: #05296b; color: #FFF; font-weight: bold; padding: 5px 15px 5px 15px; border-radius: 4px; border: 1px solid #CCC; float: none; clear: both;}

form h2 {font-weight: bold; font-size: 1.0em; background: none; margin: 20px 0px 0px 0px;}

.maincontent form h3 {font-weight: bold; line-height: 0.8em; font-size: 1.0em; width: 300px; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 20px; cursor: pointer; background-repeat: no-repeat;}
form h3.firmen {color: #b50063; background-image: url(farben/images/slidedown-pfeil-magenta.jpg);}
form h3.privat {color: #d9a2ca; background-image: url(farben/images/slidedown-pfeil-lila.jpg);}
form h3.verein {color: #e18016; background-image: url(farben/images/slidedown-pfeil-dunkelorange.jpg);}
form h3.schule {color: #e74124; background-image: url(farben/images/slidedown-pfeil-rot.jpg);}

form div.auswahl {border: 1px solid #E6E6E6; width: 300px; padding: 5px;}

form .form-fehler {color: #990000; margin-bottom: 15px;}

form .sublevel {margin-left: 8px;}

input[type=hidden]
{
    display: none !important;
}