/* CSS Document */

body {min-width:800px;
max-width:1000px;}
/*  allgemeine Textelemente */

* {
	
	padding: 0px;
	font-family: arial;
}

p {
font-size:12px;
margin-top:0px;
line-height:18px;
}





a {
text-decoration:none;
color:#0033aa;
}

.Stil1 {font-weight: bold}

.Stil2 {font-size: 12px;
		color: #FF0000
}


a:hover{
text-decoration:underline;
}

h1 {
color:#000000;
font-size:18px;
font-weight:bold;
}

h2 {
color:#0000CC;
font-size:22px;
font-weight:bold;
}





/* weitere später hier einfügen*/
/*  allgemeine Textelemente Ende */

body {
background:url(grp/background.jpg) repeat ;
margin-left:auto;
margin-right:auto;
text-align:center; /* IE 5 */
margin-top:0px;
}

/*  Gesamtansicht des Seitenbereichs, weitere Elemente dort einfügen, wo sie am logischsten einzuordnen sind */
#base {
	padding:0px;
	border:solid 0px #333333;
	min-width:800px;
	max-width:1004px;
	width:1004px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position:relative;
		}
/*  Elemente im Header */
#header {
	position:relative;
	height:120px;
	background-image: url(grp/erde_bg.gif);
	background-repeat:no-repeat; 
	margin-bottom:0px;
}








/* Menu ganz oben rechts*/







/*Elemente unterhalb des Headers*/
#main {
background-color:#045c97;
background-image:url(/grp/main_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
text-align:center;
padding-bottom:0px;
}
/* Contenttabelle, kopfzeile:top, mittenbereich: mid, unten: bot; 1=menu links, 2=spacer, 3=contentbereich, 4=spacer, 5=rechtes menu*/
#maintable {
margin-right:0px;
margin-left:0px;
}
div.inhalt {

width:620px;
height:900px;
overflow:auto;
}

#top1 {
width:175px;
height:7px;
margin:0px;
background-image:url(grp/3menu_top.gif);
}

#top2 {
padding-left:6px;
width:15px;
background-image:url(grp/3menu_topleft.gif);
background-position:right;
background-repeat:no-repeat;
}

#top3 {
background-image:url(grp/3menu_toprepeat.gif);
background-repeat:repeat-x;
}

#top4 {
padding-left:6px;
width:7px;
background-image:url(grp/3menu_topright.gif);
background-position:left;
background-repeat:no-repeat;
}

#top5 {
width:175px;
height:7px;
margin:0px;
background-image:url(grp/3menu_top.gif);
}

#mid1 {
vertical-align:top;
background-image:url(grp/3menu_bg.gif);
background-repeat:repeat-y;
padding-left:8px;
max-width:175px;
}

#mid2 {
width:16px;
background-image:url(grp/3menu_contleft.gif);
background-repeat:repeat-y;
background-position:right;
}

#mid3 {
vertical-align:top;
background-color:#E3DEF8;
padding-right:0px;
padding-left:0px;
}

#mid4 {
width:18px;
background-image:url(grp/3menu_contright.gif);
background-repeat:repeat-y;
}

#mid5 {
width:175px;
vertical-align:top;
background-image:url(grp/3menu_bg.gif);
background-repeat:repeat-y;
}

#bot {
height:3px;
overflow:hidden;
}

#bot1 {
background-image:url(grp/3menu_top.gif);
}

#bot2 {
background-image:url(grp/3menu_botleft.gif);
background-position:right;
background-repeat:no-repeat;
}

#bot3 {
background-color:#736A73;
}

#bot4 {
background-image:url(grp/3menu_topright.gif);
background-position:left;
background-repeat:no-repeat;
}

#bot5 {
background-image:url(grp/3menu_top.gif);
}

/*Menuueberschriften*/


div.weltkarte_nav {
background-position:top left;
background-repeat: no-repeat;
padding-bottom:1px;
padding-top:0px;
width:159px;
margin-bottom:2px;
margin-top:3px;
border-top: solid #736A73 1px ;
border-bottom:solid #736A73 1px;

}





/*Menubuttons*/




span.section_head {
font-size:14px;
font-weight:bold;
margin-left:3px;
padding-right:8px;
}








/*Bereich links unten*/
div.linksunten {
margin-top:4px;
margin-left:0px;
margin-right:3px;
width:158px;
font-size:11px;
}

/*navigationsleiste oben im Content*/
.topnav {
	border-bottom:1px solid #736A73;
	font-size:12px;
	padding: 4px;
	margin: 4px;
}


.topnav a {
color:#7C5141;
margin:0px;
margin-right:3px;
margin-left:3px;
font-weight:normal;
}

.topnav a:hover {
color:#000000;
}



/*Im Contentbereich*/












/*Bereich im rechten Block*/
div.rechts {
margin-left:6px;
margin-right:0px;
font-size:11px;
}








/*Footer, Background und Links*/
#footer {
height:70px;
background-image:url(grp/foot_bg.gif) ;
background-position:bottom;
text-align:center;
font-size:11px;
color:#000000;
vertical-align:bottom;

}





#footer a:hover {
color:#5C555C;
}























.glossymenu{
	background: url(grp/menub_bg.gif)  repeat-x; /*tab background image path*/
	height: 46px;
	width:auto;
	list-style: none;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(grp/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
	text-decoration:none;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(grp/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

.arrowlistmenu{
width: 155px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 16px Arial;
display:block;
color: #0033aa;
background: black url(grp/menub_hg.gif) repeat-x center left;
margin-bottom: 8px; /*bottom spacing between header and rest of content*/
margin-top:8px;
text-transform: uppercase;
padding: 4px 4px 4px 0px; /*header text is indented 10px*/
width:155px;
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(grp/menub_bg.gif)  center left; /*custom bullet list image*/
display: block;
padding-top:5px;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
width:155px;
height:20px;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ffffff;
font-weight:bold;
font-size:100%;
background:url(grp/roundedge-blue-right.gif) repeat-y;
background-color: #F3F3F3;
text-decoration:none;
}


#Layer1 {
	position:absolute;
	width:300px;
	font-weight:bold;
	font-size:13px;
	height:68px;
	z-index:1;
	left: 696px;
	right:10px;
	top: 40px;
}
#Layer2 {
	position:absolute;
	width:243px;
	font-weight:bold;
	height:27px;
	z-index:1;
	left: 749px;
	right:10px;
	top: 134px;
}
#Layer3 {
	position:absolute;
	width:40px;
	height:40px;
	left:650px;
	z-index:1;
	top: 52px;
}