/*-- BIS Layout vers. 1  --*/
/*-- 1. April 2006		 --*/
/*-- morepixel.com		 --*/
/*-- comas@morepixel.com --*/	



/*************************************/
/*  PORTAL NEU 11.12.07 mpxlr        */
/*************************************/

#kurssuche{
	float: left;
	width:100%;

}

#kurssuche_body{
	background: url("../img/umkreissuche_bg.gif") no-repeat scroll left top transparent;
	width: 100%;
	height:260px;		
	float: left;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}


#kurssuche_body .umkreisSucheResult {
	float: left;
	width: 301px;
	margin: 0px 0 8px 8px;
}
#kurssuche_body #googlemapTextKM, 
#kurssuche_body #googlemapTextLoc {
	background-color: #316AC5;
	color: #fff;
}

#kurssuche_body #googlemapTextKM span {
	padding: 5px 5px 5px 5px;
	float: left;
	width: 100%!important;
	clear: both;
	background-color: #316AC5;
}
#kurssuche_body #googlemapTextLoc span {
	padding: 0px 5px 5px 5px;
	float: left;
	width: 100% !important;
	clear: both;
	background-color: #316AC5;
}
#kurssuche_body .locRegionen {
	height:39px;
	overflow:auto;		
}
#kurssuche_body #seminarSearch_colUmkreissuche .umkreisSucheResult{
	/*width: 238px !important;*/
	margin:0 0 0 9px;
}
#kurssuche_body #seminarSearch_colUmkreissuche .colHeader {
	float:left;
	vertical-align: top;
	margin-top:3px;
}
#kurssuche_body #seminarSearch_colUmkreissuche .colWrapper{
	float: left;
	width: 181px;

}
#kurssuche_body #seminarSearch_colUmkreissuche .descriptUmkreissuche {
	width:170px!important;
	clear: both;
	background: #EDEDEF;
	margin: 32px 0 0 20px;
	display: block!important;	
	font-size: 10px;
}

#kurssuche_body .headerUmkreissuche {
	font-weight:normal;
	font-size: 12px!important;
	color: #000!important;	
	font-weight:normal;	
	text-align: left;
	margin: 0px 0px 0px 10px;
}
#kurssuche_body .JsDeselect_inactive {
	float: left;
	width: 289px; 
	background-color: #fff;
	color: #000;
	padding:3px 0px;
	border: 1px solid #7F9DB9;
}
#kurssuche_body .JsDeselect {
	float: left;
	width: 289px;
	background-color: #316AC5;
	color: #fff;
	padding:3px 0px;
	border: 1px solid #7F9DB9;
}
#kurssuche_body .JsDeselect span {
	padding: 0px 4px;
}
#kurssuche_body #buttonUmkreisEdit,
#kurssuche_body #buttonUmkreisNew {
	float: right;
}
#kurssuche_body #buttonUmkreisEdit,
#kurssuche_body #buttonUmkreisNew {
	margin:7px 0px 0px 0px;
	float: left;
	cursor:pointer;
	background:url('../img/umkreissuche_btn.gif');
	width:291px;
	height:28px;
	border:0px;
}
#kurssuche_body .formInfo {
	display: none;
}
#kurssuche_body #descriptUmkreissuche {
		display: block;
}

#kurssuche_body form {
	float: left;
	margin:0px 0px 0px 0px;
	width:100%;
}
.kurssuche_text {
	float: left;
	margin: 10px 10px 10px 40px;
	_margin: 10px 10px 10px 20px;	
	width: 100%;
}
#kurssuche_body .form_textline,
#kurssuche_body .form_options {
	width: 100%;
	float: left;
	margin: 3px 0px 3px 0px;		/*für alle */
	*margin: 3px 0px 0px 10px;	   /*für IE6 & IE7 */
	_margin: 3px 0px 3px 5px;		/*für IE6 */
}

#kurssuche_body .form_multiselect .info,
#kurssuche_body .form_textline .info,
#kurssuche_body .form_options .info {
	display:none;
}

#kurssuche_body .form_multiselect .label,
#kurssuche_body .form_textline .label,
#kurssuche_body .form_options .label

 {
	width: 160px;
	margin: 0px 10px 0px 10px;
	float: left;
	text-align: left;
	background-color:#fff;
	padding:5px 0px 5px 10px;
}
#kurssuche_body .colWrapper h2.headerUmkreissuche {
	background-color:#fff;
	width:160px!important;
	padding:5px 0px 5px 10px;
	margin-right:10px!important;
}
#kurssuche_body .form_textline .form, 
#kurssuche_body .form_options .form {
	width:350px;
}
#kurssuche_body .form_options .form select {
	width:291px!important;
}
#kurssuche_body .form_textline .form input {
	width: 285px;
	*width: 288px;	
	_width: 288px;	
}
#kurssuche_body .form_multiselect .form select {
	width: 164px;
	*width: 169px;	
	_width: 169px;	
}
#kurssuche_body .form_options .form select {
	width: 164px;
	*width: 169px;	
	_width: 169px;	
}

.kurssucheLink {
	float: left;
	margin: -15px 0 0 191px;
	color: Black;
	text-decoration: underline;
}
.counterText {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0px 0px 10px;	
	font-size:10px;
	margin: 10px 0px 0px 10px;		/*für alle */
	*margin: 10px 0px 0px 10px;	   /*für IE6 & IE7 */
	_margin: 10px 0px 0px 5px;		/*für IE6 */
		
	font-weight: bold;
}
#kurssuche .counterText {
width:443px!important;
text-align:right;
margin: 10px 0 0 38px;		/*für alle */
*margin:10px 0 0 38px;	   /*für IE6 & IE7 */
_margin: 10px 0 0 33px;		/*für IE6 */
}
.portalButtons {
	float: left;
	margin: 10px 0px 10px 0px;
}
.portalButtons img {
	float: left;
	margin: 3px 0px 3px 0px;
}

.textBox_aktuelles {
	width:511px;
	float:left;
}
.textBox_aktuelles .whiteBorder {
	width:498px!important;	
}
.textBox_aktuelles .whiteBorder h3 {
	width:436px !important;
}

.portalContent, .portalNews {
	float: left;
	width:100%;
	margin: 0px 0px 10px 0px;
	border-bottom:1px solid #CCCCCC;
}

.portalContentImg, .portalNewsImgOdd {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}
.portalNewsImgEven {
	float: right;
	margin: 0px 0px 0px 10px;
	width: 150px;	
}
.portalContentBodyImg {
	float: left;
	width: 235px;
}
.portalNewsBodyImg {
	float: left;
	/*width: 335px;	*/
	width: 270px;
}
.portalContentBody, .portalNewsBody {
	float: left;
/*	width: 448px;*/
	width: 100%;
	/*border-bottom: 1px solid #CCCCCC;	*/
}
.portalNewsBody {
	width: 100%;
}
.portalContent h3, .portalNews h3{
	color: #b40a46;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	font-size: 13px;
	width: 440px;
}
.portalNews h3{
	width: 424px;
}
.textBox ul {
	float: left;
	padding: 0px 0px 0px 0px!important;	
	margin: 0px 0px 0px 0px;		
}
.portalContentList {
	float: left;
/*	background: url(../img/pfeil.gif) no-repeat left;
	padding: 0px 0px 0px 15px;*/
	color: #c00b48;
	margin: 2px 0px 2px 0px;
	list-style: none;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.textBoxGame {
	float: left;
	background-color: #dceef7;
	border: #c7d5dc solid 1px;
	width: 100%;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
.textBoxGame a {
	color: #2f538d;
	background-image: none;
	padding: 0px 0px 0px 0px;
}
#fotoagenda {
	float: left;
	width: 232px;
	margin:0px 0px 0px 11px;
}
#fotoagenda #foto {
	float: left;
	width: 100%;
	padding: 0px 5px 5px 0px;
}
#fotoagenda #agenda {
	float: right;
	width: 100%;
	padding: 5px 5px 5px 5px;
}
.agendaList {
	float: left;
	background-color: #fef5de;
	border-bottom: 1px solid #fde3ac;			
	width: 100%;
}
.agendaList .agendaItem {
	float: left;
	/*border-bottom: 1px solid #fde3ac;	*/
	width: 100%;
	border-top: 1px solid #fde3ac;	
	border-right: 1px solid #fde3ac;	
	border-left: 1px solid #fde3ac;	
}
.agendaList .agendaItem a {
	padding: 0px;
	float: left;	
	font-weight: bold;
	color: black;
	text-decoration: none;
}
/*************************************/
/*  PORTAL NEU 11.12.07 mpxlr  END   */
/*************************************/



/***************************************/
/*    PORTAL  						   */
/***************************************/

#spalten_content {
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:black;	
	font-size:12px;
	float: left;
	text-align: left;

}

.oben {
	float: left;
	width: 785px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#spalte1 {
	float:left;
	width: 269px;
	_width: 250px;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#spalte1 p,
#spalte2 p,
#spalte3 p {
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	float: left;
	/*width: 100%;*/
	width: 84%;	
}
.whiteBorder .date {
	float: left;
	width: 59px;
	height: 41px;
	background: url(../img/blog_blase.gif) no-repeat left;	;
	margin: 0px 2px 0px 0px;
/*	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;		*/
	color:#636363;
	padding: 0px;
	display: block!important;
}
.portalContentBody .date{
	/*border-bottom: 1px solid #ccc;		*/
}
.date .dayMonth {
	float: left;
	margin: 10px 0px 0px 2px;
	font-size: 11px;
}
.date .year{
	float: left;
	margin: 8px 0px 0px 2px;
}


.textBoxGame  .date {
	display: none;
}
.portalContentList .listTitle {
	float: left;
	width: 436px;
}
#spalte2 {
	float:left;
	width:516px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.textBox {
	float: left;
	background-color: #fef5de;
	border: #fde3ac solid 1px;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}


#spalte1 h1, 
#spalte2 h1, 
#spalte3 h1,
.h1unten {
	font-weight:normal;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 4px 0px;
	text-transform: uppercase;
	color: #6D6A6A;
	clear: both;
}
.h1unten {
	margin: 20px 0px 4px 0px;
	float: left;
}
#spalte2 ul {
	float:left;
	width:100%;
	padding:2px 0px 2px 17px;
	margin:0px 0px 0px 0px;
}
#spalte2 h2 {
	background-color:#e6e6e6;
	color:#676767;
	font-weight:bold;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:auto;
}/*
#spalte2 li {
	list-style: none;
	margin:0px 0px 3px 0px; 
	width: 90%;
	float: left;
}
#spalte2 .oben li {
	padding: 0px 0px 0px 10px;
	background: url(../img/arrow_small_pink.gif) no-repeat left;
}
#spalte2 .unten li {
	padding: 0px 0px 0px 10px;
	background:url(../img/arrow_small_cyan.gif) no-repeat left;
}
#spalte2 li a {
	text-decoration:underline;
	color:black;
}
*/
/* Achtung: MITTLERE Spalte */
#spalte3 {
	float:left;
	width:193px;
	padding:0px 0px 0px 8px;
	margin:0px 0px 0px 0px;
}

#spalte3 .oben b {
	float: left;
	clear: both;
	width:100%;
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}

#spalte3 ul {
	float: left;
	width:100%;
	padding:0px 0px 0px 17px;
	margin:0px 0px 0px 0px;
}

#spalte3 li {
	list-style: none;
	margin:0px 0px 3px 0px; /* war 3px; geändert wgn IE, um "unten" auf gleiche Höhe zu bekommen */
	width: 90%;
	float: left;
}
#spalte3 .oben li {
	padding: 0px 0px 0px 10px;
	background: url(../img/arrow_small_green.gif) no-repeat left;
}
#spalte3 .unten li {
	padding: 0px 0px 0px 10px;
	background:url(../img/arrow_small_blue.gif) no-repeat left;
}

#spalte3 li a {
	text-decoration:underline;
	color:black;
}
.next {
	float: left;
	padding:0px 0px 0px 15px;
	background: url(../img/pfeil.gif) left no-repeat;	
	margin: 0px 0 0 60!important;
	font-style:italic;
}
.portalNewsBody .next {
	margin: 0px 0 0 0!important;	
	clear: both;
}
.unten {
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px 2px 2px 2px;
	width: 99%!important;
	width: 600px;
	background-color: #F3F3F4;
	border: 1px solid #CDCCCA;
}
.unten .icon {
	font-style: italic;
	background: url(../img/aktuelles_icon.gif) no-repeat top left;
	float: left;	
	position:relative:
	z-index: 15;
	margin:-1px 0px 0px -3px;
	padding:0px 0px 0px 0px;
	width: 40px;	
	height: 40px;
}
.unten .list {
	float: left;
	width: 500px;
	text-align: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
}
.unten h1 {
	background: url(../img/pfeil.gif) no-repeat left;
	padding:0px 0px 0px 15px;
	margin:5px 0px 0px 10px;
	float: left;	
	clear: both;
	width: 100%;
}
.unten p {
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 10px;	
	float: left;	
	clear: both;
	width: 100%;
}
#rand #spalte1 {
	display: none;
}
/***************************************/
/*    Anbeiterwerbung					   */
/***************************************/
.boxenunten {
	float: left;
	width: 605px;
}
.boxenunten .links {
	float: left;
	width: 290px;
	margin:0px 5px 0px 0px;
}
.boxenunten .links .unten  {
	float: left;
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.boxenunten .links .unten .list {
	float: left;
	width: 88%;
	margin:-35px 0px 0px 0px;
}
.boxenunten .links .linkliste{
	float: left;
	width: 100%;
	margin:0px 0px 5px 0px;
	padding: 0px 0px 5px 25px;
	clear: both;
}
.boxenunten .links ul li{
	float: left;
	width: 95%;
	padding:0px 5px 5px 0px;	
	margin:0px 5px 5px 0px;
	clear: both;
	list-style: none;
	border-bottom: 1px solid #CDCCCA;	
}
.boxenunten .links .date {
	float: left;
	clear: both;
	margin:0px 5px 0px 0px;
}
.boxenunten .rechts {
	float: left;
	width: 294px;
	margin:0px 0px 0px 5px;
}
.boxenunten .rechts .unten  {
	float: left;
	width: 100%;
	margin:0px 0px 0px 0px;
}
.boxenunten .rechts .list {
	float: left;
	width: 95%;
	margin:-35px 0px 5px 0px;

}
#semprov_ad {
	float: left;
	width: 255px;
	border: 1px solid #CDCCCA;
}
#semprov_ad .seminarprovider_info {
	float: left;	
	margin:0px 0px 5px 0px;
	padding: 0px 0px 5px 5px;
	width: 245px;
	clear: both;
}
#semprov_ad .seminarprovider_info h3 {
	float: left;
	width: 100%;
	clear: both;
}
#semprov_ad .seminarprovider_info span {
	float: left;
	width: 100%;
	clear: both;
}
#semprov_ad .seminarprovider_info a {
	float: left;
	clear: both;
	width:100%;
}
#semprov_ad .seminarprovider_info .adtext{
	float: left;
	width: 68%;
}
#semprov_ad .seminarprovider_info .adtext h3{
	font-size: 13px;
	float: left;
	width: 200px;
}
#semprov_ad .seminarprovider_info .logo {
	float: right;
	width: 28%;	
	padding: 0px 3px 0px 0px;
	margin: 13px 0 0 3px;
}

.seminar_info {
	float: left;
	width: 50%
}
.seminarprovider_info .seminarprovider_info {
	float: right;	
	width: 50%;
}
.seminarprovider_info .seminarprovider_info .address {
	float: left;	
}
.seminarprovider_info .seminarprovider_info .logo {
	float: right;	
}