html{
	background-color: #f1f3fa;
}
body{
	background-color: #ffffff;
	width: 1000px;
	margin: auto;
	color: #0f0f0f;
	position: relative;
	padding: 0;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	font-family: Calibri, Candara, "Segoe UI", Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
}
body#home div#header{
	height: 473px;
	background-image: url(../img/header_bgr.jpg);
	background-repeat: no-repeat;
}
body.kursgruppen div#header, body#kurstyp div#header{
		background-image: url(../img/kursgruppen_header.jpg);
}
body.mixed div#header{
		background-image: url(../img/header_stuff.jpg);
}
body.usermanagement div#header{
		background-image: url(../img/header_user.jpg);
}
body#kurs div#header{
	background-image: url(../img/header_kinder.jpg);
}
div#header{
	height: 260px;
	background-color: #6987a7;

	background-repeat: no-repeat;
	width: 1000px;
	position: relative;
}
div#login, div#logo_name, div#anmeldeinfo{
	position: absolute;
	left: 595px;
	width: 332px;
}

div#login{
	top:0;
	height: 32px;
	background-color: #acc2dc;
	background-color: rgba(255,255,255, 0.45);
	font-size: 14px;
	font-weight: bold;
	color: #273c4e;
	line-height: 32px;
	text-align: right;
	padding-right: 8px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
}
body#home div#logo_name{
	top:190px;
}
div#logo_name{
	top:38px;
}
div#logo img{
	display:block;
	border: 2px solid black;
	border-bottom-style: none;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
}
div#logo{
	margin-left: 128px;
}
div#logo_name h1, div#logo_name h3{
	height: 47px;
	width: 340px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 47px;
	overflow: hidden;
	text-indent: 350px;
	background-color: #ffffff;
	background-image: url(../img/logo_type.gif);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
}
body.delfin div#logo_name h1, body.delfin div#logo_name h3{
	background-image: url(../img/logo_type_delfin.gif);
}
div#nav{
	position:relative;
	height:30px;
	background-color:#3983cf;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	z-index:200;
}
body#home div#nav{
	position:relative;
	height:30px;
	background-color:#3983cf;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	z-index:200;
}
div#main_content{
	min-height:698px;
	position:relative;
	z-index: 2;
}
body#update_pwd div#main_content{
	min-height: 300Px;
}
body#home div#main_content{
	height:698px;
}
div#footer{
	height:30px;
	background-color: #bce5fc;
	clear: both;
}
body#home div#footer{
	background-image: url(../img/footer_bgr.gif);
	background-repeat: no-repeat;
	background-position: right;
}
body#home div#bayernkarte{
	width: 609px;
	height: 698px;
	background-image: url(../img/karte_main.gif);
	background-repeat: no-repeat;
	position: absolute;
	right:0;
	top:0;
	z-index:0;
}
div#h1_box {
	position: absolute;
	top: -300px;
	height: 190px;
	width:550px;
	left:-20px;
}
body.hauptrubrik div#h1_box h1{
	position: absolute;
	bottom: 0px;
	color: #ffffff;
	font-size: 48px;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135, strength=5);
	margin:0;
	line-height:48px;
}

div#anmeldeinfo{
	top:257px;
	z-index: 400;
}
body#home div#anmeldeinfo{
	top:470px;
}
div#anmeldeinfo_header{
	height:36px;
	background-color: #079ef5;
	color: #ffffff;
	font-weight: bold;
	font-size: 24px;
	line-height:36px;
	text-align: right;
	padding-right:10px;
	position: relative;
	z-index: 4;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	border-radius: 1px;
	width: 330px;
}
div#anmeldeinfo_canvas{
	width: 328px;
	left: 1px;
	background-color: #daf1fe;
	background-color: rgba(7,158,245,0.15);
	font-size: 14px;
	line-height:20px;
	text-align: right;
	padding-right:10px;
	padding-bottom: 5px;
	position: relative;
	z-index: 3;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	color:#273c4e;
}
div#anmeldeinfo_canvas strong{
	font-weight: bold;
	font-size: 20px;
	line-height:32px;
	color: #000000;
	padding-left: 5px;
}
body.home div#left_content{
	width:495px;
	position: absolute;
	left: 50px;
	top:30px;
}
div#left_content{
	width:495px;
	position: relative;
	margin-left: 50px;
	margin-top:30px;
	margin-bottom:30px;
	float:left;
}
div#infobox{
	background-color: #079ef5;
	background-color: rgba(7,158,245,0.66);
	color: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
div#infobox h3{
	margin: 0;
	font-size: 110%;
}
div#infobox p{
	margin: 0;
}
div#left_content p{
	margin-top:0px;
}
div.thumb_box{
	height: 160px;
}
div.thumb{
	display:block;
	width: 137px;
	float: left;
	margin-right:41px;
}
div.thumb:last-child{
	margin-right:0;
}
div.thumb img{
	display: block;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	margin-bottom: 5px;
}
div.thumb img:hover{
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	position:relative;
	top:-1px;
	left: -1px;
}
div.thumb a{
	color: #3983cf;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	font-size: 15px;
}
div.thumb a:hover{
	color: #079ef5;
}
ul#kartenorte{
	margin:0;
	padding: 0;
}
ul#karten_orte li{
	list-style: none;
	margin:0;
	padding: 0;
	position:absolute;
}
ul#karten_orte li a{
	color: #273c4e;
	text-decoration: none;
}
li.karten_pin a{
	display: block;
	width: 12px;
	height: 18px;
	background-image: url(../img/marker.png);
}
ul.footer_nav {
	margin: 0 0 0 25px;
	padding:0;
}
ul.footer_nav li{
	list-style: none;
	float:left;
	padding-right:15px;
}
ul.footer_nav li a{
	text-decoration: none;
	color: #273c4e;
	line-height: 30px;
}
ul.footer_nav li a:hover{
	font-weight:bold;
}
a:focus{
	outline: 0;
}
div#hallenbad_infobox, div#kurstyp_infobox{
	background-color: #daf1fe;
	border-color: #3983cf;
	border-style: solid;
	border-width: 1px;
	min-height: 90px;
	position: relative;
	z-index: 200;

}
div#kurstyp_infobox{
	border-color: rgb(172, 194, 220);
	font-size: 90%;
}
div#hallenbad_infobox{
	height: 160px;
}
div#hallenbad_infobox h3, div#kurstyp_infobox h3{
	margin: 0;
	background-color: #3983cf;
	height: 14px;
	font-size: 12px;
	line-height: 12px;
	padding: 2px 0 2px 4px;
	color: #ffffff;
}
div#kurstyp_infobox h3{
	background-color: rgb(172, 194, 220);
}
div#hallenbad_infobox:before, div#hallenbad_infobox:after, div#kurstyp_infobox:before, div#kurstyp_infobox:after
{
  position: absolute;
  content: "";
  z-index: 5;
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.0);
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.08);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.08);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.08);
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
div#hallenbad_infobox:after, div#kurstyp_infobox:after
{
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  right: 10px;
  left: auto;
}
div#bad_info_container{
	background-color: rgb(218, 241, 254);
	position: relative;
	z-index: 7;
		background-image: -o-linear-gradient(
		right bottom,
		rgba(188,229,252,1),
		rgba(218,241,254,1));
	background-image: -webkit-linear-gradient(
		right bottom,
		rgba(188,229,252,1),
		rgba(218,241,254,1));
	background-image: -moz-linear-gradient(
		right bottom,
		rgba(188,229,252,1),
		rgba(218,241,254,1));
	background-image: -ms-linear-gradient(
		right bottom,
		rgba(188,229,252,1),
		rgba(218,241,254,1));
	padding: 5px;
	min-height: 63px;
}
div#typ_info_container{
	background-color: rgb(236, 243, 248);
	position: relative;
	z-index: 7;
	background-image: -o-linear-gradient(
		right bottom,
		rgba(188,229,252,.2),
		rgba(218,241,254,.2));
	background-image: -webkit-linear-gradient(
		right bottom,
		rgba(188,229,252,.2),
		rgba(218,241,254,.2));
	background-image: -moz-linear-gradient(
		right bottom,
		rgba(188,229,252,.2),
		rgba(218,241,254,.2));
	background-image: -ms-linear-gradient(
		right bottom,
		rgba(188,229,252,.2),
		rgba(218,241,254,.2));
	padding: 5px;
	min-height: 63px;
}
div#kurstyp_infobox{
	margin-top: 30px;
}
div#bad_info_container{
	height: 132px;
}
div#bad_info_container div, div#typ_info_container div{
	min-height: 68px;
	background-repeat: no-repeat;
	
}
div#bad_info_container div{
	height: 129px;
	text-align: right;
	padding-right: 10px;
}
div#typ_info_container div{
	padding-left: 10px;
}
div#bad_tepm_infobox, div#typ_alter_infobox{
	width: 155px;
	float:left;
}
div#bad_tepm_infobox{
	background-image: url(../img/thermometer_icon.png);
	background-position: 0 -5px;
}
div#bad_tepm_infobox strong{
	font-size: 42px;
}
div#bad_dimen_infobox, div#typ_sonst_infobox{
	width: 300px;
	border-left-style: dotted;
	border-left-width: 2px;
	border-left-color: #3983cf;
	border-left-color: rgba(57, 131, 207, 0.3);
}
div#typ_sonst_infobox{
	margin-left: 155px;
}
div#bad_dimen_infobox{
	float:right;
	background-image: url(../img/becken_dimensionen_icon.png);
	background-position: 20px 0px;
}
span.bad_info_unit, span.typ_alter_title, span.typ_sonst_title{
	font-size: 90%;
	color: rgba(39, 60, 78, 0.9);
	text-shadow: 1px 1px 1px #ffffff;

}
span.typ_alter_title, span.typ_sonst_title{
	color: rgb(105, 135, 167);
}
div#hallenbad_img_box, div#kurstyp_img_box{
	width:200px;
	height: 133px;
	position: relative;
	top: 3px;
	float: left;
	margin-right: 8px;
	margin-bottom: 2px;
}
div#kursgruppen_img_box{
	width:137px;
	height: 90px;
	position: relative;
	top: 4px;
	float: left;
	margin-right: 12px;
	margin-bottom: 1px;
}
div#hallenbad_img_box img, div#kursgruppen_img_box img, div#kurstyp_img_box img{
	position: relative;
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: #273c4e;
}
div#right_content{
	float: right;
	width: 338px;
	margin-top: 120px;
	margin-right: 66px;
}
div#right_content h4{
	margin: 0;
	color: rgb(172, 194, 220);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
	font-weight: normal;
	font-size: 20px;
}
div#right_content h4:after{
	content: ":";
}
div#gmap_canvas{
	height: 350px;
	background-color: rgb(172, 194, 220);
}
div#bad_adresse{
	margin-bottom: 10px;
}
div#bad_hint {	
	margin-top: 10px;
}
div#bad_hint p{
	margin:0;
}
div.kurstabelle{
	margin-top: 15px;
	margin-bottom: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(218, 241, 254);
	clear: both;
}
div.kurstabelle td{
	vertical-align: top;
	padding: 2px;
}
table.kursuebersicht td.kursart, table.kursuebersicht td.badname, table.kursuebersicht td.badort{
	vertical-align: top;
	padding: 2px;
	font-size: 13px;
	padding-left:4px;
	font-weight: bold;
}
table.kursuebersicht{
	font-size: 11px;
	min-width: 400px;
}
table.kursuebersicht thead tr th{
	background-color: transparent;
	color: rgb(105, 135, 167);
	font-size: 12px;
	font-weight: normal;
}
table.kursuebersicht caption{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
}
div.kurstabelle a{
	color: #000000;
	text-decoration: none;
}
div.kurstabelle a:hover{
	color: rgb(49, 108, 170);
	text-decoration: underline;
}
table.kursuebersicht th{
	text-align: left;
}
div.kurstabelle tbody tr:nth-child(odd){
background-color: rgb(218, 241, 254);
}
div.kurstabelle tbody tr:nth-child(even){
background-color: rgb(188, 229, 252);
}
div.kurstabelle tbody tr:nth-child(odd) td.link{
background-color: #de5425;
}
div.kurstabelle tbody tr:nth-child(even) td.link{
background-color: #c24a22;
}
div.kurstabelle tbody tr:nth-child(odd) td.link:hover{
background-color: #f8470b;
}
div.kurstabelle tbody tr:nth-child(even) td.link:hover{
background-color: #d93e0a;
}
div.kurstabelle table td.kursart{
	width:181px;
}
div.kurstabelle table td.badname{
	width:115px;
}
div.kurstabelle table td.badort{
	width:70px;
}
div.kurstabelle table td.kursart{
	width:181px;
}
div.kurstabelle table td.startdatum{
	width:85px;
}
body#kurstyp div.kurstabelle table td.startdatum{
	width:64px;
}

div.kurstabelle table td.start_uhrzeit{
	width:37px;
}
div.kurstabelle table td.kurs_wochentag{
	width:70px;
}
div.kurstabelle table td.trlight{
	width:9px;
	padding: 0;
	background-color: #316caa;
}
div.kurstabelle table td.trlight a img{
	border: none;
}
div.kurstabelle table td.link{
	width:89px;
	color: white;
	font-weight: bold;
	text-align: center;
}
div.kurstabelle table td.link a{
	color: white;
}
h3.beschreibungstitel{
	margin: 0;
	margin-bottom: 8px;
	color: rgb(39, 60, 78);
}
div.beschreibung{
	margin-bottom: 10px;
	min-height: 133px;
}
ul.linklisting{
	padding-left: 10px;
	width: 600px;
}
ul.linklisting li{
	list-style-image: url(../img/bulett.png);
	margin-left: 5px;
	margin-bottom: 15px;
}
ul.linklisting li:hover{
	list-style-image: url(../img/bulett_down.png);
}

ul.linklisting li a{
	color: rgb(57, 131, 207);
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
}
ul.linklisting li a:hover{
	color: rgb(49, 108, 170);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
}
body#kursarten ul.linklisting > li{
	list-style: none;
	font-weight: normal;
}
body#kursarten ul.linklisting>li>a{
	font-weight: normal;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
	color: silver;
	font-size: 18px;
}
body#kursarten ul.linklisting>li>a:hover{
	color: rgb(49, 108, 170);
	text-decoration: underline;
}
ul.typ_subliste {
	margin-top: 10px;
	margin-bottom: 20px;
}
ul.typ_subliste li{
	margin-bottom: 10px;
}
body#kursarten ul.typ_subliste li a{
	font-size: 18px;
}
div.kurstypen ul{
	width: 720px;
	padding:0;
	margin: 0;
}
div.beschreibung p{
	color: rgb(39, 60, 78);
	line-height: 110%;
}
div.beschreibung div.question, div.beschreibung div.answer{
	color: rgb(39, 60, 78);
	line-height: 110%;
	margin-bottom: 15px;
}
div.beschreibung div.question{
	font-family: Cambria, Georgia, Garamond, serif;
	font-size: 18px;
	font-style: italic;
	color: rgb(105, 135, 167);
}
div.quellenhinweis{
	margin-bottom: 15px;
	font-size: 12px;
	color: rgb(105, 135, 167);
}
div.quellenhinweis a{
	color: rgb(62, 82, 108);
	text-decoration: none;
}
div.kurstypen li{
	position: relative;
	padding:5px;
	display: block;
	list-style: none;
	clear: both;
	margin-bottom: 15px;
	height: 134px;
	background-color: rgb(218, 241, 254);
	background-color: rgba(7, 158, 254, 0.03);
	border-radius: 2px;
	box-shadow: 0 0 1px rgba(0,0,0, 0.05);
}
div.kurstypen li:hover{
	background-color: rgb(199, 234, 254);
	background-color: rgba(7, 158, 254, 0.1);
	box-shadow: 0 0 2px rgba(0,0,0, 0.1);
}
div.kurstypen li img{
	border-style:solid;
	border-color: rgb(39, 60, 78);
	border-width: 1px;
	float:left;
	display: block;
}
div.kurstypen li:hover img{
	border-color: rgb(105, 135, 167);
}
div.kurstypen li div.textinfo{
	margin-left: 210px;
	min-height: 134px;
}
div.kurstypen li div.textinfo h4 a{
	color: rgb(105, 135, 167);
	text-decoration: none;
	font-size: 20px;
}
div.kurstypen li div.textinfo h4 a:hover{
	color: rgb(39, 60, 78);
}
div.kurstypen li h4{
	margin: 0;
	position: relative;
	top: -3px;
}
div.kurstypen li div.typlink{
	width: 216px;
	height: 36px;
	position: absolute;
	bottom: 0px;
	right: -20px;
	background-image: url(../img/deeplink.png);
	background-repeat: no-repeat;
	line-height: 30px;
	text-indent: 9px;
}
div.kurstypen li div.typlink:hover{
	background-image: url(../img/deeplink_hi.png);

}
div.kurstypen li div.typlink a{
	font-weight: bold;
	color: rgb(49, 108, 170);
	text-decoration: none;
	text-shadow: 1px 1px 1px #ffffff;
}
div.kurstypen li div.typlink a:hover{
	color: rgb(236, 243, 248);
	text-shadow: -1px 0px 1px rgba(0,0,0,0.2);
}
div.stundenliste ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
div.stundenliste ul li{
	display: block;
	margin: 0;
	padding: 2px;;
	background-color: rgb(236, 243, 248);
	margin-bottom: 3px;
}
div.stundenliste ul li:nth-child(odd){
	background-color:#daf1fe;
}
body#kurs div.beschreibung{
	min-height: 100px;
	position: relative;
}
body#kurs div.beschreibung div.belegungsInfoContainer{
	position: absolute;
	top: 0;
	right: 0;
}
div.belegungsInfoContainer div.ampel{
	width: 40px;
	height: 120px;
	background-color: rgb(38, 87, 138);
	text-align: center;
	border-color: rgb(57, 131, 207);
	border-style: solid;
	border-width: 1px;
	position: relative;
	padding-top: 5px;
}
div.belegungsInfoContainer div.info{
	position: absolute;
	right: 45px;
	top: 0;
	width: 80px;
	font-size: 80%;
	background-color: white;
	padding: 10px;
	padding-top: 0;
	opacity: 0;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
div.belegungsInfoContainer:hover div.info{
	opacity: 1;
}
div.ampel div.light{
	width: 30px;
	height: 30px;
	margin: auto;
	border-style: solid;
	border-color: rgba(255, 255, 255, .2);
	border-width: 1px;
	border-radius: 50%;
	margin-bottom: 5px;
	opacity: .25;
}
div.light.red{
	background-color: red;
}
div.light.yellow{
	background-color: yellow;
}
div.light.green{
	background-color: #00ff02;
}
div.ampel.red div.light.red{
	opacity: 1;
	box-shadow: 0 0 15px 5px rgba(255, 0, 0, 0.7);
}
div.ampel.yellow div.light.yellow{
	opacity: 1;
	box-shadow: 0 0 15px 5px rgba(255, 255, 0, 0.7);
}
div.ampel.green div.light.green{
	opacity: 1;box-shadow: 0 0 15px 5px rgba(0, 255, 2, 0.7);
}
h3.beschreibungstitel a{
	color: rgb(39, 60, 78);
	text-decoration: none;
}
h3.beschreibungstitel a:hover{
	text-decoration: underline;
}
div.beschreibung h4{
	margin: 0;
	color: rgb(172, 194, 220);
	font-weight: normal;
	font-style: italic;
}
div#ical_download{
	margin-top: 20px;
	font-size: 14px;
	color: rgb(105, 135, 167);
}
div#ical_download img{
	display:block;
	float:right;
}