﻿/* CSS Document br-spezial*/

/* ---- allgemeine styles --- */
body, html {
	color:				#002C50;
	font-family:	    Verdana, Arial, Helvetica, sans-serif;
	font-size:		    100.1%;
	height:				100.1%;
	margin:				0;
	padding:			0;
}
html {
	/* für den Scrollbalken ,damit er in firefox, mozilla nicht verschwindet.
	Sonst rutscht der Inhalt nach links (geht nicht in Safari)*/
	margin-bottom:	    1px;
    height:             auto;
    overflow:           scroll;
}
/*setzt alle vorgegeben Abstände auf 0*/
h1,h2,h3,h4,h5,p,ul,form,table,tr,li   {
	margin:				0px;
	padding:			0px;
	text-align: left;
}
body {
 	font-size:		    15px;
	color:				#002C50;
	background-image:	none;
    text-align:         center;
}
strong, b {
    /*color:              #1E3552;*/
}

a:link, a:visited {
	text-decoration:	none;
	color:				#004D8D;
}
a:hover, a:active {
    text-decoration:    none;
	color:              #555;
}
a img {
  border:0;
}


h1,h2,h3,h4,h5,p,ul,form,table   {  /*setzt alle vorgegeben Abstände auf 0*/
	margin: 		    0px;
	padding:		    0px;
	color: #000;
}
h1 {
	color:				#004D8D;
	font-size:			17px;
	font-weight:		bold;
	padding-bottom:		21px;
}

h2 {
	color:				#004D8D;
	font-size:		    15px;
	font-weight:		bold;
	padding-bottom:		14px;
}
h3 {
	color:				#004D8D;
	font-size:		    14px;
	font-weight:		bold;
	padding-bottom:		4px;
}
h4 {
	color:				#004D8D;
	font-size:		    13px;
	font-weight:		bold;
}
strong {
	color:				#004D8D;
	font-size:		    13px;
	font-weight:		bold;
}
h5 {
	color:				#666;
	font-size:		    12px;
	font-weight:		normal;
}
.clear {
   clear:               both;
}
tr.even {
	background:			transparent;
}
tr.odd td {
	background:			#BEC9D0;
}

#alles {
    display:		    block;
	margin-left:    	auto;
	margin-right:	    auto;
	width:			    992px;
    text-align:         left;
    position:           relative;
}

/* ---- kopf --- */
#kopf {
	height:			        132px;
	margin-bottom:			30px;
	padding-bottom:			20px;
    border-bottom:		    1px solid #0072BC;
}
.wechselbild {
	display:				none;
}
.logo {
	float:			        right;
    margin-right:           30px;
}
/* ---- brotkrumenpfad --- */
#brotpfad {
	display:				none;
}
/* ---- content --- */
#content {
	clear:			        both;
    position:		        absolute;
    background-image:		none;
}
	/* ---- links --- */
#links {
	display:				none;
}
#links:after  {
	display:				none;
}
#mainnavi {
	display:				none;
}

/* ---- mitte --- */
	#mitte {
		width:			100%; /*990px; */
		float:			left;
        z-index:        10;
        position:       relative;
	}


/* ---- adminnavi --- */
		#adminnavi ul {
			display:				none;
		}

/* ---- inhalt --- */
		#inhalt {
		    position:           relative; /*X-Y-Position fuer alle absolut positionierten Inhalte*/
			clear:				both;
			border-top:			none;
			padding:			29px 25px 35px 26px;
		}
		#inhalt ul {
			list-style-type:	none;
            margin-bottom:      18px;
		}
		#inhalt ul li {
			list-style-image:	url(../images/layout/doppelpunkt.gif);
			margin-left:		20px;
			padding: 			1px 0;
		}
		#inhalt ul li ul {
			padding:			2px 0 4px 0;
		}
		#inhalt ul li ul li {
			list-style-type:	none;
			list-style-image:	url(../images/layout/liste-subdot.gif);
			margin-left:		20px;
		}
		/* Textbox links und rechts */
		.inhalt-links {
			display:			block;
			float:				left;
			width:				385px;
			margin-right:		10px;
		}
		.inhalt-rechts {
			display:			block;
			float:				right;
			width:				385px;
		}
		.einspaltig {
			clear:				both;
			padding-top:		14px;
		}
        .spalte-links,
        .spalte-mitte {
            float:              left;
            width:              303px;
            margin-right:       12px;
            font-size:          11px;
         }

        .spalte-rechts {
            float:              left;
            width:              303px;
            font-size:          11px;
         }
        .spalte-bild  {
            float:              left;
            margin:             0 12px 12px 0;
         }
        .spalte-bild img {
            border:			    1px solid #BEC9D0;
            font-size:          11px;
            margin-top:         2px;

        }

        .spalte-links img,
        .spalte-mitte img,
        .spalte-rechts img {
            border:			    1px solid #BEC9D0;
            margin-top:         10px;
        }
        table.tabelle {
			border:             1px solid #000;
			margin:             0;
			padding:            0;
			text-align: 		center;
        }
        table.tabelle thead {
            background:         #BEC9D0;
            color:              FFF;
            font-weight:        bold;
            margin:             0;
            padding:            0
        }
        table.tabelle tbody tr {
           margin:             0;
           padding:            0;
           border-bottom:      1px solid #BEC9D0;
        }
        table.tabelle  tbody tr {
           background:          #EEE;
        }
        table.tabelle  tbody tr.hell {
           background:          #FFF;
        }
        table.tabelle td {
	padding:            3px 6px;
	margin:             0;
	text-align: left;
        }
        table.tabelle td.datum {
            width:              116px;
        }
		
	/* sonderstyles */
	.datum {float:right;margin-top:-34px;}

/* ---- rechts --- */
#rechts {
	display:				none;
	}
/* ---- ende content --- */

/* ---- fuss --- */
#fuss { display:none;}

#fussprint{
    display:        table;
    font-size:      13px;
    position:       absolute;
    left:           26px;
    top:            -88px;
    width:          650px;
    line-height:    20px;
	}

#fussprint strong {
    font-size:              14px;
}

/* ---- Formulare --- */

#mitte form   {
    width:                  500px;
}



form input.eingabefeld {
	border:					1px solid #0072BC;
	background-color:		#FFF;
	width:					140px;
	font-size:				12px;
	padding:				1px 4px;
	margin:					5px 0 0 22px;
	text-align:				left;
}
form input.submit-go {
	border: 				0px solid #FFF;
	background-color:		#0072BC;
	width: 					20px;
	font-size: 				13px;
	font-weight:			bold;
	color:					#FFF;
	height:					16px;
	padding-bottom:			4px;
}


ul.anmelden li{
	list-style-type:	none;
	}
/* suche  */
#suche {
    display:				none;
}

/* Fomular kontakt, gaestebuch etc.*/

form.formular label {
    display:        block;
    width:          110px;
    padding-right:  10px;
    float:          left;
}
form.formular label.radio {
	display:        block;
	float:			left;
	width:			120px;
}
form.formular input,
form.formular textarea {
    display:        block;
    width:          329px;
    float:          left;
    padding:        1px;
    margin-bottom:  3px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		13px;
}
form.formular input.plz {
	display:        block;
	float:			left;
	width:			50px;
	margin-right:	5px;
}
form.formular input.ort {
	display:        block;
	float:			left;
	width:			268px;
}
form.formular input.radio {
	display:        block;
	float:			left;
	width:			10px;
	margin-right:	10px;
}
.tabelle td.checkbox input {
	width:			14px;
	margin-right:	10px;
}
form.formular input.submit {
    display:        block;
    width:          165px;
    float:          left;
    padding:        1px;
    color:          #004D8D;
    font-weight:    bold;
    border:			1px solid #004D8D;
    background:     #92AFC8;
    margin:  		0 0 3px 0;
}
form.formular input.submit-1 {
	display:        block;
    width:          165px;
    float:          left;
    padding:        1px;
    color:          #004D8D;
    font-weight:    bold;
    border:			1px solid #004D8D;
    background:     #92AFC8;
    margin:  		0 5px 3px 0;
}
form.formular p {
  clear:            both;
}
form input.firstmail, 
form label.firstmail {
	position:		absolute;
	visibility:		hidden;
	margin:			0;
	padding:        0;
	}

table.gbuch {
  width:            100%;
  border:           1px solid #92AFC8;
}
table.gbuch thead td {
  background:       #92AFC8;
}
table.gbuch thead td {
  padding:          2px 5px;
  color:            #FFF;
}
table.gbuch tbody {
  background:       #F7F7F7;
  padding:          5px;
}
table.gbuch tbody td {
  padding:          5px;
}

.gb-datum {
  font-size:        12px;
  text-align:       right;
  margin-right:    5px;
}
.gb-link {
  position:         absolute;
  top:              29px;
  right:            24px;
  color:			#004D8D;
  font-size:		13px;
  font-weight:		bold;
}

.versteckt {
  visibility:      hidden;
}
.pipe {
  display:          none;
}


/* KALENDER Styles */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}