/* Stylesheet für www.risk-cartography.org */
/* Monitorausgabe +/
/* Farben: Orange #FF6600, Rot #990000, Grau #999999 */
/* Gerald Beck 2007 */

* {
	padding: 0;
	margin: 0;
	border: 0;
} 

/* ==========================================
   1. Allgemeine HTML Elemente
============================================= */
html {
	height: 101%;
}
body {
	color: White; /* Schriftfarbe */
	background-image: url(../img/netz.jpg);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
h1 { 
     font-size: 150%; 
	  padding: 0 0 30px 190px;
} /* h1 ist Schrift für Seitentitel im Kopfbereich */

h2 { 
	font-size: 130%; 
	margin-bottom: 1em;
} /* h2 ist Überschrift Textbereich */

h3 {
	font-size: 120%;
	padding: 0 20px 0 190px;
} /* h3 ist Tagline im Kopfbereich */
h4 {
	font-size: 100%;
	font-weight: bold;
	padding: 1em 0 1em 0;
}
h5 {
	font-size: 120%;
	font-weight: bold;
	padding: 1em 0 1em 0;
	color: #990000;
} /* h5 ist Schrift für spezielle Anmerkungen auf der Seite */
h6 {
	font-size: 100%;
	margin-top: 80px;
	margin-right: 40px;
	margin-bottom: 1em;
	margin-left: 20px;
}

p, ul { margin-top: 0;
        margin-right: 0;
		margin-bottom: 0;
		margin-left: 0; 
}
table {
	font-size: 100%;}
a { text-decoration: none; }
a:link { color: #990000; }
a:visited { color: #990000; }
a:hover	{ text-decoration: underline; background-color: #FFFFFF; }
a:focus  { text-decoration: underline; background-color: #FFFFFF; }

td {
	padding-right: 20px;
	padding-bottom: 20px;
}


/* ==========================================
   2. DIV - Bereiche
============================================= */
#wrapper {
	color: black;
	background-color: #FF6600;
	width: 85%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#kopfbereich {
	color: #FFFFFF;
	background-color: #999999;
	height: 133px;
}

#kopfbereich img {
	background-color: White;
	padding: 0;
	float: left;
}

#kopfbereich a:link {
	color: #FFFFFF;
}
#kopfbereich a:hover, a:focus, a:active {
	background-color: #999999;
	text-decoration: none;
}
#kopfbereich a:visited {
	color: #FFFFFF;
	background-color: #999999;
}
#navibereich {	
	color: White;
	float: left;
	width: 150px;
	padding: 20px 10px 0 10px;
}
#navibereich a {
}

#navibereich ul{
	color: #FFFFFF;
		}
#navibereich li {
   font-weight: bold;
	list-style: none;
	margin-top: 5px;
}
#textbereich {
	background-color: White;
	color: #003333;
	padding: 20px 10px 20px 20px;
	margin: 0 0 0 170px;
}
#textbereich p {
	margin-bottom: 1em;
}
#textbereich li {
	background-color: #ffffff;
	margin-bottom: 1em;
	margin-left: 15px;
}
#postit {
	font-family: monospace;
	width: 258px;
	height: 320px;
	background-image: url(../img/newspad.jpg);
	float: right;
	margin: 30px 5px 30px 30px;
	
}
#postit p {
	margin-right: 40px;
	margin-bottom: 1em;
	margin-left: 20px;
	
}

#foto {
	width: 350px;
	height: 200px;
	background-color: #ffffff;
	float: right;
	margin: 30px 5px 30px 30px;
}
	
#logoleiste {
   padding: 10px 0 10px 0;
	border-top: 1px;
	border-color: #999999;
	border-style: solid;
	margin: 100px 10px 0 0;
}

/* ==========================================
   3. Klassen
============================================= */

.sprachauswahl {
	color: #FFFFFF;
	background-color: #999999;
	padding-top: 5px;
	margin: 5px 20px 5px 5px;
	text-align: right;
	font-size: 80%;
}
.macos td {
	vertical-align: top;
}
.subnavi a {
	margin-left: 10px;
	font-weight: normal;
	color: #ffcc99;
	}
.subnavi a:visited { color: #ffcc99; }
.subnavi a:hover { text-decoration: underline; background-color: #990000; }