/* =========================================
Styleshhet für die Bildschirmausgabe
Datum: 26.06.2010
Author: Klaus Lanfermann
============================================ */


#header {
        position: relative;
        color: white;
        background-color: #f6821f;
        background-image: url(./Bilder/Orange143px.gif) repeat-y top left;
        padding: 0px 0px 0px 0px;
}

address {
        text-align: center;
        font-size: 80%;
        font-style: normal;
        letter-spacing: 2px;
        line-height: 1.5em;
}
a { text-decoration: none; }
a:link { color: #f6821f; }
a:visited {color: #891266; }
/* a:hover, a:focus { border-bottom: 1px solid #d90000; } */
a:active {
        color: white;
        background-color: #d90000;
}
h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }

#header p {
        position: absolute;
        left: 20%;
        padding: 5px 0 5px 0;
        margin-bottom: 0;
        }
.titel {
        top: 50px;
        font-size: 200%;
}
.subtitel {
        top: 80px;
        font-size: 130%;
}

#titelbild {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        }
		

#col2 .newsdate {
           color: lightgrey;

}

#col2 .news { 
	clear:both; 
	padding: 50px 0 20px 0;
	}
	
#banner {
	padding: 10px 0 10px 30px;
}

/* #######################################################################
        3. sonstige Styles
   ####################################################################### */

   /* Allgemeine Klassen und IDs */
/* Elemente verstecken */ 
.hidden {
   position: absolute;
   left: -9999px; 
   top: -9999px; 
   display: inline;
   width: 0;
   height: 0;
}

/* Bei Navigation per TAB-Taste sichtbar machen */
.tabmich:focus, .tabmich:active {
   position: absolute;
   top: 9999px;   /* Werte für top/left ggfs. dem Layout anpassen */ 
   left: 9999px; 
   display: block; 
	width: 12em; /* Werte für width/height dem Text anpassen */
   height: auto;
   background-color: white; 
   color: black; 
	padding: 5px; 
	border: 1px solid black;
}

   /* ### Kontaktformular ### */

form {
        background-color: #eee;
        width: 370px;
        padding: 20px;
        border: 1px solid #8c8c8c;
        }

label {
        display: block;
        cursor: pointer;
        }

input#absender,
textarea {
        width: 300px;
        border: 1px solid #8c8c8c;
        margin-bottom: 1em;
        }

texearea {
        height: 7em;
        }

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