@media screen { 

/* ======================================
   1. Allgemeine Styles
   ====================================== */
body {
   background: #0a7ea0 url(../bilder/haupt/hg_verlauf.jpg) repeat-x;  
}
h1 { 
   padding: 0; 
   margin: 0; 
}
address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
}
/* Hyperlinks */
a { text-decoration: none; outline: none;} 
a:link { color: #0a7ea0; } 
a:visited { color: #0a7ea0; }
a:hover, 
a:focus { 
	color: #AFC369;
	text-decoration: none; 
}
a:active { 
   color: white;
   background-color: #0a7ea0; 
}
a[href^="http:"]{ 
   background: url(../bilder/linkinsweb.gif) no-repeat right center; 
   padding-right: 11px; 
}
a[href^="http:"]:visited {
   background-image: url(../bilder/linkinsweb.gif);
}

/* Allgemeine Klassen und IDs */

/* 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;
}
#logo { 
   color: black;
}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */
#wrapper { 
   background: #FFF; 
   width: 938px;
   margin: 0 auto 10px;
}

#startseite #wrapper {
	background: #d5cfc8 url(../bilder/haupt/hg_wrapper.jpg) repeat-x 0px 102px;
	}
	
#kopfbereich {
   position: relative; 
   height: 78px;
   color: black; 
   background: #FFF url(../bilder/haupt/gruene_borduere.gif) no-repeat;
   padding: 24px 20px 0 0;
}

/* Hauptbilder (jeweils als Hintergrundbild) */
#startseite #hgbild {
	background: url(../bilder/haupt/gergana_portrait.jpg) no-repeat top right; height: 661px;
	}
#terminseite #hgbild,
#projektseite #hgbild {
	background: url(../bilder/seiten/muskalla_01.jpg) no-repeat top left;
	}
#vitaseite #hgbild {
	background: url(../bilder/seiten/muskalla_07.jpg) no-repeat top left;
	}
#bilderseite #hgbild {
	background: url(../bilder/haupt/schlenker_oben.gif) no-repeat top left;
	}
#demoseite #hgbild {
	background: url(../bilder/seiten/muskalla_04.jpg) no-repeat top left;
	}
#presseseite #hgbild {
	background: url(../bilder/seiten/muskalla_06.jpg) no-repeat top left;
	}
#kontaktseite #hgbild {
	background: url(../bilder/seiten/muskalla_05.jpg) no-repeat top left;
	}
	
#newsbereich { 
	padding: 0; 
	width: 500px;
	background: url(../bilder/aktuell/aktuell_bg.gif) repeat-y;
	}
	#newsbereich h4 {
	margin: 15px 150px 4px 102px;
	}
	#newsbereich p {
	margin-right: 150px;
	margin-left: 102px;
	}
	#newsbereich ul {
	list-style: none;
	margin: 4px 0 4px;
	padding: 0;
	}
	#newsbereich li {
	margin-right: 150px;
	margin-left: 102px;
	}
   #newsbereich a { 
      text-decoration: underline; 
   }
   #newsbereich a:hover,
   #newsbereich a:focus { 
      text-decoration: underline;  
   }

#textbereich { 
	background: url(../bilder/haupt/ornament_unten.gif) no-repeat bottom right; 
	margin-left: 400px;
	padding: 20px 60px 20px 30px; 
	min-height: 530px;
	height: auto !important;
   height: 530px;
	}
	#textbereich h2 {
	margin: 7px 0 9px;
	}
	#textbereich h4 {
	margin: 15px 0 4px 0;
	}
	#textbereich ul {
	list-style: none;
	margin: 6px 0;
	padding: 0;
	}
	#textbereich li {
	margin-right: 0;
	margin-left: 0;
	}
   #textbereich a { 
      text-decoration: underline; 
   }
   #textbereich a:hover,
   #textbereich a:focus { 
      text-decoration: underline;  
   }
   
#pressebereich {
	font-size: 11px;
	line-height: 13px;
	}
	#pressebereich p {
	margin-bottom: 0px;
	margin-top: 5px;
	}

.zitat {
	font-style:italic;
	}

#fussbereich {
   color: white;
   font-size: 10px;
   letter-spacing:1px;
   padding: 8px 0 30px 30px;
   margin-top: 0px;
   background: #0a7ea0 url(../bilder/haupt/schatten.jpg) no-repeat; 
}
   #fussbereich a {
   		color: #d5cfc8;
   }

/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

/* Das Kontaktformular */
  
input, textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 100.00%; 
	color: #494949; 
	width: 250px;
	background: #EEF2DC;
	border: #f0f1ef solid 1px;
	padding: 4px;
	}
	
input:focus, 
textarea:focus {
	background: #ffffff;
	border: 1px #AFC369 solid;
}
	
.btn {
	width: 90px;
	border: 1px solid;
	border-color: #EEF2DC #AFC369 #AFC369 #EEF2DC;
	}

} /* Ende @media - nicht löschen! */ 

/* ======================================= 
   E N D E  bildschirm.css 
   ======================================= */