/* CSS Document */

/*html, body {
	font:105.01% Verdana, Arial, Helvetica, sans-serif; //!!!!! Hier kann die Typo GLOBAL verkleinert/vergrößert werden !!!!!!! 
	color:#8a211b;
	margin:0;
	padding:0;
	background-color:#dfdfdd;
	height:100%;
}*/

/* Definition der standard Markup Tags */

h4 {
	color:#8a211b;
	size:1.2em;
	font-family:"Times New Roman", Times, serif;
}

/* Logo positionieren */
.logo {
	padding:0.75em 2.2em;
}

.aktionen {
	text-align:center;
}

tr {
	vertical-align:top;
}

.linkleiste {
	color:#8a211b;
	font-weight:bold;
	font-size:0.7em;
	text-decoration:none;
}

.linkleiste:hover {
	text-decoration:underline;
	color:#000000;
}

.seitenanfang {
	color:#000000;
	font-size:0.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	letter-spacing:0em;
}

.seitenanfang:hover {
	text-decoration:underline;
}



/*=========================================================================*/
/*=========================================================================*/
/* noch zu verbessern aber funzt erstmal in Safari & Firefox */
/*=========================================================================*/
/*=========================================================================*/
/* Start Suckerfish - CuP + EDIT */
#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	background:#8a211b;
	font-weight: bold;
	padding:0em 0em;
	margin: 0 0 0 0;
}

#nav {
	font-size:0.7em;
	color: #dfdfdd;
	width:100%;
}

#nav a {
	display: block;
	width: auto;
	w\idth: auto;
	text-decoration: none;
}

a {
	color:#dfdfdd;
}

h2 a {
	color:#8a211b;
}

a:hover {
	color:#8a211b;
	color:white;
}

#nav a.daddy {
	/*background: url(rightarrow2.gif) center right no-repeat;*/
	
}

#nav li {
	float: left;
	padding:0.25em 3em;
	/*width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 16.4em;
	w\idth: 14.9em;
	font-weight: normal;
	padding:0em 0em;
	border:1px solid black;
	z-index:30;
}

#nav li li {
	/*padding-right: 1em;*/
	width: auto;
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -0.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	/*_left:-2em;*/
}

#nav li li:hover ul, #nav li li.sfhover ul {
	_left:1.75em;
	margin-left:7em;
	margin-top:-2em;
}

#nav li:hover, #nav li.sfhover, #nav li:hover a:hover{
	background: #661b18;
	color:dfdfdd;
}

/* ENDE Suckerfish -------- */
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/

/* Bilder in einer Reihe */
ul.bilder {
	display:inline;
	padding-left:0;
	margin:0;
}

li.bilder {
	display:inline;
	list-style-type:none;
	padding:0;
	
}
li img {
	border-color:#000000;
	border-style:solid;
	border-width:1px;	
}

/* Typo header */
div span h1 {
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0;
	padding:0;
	color:#FFFFFF;
}

td img {
	border-color:#000000;
	border-style:solid;
	border-width:thin;
}

.imgcenter {
	padding:0 6%;
}

/* Definition der DIVs: header, footer, logo und aktionen, navigation, bilder, content */

html, body {
	height: 100%;
}

body {
	margin: 0; 
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#dfdfdd;
}
 
h1 {
	color: #3E688B;
}

#wrapper {
	margin: auto auto; 
	min-height: 100%; 
	position: relative;
	/*background-color:#f5f5f5;*/
}

* html #wrapper {
	height: 100%;
} /* IE Hack pr 100 % Höhe */

/*Footer*/
 


#footer {
	/*display:block;*/
	bottom: 0px; 
	width: 100%; 
	height: 54px; 
	/*color: red; 
	background: green;*/ 
	text-align: center;
	/*background-color:#dfdfdd;*/
	background-image:url(../img/css/alter-bahnhof_bg.jpg);
	background-repeat:x-repeat;
	_overflow-x:hidden;
	_overflow-y:hidden;
	/*z-index:99;*/
	margin-top:60px;
}



	
html > body #footer {
	position: fixed;
}

/*div.footer img {
	padding-bottom:10px;
}*/

/*
* html #footer {
	bottom: -1px;
}  IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */

   
#banner{
	/*height:1em;*/
   margin:0px;
   background-image:url(../img/css/hex661b18.jpg);
	background-color:#661b18;
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	vertical-align:middle;
	text-align:center;
	padding:0.2em 0em;
}

#banner1{
	height:140px;
   margin:0px;
   background-image:url(../img/css/hex8a211b.jpg);
	background-color:#8a211b;
  }
  
 #bilder{
	/*height:20px;*/
	width:100%;
   margin:0px;
   overflow:hidden;
   _overflow-x:hidden;
  }
    
#links{
/*height:30px;*/
	margin:0px;
   background-color:#33FF00;
   }
   
#content {
   position:relative;
   height:44%;
background-color:#dfdfdd;
	background-image:url(../img/css/hexdfdfdd.jpg);
	/*z-index:20;*/
	margin-bottom:60px;
	float:left;
	/*overflow:auto;*/
	_overflow-x:hidden;
	_overflow-y:auto;
   }


#popup {
	position:absolute;
	top:0%;
	z-index:99;
	text-align:center;
}
#datum_termine {
	position:absolute;
	height:130px;
	width:34px;
	left:17em;
	display:block;
	z-index:99;
	float:none;
	margin-top:-55px;
	top:50%;	
}
#popup_bild {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

table.liste tr td {
	padding: 0 0.5em;
}


/* ======= Content ========== */

#linke_spalte {
	width:60%;
	float:left;
	padding:0em 2em 0em 1em;
}

#rechte_spalte {
	float:left;
	width:25%;
	height:auto;
	color:black;
	border-left:1px solid black;
	margin-top:3.25em;
	font-size:0.85em;
	padding:0 0 0 1em;
	margin-bottom:60px;
}

div p, div tr {
	font-size:0.7em;
	/*float:left;*/
}

div#linke_spalte ul {
	font-size:0.7em;
	list-style-type:circle;
}

.liste {
	margin-left:1em;
}

.linie_unten {
	border-bottom:1px solid black;
}


h1 {
	font-size:1.2em;
	color:#8a211b;
	letter-spacing:0.1em;
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
	/*margin:-0.25em 0em -0.25em 0em;*/
	/*margin-bottom:-1em;*/
}

h1 a {
	color:#8a211b;
}

h1 a:hover {
	color:#8a211b;
}


div#rechte_spalte img {
	float:left;
	/*border:5px magenta solid;*/
}

div#linke_spalte img {
	float:left;
	padding:0em 1em 1em 0em;
	/*border:5px magenta solid;*/
}

div#linke_spalte h2 {
	font-size:0.8em;
	margin-bottom:-1em;
	padding-left:1.75em;
}

div#linke_spalte p {
	clear:both;
	margin-left:2em;
}

div#linke_spalte p a, div#rechte_spalte p a {
	color:#8a211b;
}

#bild {
	display:block;
	float:left;
	padding:0 0.75em 0 2em;
	/*margin-bottom:-2em;*/
	width:125px;
	font-size:0.55em;
	color:#8a211b;
	text-align:center;
}

div#bild p {
	_margin-bottom:0;
}

div#rechte_spalte h1 {
	margin:0;
}

div#rechte_spalte p img {
	float:none;
	clear:both;
	vertical-align:top;
}

div#rechte_spalte p {
	margin-top:0;
}

div#termine {
	margin-left:1em;
}
	
/* Formulare formatieren */
form {
	font-size:1em;
}

input, textarea {
	float:left;
	background-color:#dfdfdd;
	/*font-size:1em;*/
	border:1px solid #8a211b;
}

input.zentriert {
	text-align:center;
	display:block;
	position:relative;
	left:30%;
}

input:focus, textarea:focus {
	background-color:#FFFFFF;
}

legend {
	margin-left:1.3em;
	color:#8a211b;
	font-weight:bold;
	font-size:0.8em;
	/*border:1px solid #8a211b;*/
	background-color:#dfdfdd;
}

fieldset fieldset legend {
	background-color:#999999;
	color:white;
	font-size:0.8em;
}

fieldset {
	border:#8a211b 1px solid;
	display:block;
	background-color:#999999;
	margin-top:-0.5em;
}

fieldset fieldset {
	background-color:#dfdfdd;
	margin:0;
}

label {
	vertical-align:text-bottom;
	float:left;
	text-align:right;
	margin-right:0.3em;
	width:12em;
	font-size:0.75em;
}

form span {
 font-size:0.75em;
}

form br {
	clear:both;
}


.fett {
	font-weight:bold;
}

#div_gruppe {
	position:relative;
	display:block;
	width:31.1em;
	float:left;
	margin:1em 1em 5em 1em;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
	font-size:0.8em;
}

#div_bild {
	width:34px;
	z-index:100;
	position:absolute;
	height:130px;
	width:34px;
	left:17em;
	display:block;
	/*margin-top:-32.5px;
	top:-50%;*/
}

#div_tab, #div_tab_date {
	position:relative;
	display:inline;
	float:left;
	width:20em;
	/*height:1.5em;*/
	background-color:#FFFFFF;
	padding-left:1em;
	border-bottom:1px solid black;	
	padding:0.25em;
}

#div_tab.gerade, #div_tab_date.gerade {
	position:relative;
	display:inline;
	float:left;
	width:20em;
	/*height:1.5em;*/
	background-color:#dfdfdd;
	padding-left:1em;
	border-bottom:1px solid black;	
	padding:0.25em;
}

#div_tab_date, #div_tab_date.gerade {
	/*background-color:#FFFFFF;*/
	width:10em;
}

.uhrzeit {
	font-size:0.75em;
	color:#8a211b;
	
}

#fehler_form {
	display:inline;
	float:left;
	background-color:#000000;
	color:#FFFFFF;
	font-size:0.75em;
}
#mail_erfolg {
	display:inline;
	position:absolute;
	top:0.55em;
	left:15%;
}

/*div ul li {
	font-size:0.5em;
	}*/
	
#termine_list {
	display:block;
	float:left;
	position:relative;
	margin-left:1em;
}