/*  ====================================================================================
Stylesheet für die Website elektrische schattten - http://www.elektrische-schatten.com
Stand:  Juli 2009
Datei:  bildschirm.css / Medium Screen

Autor:  Stefan Freund
======================================================================================== */



/* Kalibrierung der wichtigsten Abstände =============================== */ 
*  { 
    padding: 0; 
	margin: 0;
	line-height: 12px;
}
/* Ende Kalibrierung der wichtigsten Abstände ========================== */ 



/* Allgemeine Selektoren =============================================== */ 
html { height: 101%; } 
/* Ende Allgemeine Selektoren ========================================== */ 



/* Schriftformatierung für Überschriften =============================== */

/*Schatten Titel*/
h1 {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: bold;
	color: #99c89c;
	padding-top: 82px; /* Abstand nach oben */
	margin-bottom: 8px;
}

/*Schatten Untertitel*/
h2 {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: bold;
	color: #949779;
	margin-bottom: 8px;
}

/*Schatten/Navi Titel*/
h3 {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: bold;
	color: #949779;
	margin-bottom: 14px;
}

/*Text Titel*/
h4 {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: normal;
	color: #949779;
	margin-top: 18px;
	margin-bottom: 8px;
}

h5, h6 {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: bold;
	color: #949779;
	margin: 0px 0px 24px 0px;
}



/*  Überschriftengrößen */
h1 { font-size: 24px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }
/* Ende Schriftformatierung für Überschriften ========================== */ 



/* Hyperlinks Allgemein ================================================ */ 
a { 
    text-decoration: none; outline: none;
}
/* Ende Hyperlinks ===================================================== */ 


/* Allgemeine Klassen und IDs ========================================== */ 
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}

.clearing { clear: both; }


/* Elemente verstecken */ 
.versteckmich {
   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: inline; 
   width: 12em;   /* Werte für width/height dem Text anpassen */ 
   height: auto; 
   background-color: white; 
   color: black; 
   padding: 5px; 
   border: 1px solid black;
}

.newsarchiv {
	border-bottom: none;
    text-decoration: none;
	outline: none;
}

.eingabeI { /* Formulareld 1 - Name Adresse*/ 
	background: transparent;
	font-family: "Courier New", Courier, monospace;
    font-size: 12px;
	font-style: normal;
	color: #949779;
    width: 500px;
	height: 18px;
	border: 1px solid #333333;
	text-align: left;
	margin-top: 4px;
}

.eingabeII{ /* Formulareld 2 - Text */
	background: transparent;
	font-family: "Courier New", Courier, monospace;
    font-size: 12px;
	font-style: normal;
	color: #949779;
    width: 500px;
	height: 200px;
	border: 1px solid #333333;
	text-align: left;
	margin-top: 4px;
}


.submitbutton {
	font-family: "Courier New", Courier, monospace;
    font-size: 12px;
	color: #949779;
	font-style: normal;
	border: 1px solid #333333;
	background-color: transparent;
	height: 30px;
	width: 140px;
	padding-bottom: 4px;
    cursor: pointer;
}

.submitbutton:hover {
	color: #99c89c;
}


.nosee { display:none; } /*Formularfeld Spam*/
/* Ende Allgemeine Klassen und IDs ===================================== */ 


/* Body ================================================================ */ 
 body{
	background:#222525 url('backlogo.gif') top center repeat-x;
 }
/* Ende Body =========================================================== */ 


/* Wrapper ============================================================= */ 
#wrapper {
	width: 940px;
    margin: auto;
	background: transparent;
	font-family: "Courier New", Courier, monospace;
    font-size: 12px;
}

/* Ende Wrapper ======================================================== */ 



#header {
	width: 650px;
	height: 220px;
	padding-left: 290px;
    margin: auto;
    background: transparent;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #99c89c;
	text-align: left;
	font-style: normal;
	font-weight: normal;
}

#header a {
    font-size: 13px;
	color: #949779;
	font-style: italic;
	font-weight: normal;
}

#header a:hover, a:focus {
    font-size: 13px;
	color: #77bc7c;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
}



/* Navigationsbereich ================================================== */ 
#navibereich {
	/*float: left;*/
	width: 650px;
    background: transparent;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #99c89c;
	text-align: left;
	font-style: normal;
	font-weight: normal;
}

#navibereich ul {
	list-style-type: none;
	margin-bottom: 3px;
	display: inline;
}

#navibereich li {
	display: inline;
	list-style-type: none;
	margin-bottom: 3px;
}

#navibereich2 {
	float: left;
	width: 272px;
	padding-right: 18px;
    background: transparent;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #949779;
	text-align: right;
	font-style: normal;
	font-weight: normal;
}

#navibereich2 ul {
	list-style-type: none;
	margin-top: 0px;
}

#navibereich2 li {
	list-style-type: none;
	margin-bottom: 0px;
}

#navibereich2 a {
    font-size: 12px;
	color: #949779;
	font-style: italic;
	font-weight: normal;
}

#navibereich2 a:hover, a:focus {
    font-size: 12px;
	color: #99c89c;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
}
/* Ende Navigationsbereich ============================================= */ 


/* Spalte Inhalt Alle ======================= */ 
#inhalt {
	font-family: "Courier New", Courier, monospace;
    font-size: 12px;
	font-style: normal;
	color: #949779;
	float: left;
	width: 650px;
	text-align: left;
}

#inhalt img {
	padding: 0px;
	border: 1px solid #333333;
	margin-top: 12px;
	margin-bottom: 4px;
}

#inhalt a {
    font-size: 12px;
	color: #949779;
	font-style: italic;
	font-weight: normal;
}

#inhalt a:hover, a:focus {
    font-size: 12px;
	color: #99c89c;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
}

#inhalt p {
	width: 400px;
	text-align: left;
}

#inhalt td {
	text-align: left;
	line-height: 11px;
	margin-bottom: 22px;
}
	
#inhalt td.mittig  { vertical-align:middle; background-color:#222525; }

 
/* Clear Spalten ============================== */
#spaltenende {
	clear: both;
	width: auto;
}
/* Ende Clear Spalten ========================= */


/* Formularbereich ===================================================== */
#formularbereich p {
	width: 690px;
	font-family: "Courier New", Courier, monospace;
    font-size: 12px;
	font-style: normal;
	color: #949779;
}

#formularbereich li {
    font-size: 12px;
	font-weight: normal;
	color:#99c89c;
	list-style-type: none;
}

#formular {
	width: 650px;
	font-family: "Courier New", Courier, monospace;
	color: #949779;
    font-size: 12px;
	font-style: normal;
	text-align: left;
	border: none;
	background-color: transparent;
}

/* Ende Formularbereich ================================================ */


/* Footer ============================================================== */ 
#footer {
	font-family: "Courier New", Courier, monospace;
    font-size: 12px;
	color: #949779;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	width: 650px;
	height: 28px;
    margin: auto;
	padding-top: 12px;
	padding-left: 290px;
	background: transparent;
}

#footer a {
	font-family: "Courier New", Courier, monospace;
    font-size: 12px;
	color: #949779;
	font-style: italic;
	font-weight: normal;
}

#footer a:hover, a:focus {
	font-family: "Courier New", Courier, monospace;
    font-size: 12px;
	color: #99c89c;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
}

#footer img {
	border: none;
	margin-top: 800px;
	margin-bottom: 122px;

}
/* Ende Footer ========================================================= */ 


/*  ====================================================================================
   E N D E   D E S   S T Y L E S H E E T S / Copyright by Stefan Freund 2009
======================================================================================== */