/* CSS Document
hintergrundfarbe browser: ffffe9, 
Leistenfarbe, rand: cc9900, 
hintergrund frame unten: #fdfbca
link rot: #993300;
türkis menu #0E8693
dkltürkis #05353A
medtürkis #05353A
dklgelb #FFC50F
 */


html {
	overflow: auto;
	height:101%
}
body {
	margin:0px;
	padding:0px;
}
body#indexBody {
	background-color:#fef9c7;
}
body#contentBody {
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	background-color:transparent;/*position:absolute;*/
}

body#contentBody.whiteBg {
	background-color:#fff;
}
/* =============================
   DIV's
   ============================= */
div#main {
	width:1014px;
	height:592px;
	top:0px;
	left:0px;
	position:absolute;
	left:50%;
	margin-left:-507px;
	z-index:0;
	background-image:url(/primaImg/contentHintergrund.gif);
	background-repeat:repeat-y;
	/*background-color:transparent;*/
	overflow:visible;
}
/*
div#logo {
	width:auto;
	height:auto;
	top:25px;
	left:30px;
	position:absolute;
}
*/
div#debug {
	width:auto;
	height:10px;
	top:0px;
	left:-125px;
	position:absolute;
	overflow:visible;
	z-index:666;
	visibility:visible;
}
div#menu {
	width:auto;
	height:10px;
	top:182px;
	left:60px;
	position:absolute;
	overflow:visible;
	z-index:2;
}
div#content {
	position:absolute;
	width:712px;
	width:727px;
	top:180px;
	height:100%;
	left: 226px;
	z-index:1;
	background-color:#FFFFBB;
}
div#contentBackground {
	position:absolute; top:0px; left:0px;height:1px; width:100%; 
	background-color:#FFffff;
}
div#contentVerlaengerung {
	position:absolute;
	width:100%;
	height:1px;
	top:591px;
	left:0px;
	background-image:url(/primaImg/contentVerlaengerung.gif);
	background-repeat:repeat-y;
	background-color:transparent;
	z-index:1;
}
div#fusszeile {
	width:100%;
	height:60px;
	position:absolute;
	top:592px;
	left:0px;
	background-image:url(/primaImg/fusszeile.gif);
	background-repeat:no-repeat;
}
div#googleMapWrapper {
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	position:relative;
	/*page-break-before:always;*/
}
div#googleMapCanvas {
	width: 400px;
	height: 500px;
	padding:0px;
	margin:0px;
	/*page-break-inside:avoid;*/
}
div#googleMapDirections {
	margin:0px;
	padding:0px;
	position:absolute;
	width:280px;
	height:500px;
	left:410px;
	top:0px;
	overflow: visible;
}
/* =============================
   absatzformate
   ============================= */
.hr {
	height:5px;
	border:none;
	background-repeat:repeat-x;
	background-color:#ffb;
	background-image: url(primaImg/bullet5px.gif);
	clear:both;
}
body.whiteBg .hr {
	background-color:#fff;
}
p, td, h1, h2, h3, h4, ul, a, form, body {
	font-family:arial;
	font-size:12px;
	color:#003e5a;
}
h1, h2, h3, h4 {
	color:#0E8693;
	font-size:18px;
	font-weight:bold;
}
h2 {
	font-size:15px;
}
h3 {
	font-style:italic;
	font-size:13px;
}
h4 {
	font-style:italic;
	font-size:14px;
	color:#003e5a;
}
h1, h2, h3, h4, p, ul {
	margin-top:0.5em;
	margin-bottom: 0.5em;
}
/*
h2 {
	margin-right:0em;
	margin-top:1.5em;
	margin-bottom: 0em;
}
*/
table h2, table h3 {
}
ul {
	position:relative;
	left:-20px;
}
/* =============================
   formulare
   ============================= */

form {
	margin-top:0em;
	padding-left:0px;
}
table.unten form {
	margin-top:0em;
	padding-left:0px;
}
input.formular1, input.formular2, input.formular250 {
	width:200px;
	border:1px solid black;
	background-color:#DDDDDD;
	padding:2px;
}
input.formular2 {
	width:75px;
}
input.formular250 {
	width:250px;
}
textarea.formular1 {
	border:1px solid black;
	background-color:#DDDDDD;
	padding:2px;
}
input.formular1:focus, input.formular2:focus, textarea.formular1:focus {
	background-color:#CCCCCC
}
/* =============================
   table
   ============================= */

table {
	width:100%;
	margin:0px;
	vertical-align:top;
}
table.preise {
	width:100%;
	text-align:left;
	margin:0px;
	padding:0px;
}
table.preise th {
	background-color:#A4D3D9;
	font-size:13px;
	font-weight:bold;
	padding:3px 5px 3px 5px;
}
table.preise td {
	padding:5px;
	border-bottom:solid #05353A 1px;
}
.firstChild {
	width:180px
}
td {
	vertical-align:top;
}
td.zeile1 {
	background-color:#8cc5e0;
}
td.zeile2 {
	background-color:#b2d8ed;
}
td.impressum {
text-align:right;
padding-right:10px;
}

/* =============================
   anker
   ============================= */
a {
	color: #4a6a94;
	text-decoration:underline;
}
a:hover {
	color: #4a6a94;
	text-decoration:none;
}
/* =============================
   img
   ============================= */

.imgLinks, .bildLinks, .imgRechts, .bildRechts {
	margin-bottom:10px;
}
.imgLinks, .bildLinks {
	margin-right:15px;
	float:left;
}
.imgRechts, .bildRechts {
	margin-left:15px;
	float:right;
}
.umfliessenAus {
	clear:both;
}
img {
	border:0px
}
#menu p {
	text-align:center;
}
h1 img {
	float:left;
	margin-right:40px;
	margin-left:295px;
	margin-top:5px;
	margin-bottom:35px;
	height:310px;
	width:310px;
}
.galerieThumb {
	margin:0px 7px 7px 0px;
}
p.flaggen img{
	margin-right:5px;
	border:solid 1px black;
	margin-bottom: 15px;
}
img.button {
	cursor:pointer; 
	margin-bottom:5px;margin-top:5px;
}.button {
	cursor:pointer; margin-bottom:10px;margin-top:10px;
}
/* =============================
   fusszeile
   ============================= */

div#fussZeileMenu a, div#fussZeileMenu p, .copyright {
	color:#0A626B;
	padding-left:5px;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
}
div#fusszeileMenu {
	position:relative;
	left:-10px;
	width:100%;
	text-align:center;
	font-size: 10px;
	margin-top:15px;
}
div#fusszeileMenu p {
	margin-top:30px;
}
div#fussZeile .copyright {
	text-align:center;
	font-size:10px;
	color:#808080;
	margin-top:50px;
}

