/*
#	= fuer IDs
.	= fuer Classes
(ohne)	= fuer Elemente
*/


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

html
{
	width: 100%;
	height: 105%; /*damit der Scrollbalken immer sichtbar ist*/
}

body
{
	width: 100%;
	height: 100%;
	border: 0px;
	text-align: center;
	background: #000000;
}


div
{
	/* border: 1px solid #FF00FF; */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
}


h1 {font-size: 1.2em}
h2 {font-size: 1.1em; color: #7FA742}
h3 {font-size: 1.5em}
h4 {font-size: 1em}
h5 {font-size: 0.95em}
h6 {font-size: 0.9em}

#inhalte
{
	width: 780px;
	height: 250px;
	margin: 1em auto 0 auto;
}


#seitenuberschrift
{
	height: 80px;
	width: 100%;
	display: block;
	float: none;
	clear: both;
	text-align: left;
}

#seitenuberschrift h1
{
	font-size: 2em;
	color: #FFFFFF;
}



#spalte1,
#spalte2,
#spalte3
{
	float: left;
	font-size: 0.8em;
	position: relative;
}

#spalte1,
#spalte3
{
	width: 19%;
	overflow: hidden;
}

#spalte1
{
	text-align: left;
}

#spalte3
{
	text-align: right;
}


#spalte2
{
	width: 58%;
	margin: 0 1.5% 0 1.5%;
	overflow: hidden;
	text-align: center;
}

#spalte2 div#weltkugel
{
	width: 500px;
	height: 500px;
	position: relative;
	background: transparent url(../images/weltkugel.jpg) left top no-repeat;
	margin: auto;
}

#spalte2 div#flagge1
{
	border: none;
	width: 200px;
	height: 40px;
	position: relative;
	left: 0px;
	top: 140px;
	z-index: 100; /* darueberliegend*/
	overflow: hidden;
	background: transparent url(../images/flagge1.jpg) left top no-repeat;
}

#spalte2 div#flagge2
{
	border: none;
	width: 200px;
	height: 40px;
	position: relative;
	left: 20px;
	top: 300px;
	z-index: 101; /* darueberliegend, zweite Ebene*/
	overflow: hidden;
	background: transparent url(../images/flagge2.jpg) left top no-repeat;		
}


div.nofloat /*Float-Fehler für Moz wech*/
{
	height: 1px;
	width: 100%;
	display: block;
	clear: both;
	float: none;
	overflow: hidden;
	visibility: hidden;
	border: 0px none;
}

div div.padding
{
	padding: 0.5em;
	display: block;
	height: 100%;
	float: none;
}

div#spalte1 a,
div#spalte2 a,
div#spalte3 a
{
	display: block;
	width: 100%;
	padding: 0.2em;
	margin: 0 0 0.2em 0;
}

div#spalte1 a:link,
div#spalte2 a:link,
div#spalte3 a:link
{
	color: #FFFFFF;
	background: transparent;
	text-decoration: none;
}

div#spalte1 a:visited,
div#spalte3 a:visited
{
	color: #FFFFFF;
	background: transparent;
	text-decoration: none;
}


div#spalte1 a:active,
div#spalte3 a:active,
div#spalte1 a:hover,
div#spalte3 a:hover,
div#spalte1 a:focus,
div#spalte3 a:focus
{
	color: #7FA742;
	text-decoration: none;
}