/*************************************************
*** Domain :  http://www.haarersatz-koblenz.de | BASIS	**
** FileName : screen.css				**
** Autor:     Fa. Euseris (http://www.euseris.de) 		**
** Email:     kontakt@euseris.de		**
** Erstellt : 01/09/2007 			**
**************************************************

/**
Geaendert am: 	01/10/2007
von: 		A. de Voogd
**/


/* --------------------------------------------------------------------
   Allgemeine Einstellungen zur Webseite
-------------------------------------------------------------------- */
* {
        margin: 0;
        padding: 0;
}
body {  
        color: #000;
        font-family: Arial, Verdana, sans-serif;
        font-size: 93%;
        background-color: #000000;
        /* Das sind reine Anweisungen nur fuer Internet Explorer (Scrollbalken rechts!) */
        scrollbar-highlight-color: #142E5C;
        scrollbar-shadow-color: #9FB6C7;
        scrollbar-arrow-color: #CFDCE5;
        scrollbar-base-color: #95BA95;
}
#inhalt, td, tr {
        font-size: 90%;
}
a {
        font-size: 93%;
}
img {
        border: 0;
}
H1, h1 {
        color: #420001;
        font-weight: bold;
        font-size: 150%;
        border-bottom: 1px solid #420001;
        width: 100%;
        margin: 30px 0px 20px;
        padding: 3px;
}
H2, h2 {
        color: #640000;
        font-weight: bold;
        font-size: 135%;
        margin: 0px 0px 20px;
}
H3, h3 {
        color: #640000;
        font-size: 110%;
        margin: 0px 0px 20px;
}
H4, h4 {
       color: #000000;
       font-size: 110 %;
        margin: 0px 0px 20px;
}
H5, h5 {
        font-weight: bold;
        font-size: 100%;
        margin: 0px 0px 20px;
}
H6, h6 {
        font-weight: italic;
        color: #640000;
        font-size: 100%;
        margin: 0px 0px 20px;
}
p {
		margin-bottom: 0;
}
.clearfix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
.clear {
	clear: both;
}
input, textarea {
        margin: 2px 5px 5px 5px;
}
/* --------------------------------------------------------------------
   Komplett
-------------------------------------------------------------------- */
#komplett {
        margin-top: 25px;
        width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 2px dotted #FFFFFF;
	padding: 15px;
	background-color: #000000;
}
* html #komplett {
	width: 100%;
	w\idth: 95%;
}

/* --------------------------------------------------------------------
Footer oben
--------------------------------------------------------------------- */
#footer {
font-size: 70%;
color: #FFF;
margin: 15px 15px -10px 15px
}

/* --------------------------------------------------------------------
   Oberer Bereich - Logo - Obere Navi - Banner
-------------------------------------------------------------------- */
#oben {
        height: 125px;
        position: absolute;
	width: 95%;
	border: 0;
}
#logo {
	position: relative;
	margin-left: 0px;
        width: 250px;
        height: 165px;
        z-index: 92;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -34px;
	display: block;
}
#banner {
	position: absolute;
	top: 0px;
	width: 100%;
        height: 125px;
        text-align: right;
        background-image: url(banner.jpg);
	background-color: #FFF;
        background-repeat: no-repeat;
	background-position: top right;
}
#banner img {
        margin: 0;
        border: 0;
}
#logo img {
        margin: 0;
        border: 0;
}
#navi {
	position: relative;
	margin: 0;
        background-color: #420000;
}
#oben hr {
	border: 2px solid #000000;
}
#oben-navi {
	text-align: right;
	height: 30px;
	padding: 5px;
	padding-right: 0;
	width: 100%;
	w\idth: 95%;
}
#oben-navi ul {
	float:right;
}
#oben-navi li {
	display: block;
	float: left;
	height: 20px;
	margin: 5px;
}
#oben-navi a:link, #oben-navi a:active {
        color: #FFF;
	line-height: 150%;
        background-color: #420000;
        padding: 0.4em 0em 0em 0em;
	display: block;
	font-size: 80%;
        text-decoration: none;
}
#oben-navi a:visited {
        color: #997C51;
}
#oben-navi a:hover, #oben-navi a:focus {
        color: #420000;
        font-weight: bold;
        background-color: #FFF;
}
/* --------------------------------------------------------------------
   Inhaltsbereich (Mitte)
-------------------------------------------------------------------- */
#mitte {
	margin-top: 120px;
	-margin-top: 140px;
	background: url(links-repeat.gif);
	background-position: center left;
	background-repeat: repeat-y;
	padding-bottom: 140px;
}
/*
* html #mitte {
	width: 100%;
}
*/

/* --------------------------------------------------------------------
   Linker Bereich - Linke Navi
-------------------------------------------------------------------- */
#links {
	position: absolute;
      width: 250px;
      text-align: left;
      vertical-align: top;
      font-size: 90%;
      z-index: 4;
	margin-top: 0px;
}
#links img {
	text-align: center;
	border: 0;
}
#links ul, #links li {
	list-style-type: none;
}
.menu_current {
	font-weight: bold;
	background-color: #E7E3D7;
	color: 420000;
}
#links a:link, #links a:visited, #links a:active, #oben-navi a:link, #oben-navi a:visited, #oben-navi a:active {
        color: #FFF;
        border-bottom: none;
        display: inline;
        text-decoration: none;
        font-size: 90%;	
}
#links a:hover, #oben-navi a:hover {
        color: #000;
        background-color: #997C51;
        text-decoration: none;
}
#links ul a:link, #links li a:link, 
#links ul a:visited, #links a:visited, 
#links ul a:active, #links li a:active {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #999;
	line-height: 1.5em;
        background-color: #640000;
        border-top: 0.1em solid #420000;
        padding: 0.4em 0em 0.3em 1.2em;
	width: auto;
        display: block;
}
#links ul a:hover {
        background-color: #997C51;
	color: #000;
        border-top: 0.1em solid #420000;
        padding: 0.4em 0em 0.3em 1.2em;
	width: auto;
        display: block;
	line-height: 1.5em;
}
#links ul ul a:link, #links ul ul a:visited,  
#links ul ul a:active
 {
        line-height: 1.5em;
        background-color: #8C0000;
        border-top: 0.1em solid #640000;
        padding: 0.2em 0em 0.2em 1.8em;
}
#links ul ul a:hover {
        background-color: #997C51;
	color: #000;
        border-top: 0.1em solid #640000;
        padding: 0.2em 0em 0.2em 1.8em;
	line-height: 1.5em;
}
#links ul ul ul a:link, #links ul ul ul a:visited,  
#links ul ul ul a:active {
        line-height: 1.5em;
        background-color: #93474B;
        border-top: 0.1em solid #8C0000;
        padding: 0.2em 0em 0.2em 2.4em;	
}
#links ul ul ul a:hover {
        background-color: #997C51;
	color: #000;
        border-top: 0.1em solid #8C0000;
        padding: 0.2em 0em 0.2em 2.4em;
	line-height: 1.5em;
}
#links ul ul ul ul a:link, #links ul ul ul ul a:visited,  
#links ul ul ul ul a:active {
        line-height: 1.5em;
        background-color: #BC9294;
        border-top: 0.1em solid #93474B;
        padding: 0.2em 0em 0.2em 3.0em;
}
#links ul ul ul ul a:hover {
        color: #FFF;
        background-color: #997C51;
        border-top: 0.1em solid #93474B;
        padding: 0.2em 0em 0.2em 3.0em;
	line-height: 1.5em;
}
#linksinfo p:first-letter {
	color: #BC9294;
	font-size: 160%;
	font-family: Georgia, Times, serif;
	padding: 0;
	font-weight: bold;
}
#linksinfo p {
	color: #FFF;
	padding: 15px;
	text-align: justify;
	position: relative;
}
#linksinfo {
	-margin-bottom: 105px;
}

/* --------------------------------------------------------------------
   Inhaltsbereich (Text, Hauptbereich, Inhalt)
-------------------------------------------------------------------- */
#hauptbereich p:first-letter {
	color: #640000;
	font-size: 160%;
	font-family: Georgia, Times, serif;
	padding: 0;
	font-weight: bold;
}
div#hauptbereich { 
  	position: relative;    
	margin-top: 0px;
  	padding-left: 250px;
	overflow: auto;
}
#inhalt {
        position: relative;
        margin-left: 15px;
        background-color: #E7E3D7;
	z-index: 0;
	margin-top: -15px;
	-margin-top: 0px;
	padding: 0 30px;
	margin-bottom: 15px;
	/*border: 3px dotted yellow;*/
}
#inhalt img {
	margin: 5px;	
}
#inhalt-mit-box {
        position: relative;
        margin-left: 15px;
		  margin-right: 12em;
		  -margin-right: 12em;
        background-color: #E7E3D7;
	z-index: 0;
	margin-top: -35px;
	-margin-top: -30px;
	padding: 0 30px;
	margin-bottom: 15px;
}
#inhalt span, #inhalt-mit-box span {
        font-style: italic;
        font-size: 90%;
        margin-top: 10px;
        border: 0;
}
#inhalt a:link, #inhalt a:active, #inhalt-mit-box a:link, #inhalt-mit-box a:active {
        color: #245E2E;
        text-decoration: underline;
}
#inhalt a:visited, #inhalt-mit-box a:visited {
        color: #997C51;
        text-decoration: underline;
}
#inhalt a:hover, #inhalt a:focus, #inhalt-mit-box a:hover, #inhalt-mit-box a:focus {
        color: #42699E;
        text-decoration: underline;
}
#inhalt ul, #inhalt ol, #inhalt li, #inhalt dir, #inhalt-mit-box ul, #inhalt-mit-box ol, #inhalt-mit-box li, #inhalt-mit-box dir {
      margin: 5px 15px 0px;
}
#inhalt p, #inhalt-mit-box p{
        margin-top: 15px;
}

/* --------------------------------------------------------------------
  Rechte Seite - Boxen
-------------------------------------------------------------------- */
#box {
	position: relative;
	float: right;
	width: 14em;
	padding: 1em;
	border: 1px outset #FFFFFF;
	color: #FFFFFF;
        background-color: #640000;
	font-weight: bold;  
        font-size: 70%;
	margin-right: 0;
	z-index: 100;
}
#box p:first-letter {
	color: #BC9294;
	font-size: 160%;
	font-family: Georgia, Times, serif;
	padding: 0;
	font-weight: bold;
}
#box li, #box ul {
	list-style-type: none;
}
#box td { 
	color: #FFFFFF;
}
#box hr {
	border: 1px solid #BC9294;
	margin: 15px 0;	
}
#box a:link, #box a:active {
        color: #FFF;
        text-decoration: underline;
        font-size: 93%;
}
#box a:visited {
        color: #997C51;
        text-decoration: underline;
        font-size: 93%;
}
#box a:hover, #box a:focus {
        color: #FFF;
        text-decoration: underline;
        background-color: #997C51;
        font-size: 93%;
}
#box ul, #box ol, #box li, #box dir {
        margin: 1px;
}
#box H1, #box h1 {
        color: #BC9294;
        font-weight: bold;
        font-size: 150%;
        border-bottom: 1px solid #BC9294;
        width: 100%;
        margin: 30px 0px 20px;
        padding: 3px;
}
#box H2, #box h2 {
        color: #BC9294;
        font-weight: bold;
        font-size: 135%;
        margin: 0px 0px 20px;
}
#box H3, #box h3 {
        color: #BC9294;
        font-size: 110%;
        margin: 0px 0px 20px;
}
#box H4, #box h4 {
       color: #FFFFFF;
       font-size: 110 %;
        margin: 0px 0px 20px;
}
#box H5, #box h5 {
        font-weight: bold;
        font-size: 100%;
        margin: 0px 0px 20px;
}
#box H6, #box h6 {
        font-weight: italic;
        color: #BC9294;
        font-size: 100%;
        margin: 0px 0px 20px;
}

/* --------------------------------------------------------------------
  WEB.DE Routenplaner
-------------------------------------------------------------------- */
#webroute {
border: 10px solid #FFF;
}
#webroute input {
border: 1px solid #000;
}