/* Style-Sheed für die Wasserwacht Bobingen vom Bayerischen Roten Kreuz */
/* Copyright (c) Andreas Berndt, 2012 */

html {
	height:100%;
	margin-bottom:1px;
	}

body {
	color: #212121;
	font-family: arial,helvetica,sans-serif;
	background-color: #7c7c7c;
	font-size:100.01%;
	margin: 0; padding: 0;
	text-align:center;
	background-image: url(pagebg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	}

a {
	color: #0000b2;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#seite { 
	text-align: left;
	width: 960px;
	padding: 0;
	margin: 1.5em auto 0;
	background-color: #fff;
	border-color: #000;
	border-style: solid;
	border-width: 0 1px 1px 0;
	}

div#head {
	height: 125px;
	width: 960px;
	text-align:left;
	color: #000;
	border-color: #666;
	border-style: solid ;
	border-width: 0 0 1px 0;
	position: relative;
	z-index: 100;
}
	
div#brk-logo {
	left: 0;
	top: 0;
	padding: 10px;
	position: absolute;
	overflow: hidden;
}

div#brk-logo img {
	border: 0;
}

div#claim  {
	height: 60px;
	width: 210px;
	overflow: hidden;
	position: absolute;
	top: 90px;
	right: 0px;
	z-index: 50;
}

div#brk-grafik {
	height: 125px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 170px;
}

div#brk-section {
	font-size: 19px;
	left: 226px;
	line-height: 21px;
	position: absolute;
	top: 18px;
	width: 180px;
}

div#nav {
	clear: both;
	bottom: 0px;
	margin: 0 0 0 229px;
	font-size: 0.7em;
	border: 0 none;
	border-style: solid;
	position: absolute;
}

div#nav ul {
	list-style: none outside none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

div#nav li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #666;
    border-style: solid;
    border-width: 0 1px;
	float: left;
    line-height: 21px;
	list-style: none outside none;
    margin: 0 0 0 -1px;
    padding: 0;
    text-align: center;
	display: inline;
}

div#nav ul li {
	height: 19px;
	line-height: 19px;
	overflow: hidden;
}

div#nav a {
    color: #000000;
	height: 14px;
	line-height: 14px;
	font-weight: bold;
    padding: 0.25em 0.95em;
    text-decoration: none;
}

div#nav a:focus, #nav a:active, #nav a:hover {
	background-color: #ccc;
} 

div#menu {
	float: left;
	width: 12em;
	margin: 0;
	padding: 0;
	line-height:1.5em;
	list-style-type: none;
}

div#menu .oz {
	width: 100%;
	display: block;
	background-color: #ffffff;
	text-align: left;
	border-color: #ddd;
	border-style: solid ;
	border-width: 0 0 1px 0;
}

div#menu .ol {
	font-size: 0.7em;
	font-weight: bold;
	color: #000000;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}

div#menu .oz a:hover {
	color: #000;
	background-color: #ccc;
}


div#menu .uz {
	width: 100%;
	display: block;
	background-color: #ffffff;
}

div#menu .ul {
	color: #000;
	font-size: 0.7em;
	padding-left: 30px;
	display: block;
	text-decoration: none;
	border-color: #ddd;
	border-style: solid ;
	border-width: 0 0 1px 0;
}

div#menu .uz a:hover {
	color: #000;
	background-color: #ccc;
}

div#menu .ohz {
	width: 100%;
	display: block;
	background-color: #E60005;
	text-align: left;
	border-color: #ddd;
	border-style: solid ;
	border-width: 0 0 1px 0;
}

div#menu .ohl {
	font-size: 0.7em;
	font-weight: bold;
	color: #fff;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}

div#menu .oml {
	font-size: 0.7em;
	font-weight: bold;
	color: #E60005;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}

div#menu .uhz {
	width: 100%;
	display: block;
	background-color: #E60005;
}

div#menu .uhl {
	color: #fff;
	font-size: 0.7em;
	padding-left: 30px;
	display: block;
	text-decoration: none;
	border-color: #ddd;
	border-style: solid ;
	border-width: 0 0 1px 0;
}

#topnav {
    background: none repeat scroll 0 0 transparent;
    color: #AAAAAA;
    font-size: 0.65em;
    position: absolute;
    right: 80px;
    text-align: right;
    top: 0;
}

#topnav ul {
    list-style: none outside none;
    margin: 0 211px 0 0;
    padding: 0;
    text-align: right;
}

#topnav ul li {
    display: inline;
    line-height: 1.4em;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#topnav a, #topnav span.active {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px;
    color: #999999 !important;
    display: block;
    float: left;
    margin: 0 -1px 0 0;
    padding: 0.2em 0.6em;
    text-decoration: none;
}

#topnav a:focus, #topnav a:hover, #topnav a:active {
    background-color: #666666 !important;
    color: #FFFFFF !important;
}

div#spalte {
	float: right;
	width: 170px;
	line-height:1.2em;
	border: 0px ridge black;
	padding: 0;
	margin-left: 3em;
	margin-bottom: 2em;
}

div#window {
	margin-left: 205px;
	padding-left: 2em;
	padding-right: 3em;
	padding-top: 0em;
	padding-bottom: 2em;
	font-size: 0.8em;
	line-height: 1.4em;
	background-color: #ffffff;
	border: 0px ridge black;
	min-width: 15em;
}

div#window h1 {
	font-size: 2em;
	color: #000;
	line-height: 1.25em;
	margin: 0 0 0.6em 0;
}

.dienstdaten {
    line-height: 1.6em;
    padding: 3px 0 2px;
    position: relative;
}

div#footer {
	clear: both;
	color: #da2725;
	font-size: 0.9em;
	width: 100%;
	margin-right: 1em;
	line-height: 1.2em;
	background-color: #ffffff;
	text-align: right;
	border: 0px ridge green;


}

div#footer a {
	padding-right: 1em;
	padding-left: 1em;
	font-size: 0.9em;
	color: #808080;
	text-decoration: none;
}

div#footer a:hover {
	color: #ffffff;
	background-color: #b0b0b0;
	text-decoration: none;
}

.news {
	margin: 0 0 2em 0;
	padding: 0px;
	font-size: 1em;
}

.news img {
	border: 0;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 1px;
}

.schlagwort {
	color: #da2725;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 0.3em;
}

.headline {
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: bold;
	padding-bottom: 0.2em;
}

.info {
	font-size: 0.7em;
	background-color: #fff;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.4em;
	padding-bottom: 1.2em;
	margin: 0;
	border-color: #ccc;
	border-style: solid ;
	border-width: 0 0 0 1px;
}

.info img {
	border: 0;
}

.borderblue {
	font-size: 0.7em;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	padding: 3px 2px 3px 2px;
	padding-left: 1em;
	border-color: #ccc;
	border-style: solid ;
	border-width: 1px 0 1px 1px;
}

.login {
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0 0 0 1em;
}

.btl {
	background-color: #cccccc;
	text-align: center;
	text-decoration: none;
}

.btx {
	color: #fff;
	font-size: 1.1em;
	display: block;
	margin: 1px;
	text-decoration: none;
}

.btl a:hover {
	color: #000000;
	background-color: #e2e2e2;
	text-decoration: none;
}

div#content img {
	margin: 2px 5px 5px 5px;
}

.adb_einheit {
	color: #ffffff;
	font-size: 8pt;
	letter-spacing: 0.3em;
}

.adb_top {
	border-top-color: #d10000;
	border-top-width: 1px;
	border-top-style: solid;
}

.adb_left {
	border-left-color: #d10000;
	border-left-width: 2px;
	border-left-style: solid;
}


.ltd { background-color: #d2d2e2; text-align: left; }
.ltr { background-color: #d4b2b2; text-align: left; }
.ltg { background-color: #b2d4b2; text-align: left; }

.msgmenuline {
	background: #e2e2e2;
	text-align: center;
}

.msgmenuline a:hover {
	text-decoration: none;
	color: #0000a0;
	background-color:#f0f0f0;
}

.msgmenutext {
	display: block;
	text-align:center;
}

td.vaortauswahl li {
	font-size: 8pt;
	cursor: pointer;
}

#dienstinfo { 
	visibility:hidden;
	position:fixed;
	bottom:10px;
	left:430px;
	width:480px;
	height:150px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	background-image: url(dienstinfobox.png);
}

p#fusszeile {
	font-size: 0.8em;
	color: #ccc;
	text-align: center;
	line-height: 0.2em;
}

.infobutton {
	width: 25px;
	border: 0;
	padding: 2px;
	text-align: right;
}

#grillplatzmieter td {
	padding: 5px;
	background-color: #ddd;
}

#grillplatzmieter td.legende {
	font-weight: bold;
	background-color: #ccc;
}

#grillplatzmieter td.monat {
	font-weight: bold;
	background-color: #fff;
}

#zeitraumfilter {
	padding: 15px 0 15px 5px;
}

#grilltabelle {
	width: 210px;
	cursor: help;
	margin: 20px 40px 20px 0;
	text-align: center;
	background-color: #bbb;
}

#grilltabelle .monat {
	font-size: 12pt;
	font-weight: normal;
	line-height: 1.5em;
	background-color: #ddf;
}

#grilltabelle .wochentag {
	width: 30px;
	font-weight: bold;
	background-color: #ccc;
}

#grilltabelle .tag {
	background-color: #fff;
}

#grilltabelle .heute {
	background-color: #ffa;
}

#grilltabelle .satag {
	background-color: #eee;
}

#grilltabelle .sotag {
	background-color: #ddd;
}

#grilltabelle .vergeben {
	color: #f00;
	background-color: #fcc;
}

#grilltabelle .heutevergeben {
	color: f00;
	background-color: #ffa;
}

#picsort { float: left; width: 80%; min-height: 12em; } * html #picsort { height: 12em; } /* IE6 */
.picsort li { float: left; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
.picsort li h5 { margin: 0 0 0.4em; cursor: move; }
.picsort li a { float: right; }
.picsort li a.ui-icon-image { float: left; }
.picsort li img { width: 100%; padding: 2px 0 0 0; cursor: move; clear:both;}

#picsort .picbox {
	width: 120px;
	height: 125px;
	overflow: hidden;
	background-color: #ccc;
	border: 1px solid #aaa;
	list-style: none outside none;
	
}

h5.psh {
	color: #fff;
	font-weight: bold;
	white-space: nowrap ;
	background-color: #d22828;
}

.picboxfree {
	width: 120px;
	height: 125px;
	background-color: #ffa;
	border: 1px solid #fca;
	list-style: none outside none;
}

.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0px;
	position: absolute;
	background: white url('jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-vline.right { right: 0px; }
.jcrop-hline.bottom { bottom: 0px; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}