BODY { FONT-SIZE: 12px; FONT-FAMILY: Arial,Helvetica,Geneva}


H1 { FONT-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #000012; FONT-FAMILY: Arial,Helvetica,Geneva}

H2 { FONT-WEIGHT: bold; FONT-SIZE: 16px; margin-left: 60px; FONT-FAMILY: Arial,Helvetica,Geneva}

H3 { FONT-WEIGHT: normal; FONT-SIZE: 16px; margin-left: 60px; FONT-FAMILY: Arial,Helvetica,Geneva}

H4 { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000066; FONT-FAMILY: Arial,Helvetica,Geneva}

H5 { FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #000066; FONT-FAMILY: Arial,Helvetica,Geneva; line-height: 1.6em; margin-left: 60px; margin-right: 10px;}


A.nav {	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: arial,helvetica,Geneva; TEXT-DECORATION: none}

A.nav16 {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #3399CC; FONT-FAMILY: arial,helvetica,Geneva; TEXT-DECORATION: none}

A.nav16b {FONT-WEIGHT: bold; FONT-SIZE: 16px; margin-left: 60px; COLOR: #000066; FONT-FAMILY: arial,helvetica,Geneva; TEXT-DECORATION: none}


A.navm {	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial,helvetica,Geneva; TEXT-DECORATION: none}

A.navm:link {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3399CC; FONT-FAMILY: Arial,Helvetica,Geneva}        

A.navm:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3399CC; FONT-FAMILY: Arial,Helvetica,Geneva}        

A.navm:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3399CC; FONT-FAMILY: Arial,Helvetica,Geneva}        


A.main { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial,helvetica,Geneva; TEXT-DECORATION: none}

A.bot {	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: arial,helvetica,Geneva}

A.nav:link {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: Arial,Helvetica,Geneva}        

A.nav:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066 FONT-FAMILY: Arial,Helvetica,Geneva}        

A.nav:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3399CC; FONT-FAMILY: Arial,Helvetica,Geneva}        

A.main:active {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Geneva}       

A.main:link {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Geneva}        

A.main:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #E6E6FA; FONT-FAMILY: Arial,Helvetica,Geneva}        

A.main:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: Arial,Helvetica,Geneva}        

A.mainm { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #E6E6FA; FONT-FAMILY: arial,helvetica,Geneva; TEXT-DECORATION: none}

A.mainm:active {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #E6E6FA; FONT-FAMILY: Arial,Helvetica,Geneva}       

A.mainm:link {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #E6E6FA; FONT-FAMILY: Arial,Helvetica,Geneva}        

A.mainm:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000066 FONT-FAMILY: Arial,Helvetica,Geneva}        

A.mainm:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Geneva}        


A:big {FONT-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #000066; FONT-FAMILY: Arial,Helvetica,Geneva}        

#A.big {FONT-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #000066; FONT-FAMILY: Arial,Helvetica,Geneva}        


TD { FONT-SIZE: 12px; VERTICAL-ALIGN: top; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Geneva }


TD.nav {FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: top; COLOR: #3399CC; FONT-FAMILY: Arial,Helvetica,Geneva}

TD.navb {FONT-WEIGHT: bold; FONT-SIZE: 12px; VERTICAL-ALIGN: top; COLOR: #000066; FONT-FAMILY: Arial,Helvetica,Geneva}

TD.main {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Geneva}    

TD.mainm {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial,Helvetica,Geneva}    


TD.bot { TEXT-ALIGN: center }

A.imp {	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #000066; FONT-FAMILY: arial,helvetica,Geneva; TEXT-DECORATION: none}

#G { FONT-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #000066; FONT-FAMILY: Arial,Helvetica,Geneva}

#M { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Geneva}

#M1 { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Geneva}

#T { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000066; FONT-FAMILY: Arial,Helvetica,Geneva}

LI, P, FORM, H3 {line-height: 1.6em; font-size: 1em; margin-left: 60px; margin-right: 10px;}

PD {line-height: 1.6em; color: #FF0000; FONT-WEIGHT: bold; font-size: 1em; margin-left: 210px; margin-right: 10px;}

PE {color: #FF0000; FONT-WEIGHT: bold; font-size: 1em; }


INPUT {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial,helvetica,Geneva
}
SELECT {
	FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: arial,helvetica,Geneva
}
TEXTAREA {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial,helvetica,Geneva
}


/* CSS Document */

html {
	min-height:101%;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0000000;
	}

p {
	margin-bottom:0px;
	margin-top:0px;
	}

/* - - - HEADER - - - */
#header1 {
	width:934px;
	height:222px;
	background-image:url(../img/Header-oben.png);
	background-repeat:no-repeat;
	position:relative;
	left:50%;
	margin-left:-467px;
	border:1px solid #000000;
	border-bottom:none;
	}

#header2 {
	width:934px;
	height:98px;
	background-image:url(../img/Header-unten.png);
	background-repeat:no-repeat;
	position:relative;
	left:50%;
	margin-left:-467px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	}

/* - - - CONTENT - - - */
#container {
	width:934px;
	background-color:#FFFFFF;
	position:relative;
	left:50%;
	margin-left:-467px;
	border:1px solid #000000;
	border-top:none;
	}

#news {
	width:150px;
	float:left;
	}

#login {
	width:150px;
	float:left;
	}

#content {
	width:634px;
	float:left;
	}

/* - - - NAVIGATION - - - */
#mainNav {
  width: 824px;
  font-size: 11px;
  height: 21px;
  border-right: 1px solid #999;
  padding-top:50px;
  
}
#mainNav ul { 
  visibility: hidden; 
  position: absolute;
  z-index: 200;
  left: 0;
  top: 21px;
  background: #fff;
  padding-top: 2px;
}

#mainNav #topNav11 ul, #mainNav #topNav12 ul { margin-left: -77px; }

#mainNav li {
  float: left;
  text-align: center;
  position: relative;
  background: #fff;
}
#mainNav a {
  text-decoration: none;
}
#mainNav .seperator, #mainNav #seperatorHalfpage {
  float: left;
  height: 20px;
  width: 4px;
  font-size: 1px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}
#mainNav #seperatorHalfpage {
  display: none;
}
#mainNav li a {
  display: block;
  float: left;
  text-align: center;
  padding: 3px 4px;
  font-weight: normal;
  color: #000;
  border: 1px solid #999;
  border-right: none;
}
#topNav1  a { width: 38px; }
#topNav2  a { width: 70px; }
#topNav3  a { width: 70px; }
#topNav4  a { width: 70px; }
#topNav5  a { width: 70px; }
#topNav6  a { width: 70px; }
#topNav7  a { width: 72px; }
#topNav8  a { width: 70px; }
#topNav9  a { width: 33px; }
#topNav10 a { width: 76px; }
#topNav11 a { width: 31px; }
#topNav12 a { width: 31px; }

#topNav1 ul { margin-left:0px; }
#topNav2 ul { margin-left:0px; }
#topNav3 ul { margin-left:0px; }
#topNav4 ul { margin-left:0px; }
#topNav5 ul { margin-left:0px; }
#topNav6 ul { margin-left:0px; }
#topNav7 ul { margin-left:0px; }
#topNav8 ul { margin-left:0px; }
#topNav9 ul { margin-left:0px; }
/*#topNav4 { border: 1px solid red; }*/
#mainNav #topNavHalfpage   { display: none; }
#mainNav #topNavHalfpage a { width: 154px; color: #999; }

body#start     #mainNav #topNav1 a, #mainNav #topNav1 a:hover  { color: #fff; background: #a8cd41; }
body#natur       #mainNav #topNav2 a, #mainNav #topNav2 a:hover  { color: #fff; background: #15a077; }
body#technik     #mainNav #topNav3 a, #mainNav #topNav3 a:hover  { color: #fff; background: #193370; }
body#mensch      #mainNav #topNav4 a, #mainNav #topNav4 a:hover  { color: #fff; background: #9e003a; }
body#kultur      #mainNav #topNav5 a, #mainNav #topNav5 a:hover  { color: #fff; background: #de6f03; }
body#reisen      #mainNav #topNav6 a, #mainNav #topNav6 a:hover  { color: #fff; background: #f1c213; }
body#fotografie  #mainNav #topNav7 a, body#portfolio #mainNav #topNav7 a, #mainNav #topNav7 a:hover  { color: #fff; background: #50595b; }
body#interaktiv  #mainNav #topNav8 a, #mainNav #topNav8 a:hover, body#info #mainNav #topNav9 a, #mainNav #topNav9 a:hover, body#heftreihen #mainNav #topNav10 a, #mainNav #topNav10 a:hover, body#abo #mainNav #topNav11 a, #mainNav #topNav11 a:hover,  body#shop #mainNav #topNav12 a, #mainNav #topNav12 a:hover, #mainNav #topNavHalfpage-active a, #mainNav #topNavHalfpage a:hover {
  color: #fff; background: #a8cd41;
}
#mainNav ul {
  z-index: 200;
  display: inline;
}
#mainNav ul li, #mainNav ul li a {
  display: block;
  text-align: left;
  clear: both;
}
#mainNav ul li a {
  padding: 2px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-top: none;
  border-bottom: none;
  color: #fff !important;
}

#mainNav ul li a:hover {
  color: #000 !important;
}

#topNav1 ul li a  { width: 75px; background: #a8cd41; }
#mainNav #topNav2 ul a  { width: 170px; background: #15a077; }
#mainNav #topNav3 ul a  { width: 100px; background: #193370; }
#mainNav #topNav4 ul a  { width: 100px; background: #9e003a; }
#mainNav #topNav5 ul a  { width: 100px; background: #de6f03; }
#mainNav #topNav6 ul a  { width: 100px; background: #f1c213; }
#mainNav #topNav7 ul a  { width: 130px; background: #50595b; }
#mainNav #topNav8 ul a, #mainNav #topNav9 ul a, #mainNav #topNav10 ul a, #mainNav #topNav11 ul a, #mainNav #topNav12 ul a { 
  width: 100px; background: #a8cd41; 
}
#mainNav #topNav9  ul a { width: 120px; }
#mainNav #topNav10 ul a { width: 112px; }
#mainNav #topNav11 ul a { width: 112px; }
#mainNav #topNav12 ul a { width: 112px; }

body#start     #mainNav #topNav1 ul a:hover, #mainNav #topNav1 ul a:hover  { background: #cde599; }
body#natur       #mainNav #topNav2 ul a:hover, #mainNav #topNav2 ul a:hover  { background: #a3ecd6; }
body#technik     #mainNav #topNav3 ul a:hover, #mainNav #topNav3 ul a:hover  { background: #c7d8ff; }
body#mensch      #mainNav #topNav4 ul a:hover, #mainNav #topNav4 ul a:hover  { background: #f7cbe1; }
body#kultur      #mainNav #topNav5 ul a:hover, #mainNav #topNav5 ul a:hover  { background: #ffcb98; }
body#reisen      #mainNav #topNav6 ul a:hover, #mainNav #topNav6 ul a:hover  { background: #f4e5a7; }
body#fotografie  #mainNav #topNav7 ul a:hover, body#portfolio #mainNav #topNav7 ul a:hover, #mainNav #topNav7 ul a:hover  { background: #dbe2e4; }
body#interaktiv  #mainNav #topNav8 ul a:hover, #mainNav #topNav8 ul a:hover, body#info #mainNav #topNav9 ul li a:hover, #mainNav #topNav9 ul li a:hover, body#heftreihen #mainNav #topNav10 ul li a:hover, #mainNav #topNav10 ul li a:hover, body#abo #mainNav #topNav11 ul li a:hover, #mainNav #topNav11 ul li a:hover, body#shop #mainNav #topNav12 ul li a:hover , #mainNav #topNav12 ul li a:hover   { 
  background: #cde599;
}

#mainNav ul a.secondLevel { padding-left: 10px; width: 162px !important}
#mainNav .first { border-top: 1px solid #999; }
#mainNav .last  { border-bottom: 1px solid #999; }

#mainNav li:hover>ul {
  visibility: visible;