body {
  color            : #000000;
  margin           : 20px;
  padding          : 0px;
  background-color : #646464;
  font-family      : arial, sans-serif;
  font-size        : 12px;
 
}

h2 {
	color : #666666;
	font-size        : 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 18px;
}
h3 {
	color : #AA0000;
	font-size        : 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 0px;
}
h4 {
	color : #FFFFFF;
	font-size        : 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 0px;
}
.weiss1 {
	color : #FFFFFF;
	font-size        : 11px;
	font-weight:bold;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	height:20px;
	padding-top:4px;
}

td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #000000;
}
hr {
  color            : #BCB778;
  height           : 1px;
  width            : 100%;
}
.mod {
  background       : #FFFFFF;
  width            : 2px;
}
.main {
/*background-image: url(../images/twentyfourhours.gif);
background-repeat:no-repeat;
background-position: 10px bottom; */
background-color : #FFFFFF;
  float            : left; 
  width            : 100%;
  margin           : 0px; 
  padding-top          : 10px;
  padding-left: 0px;
}
.clearcontent {height:20px; clear:both}
.logosize {height:100px; clear:both}
.logoleiste {
height:123px;
background-image : url(../images/logo.gif);
}
.maincenter { /* Holds the page items in place */
   width: 833px;
   min-height:99%;
   margin: 0px auto 0px auto;

   background-color:#FFFFFF;
}
.contentdescription { 
  width            : auto !important;
  display          : block;
} 
#buttons {
  float            : right;
  margin           : 0px;
  padding          : 0px;
  width            : 50%;
}
ul#mainlevel-nav {
  font-size        : 11px;
  text-transform: uppercase;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  font-size        : 0.8em;
}
ul#mainlevel-nav li {
  display          : block;
  background-image : none;
  padding-left     : 0px;
  padding-right    : 0px;
  float            : left;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 22px;
  white-space      : nowrap;
  border-right      : 1px solid #cccccc;
}
ul#mainlevel-nav li a {
  font-size        : 11px;
  display          : block;
  padding-left     : 10px;
  padding-right    : 10px;
  text-decoration  : none;
  color            : #888888;
  background       : transparent;
}
ul#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #666666;
}
.sublevel {
  padding-left     : 10px;
}
.leftrow {
  background-color : #ECEBD9; 
  width            : 168px;
  height           : 100%;
  margin-right     : 5px;
}
.rightrow {
  background-color : #ECEBD9;
  height           : 100%;
  width            : 168px;
  align            : right;
  margin-left      : 5px;
}
table.moduletable {
  width			   : 100%;
  table-layout	   : auto;

  border-bottom    : 1px solid #AAAAAA;
}
table.moduletable th {
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  height           : 21px;
  line-height      : 21px;
  text-indent      : 8px;
  letter-spacing   : 1px;
  color            : #FFF;
  background-image : url(../images/modul.jpg);  
}
table.moduletable td {
  padding-left     : 0px;
  padding-right    : 0px;
}
#search {
border:#DDDDDD solid 1px;
  margin-top:-21px;	
  margin-right:21px;
  float            : right;
  height           : 16px;
  width: 120px;
  overflow         : hidden;
}
#search .inputbox {
  border           : 0px;
  padding-left     :4px;
  padding-top: 2px;
  padding-bottom: 4px;
  font-family      : arial, helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  background       : #FFFFFF;
}
.back_button {
  color            : #996600;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/bb.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : normal;
  border           : 1px solid #BCB778;
  padding-bottom   : 4px;
  padding-left     : 20px;
  padding-right    : 2px;
  padding-top      : 1px;
  margin-right     : 4px;
  float            : right;
  font-weight      : normal;
  line-height      : 10px;
  text-decoration  : none; 
}
.button {
  font-size        : 11px;
  color            : #996600;
  border           : 1px solid #BCB778;
  margin-bottom    : 5px;
  background-color : #E3E1C6;
  padding          : 1px;
}
.inputbox {
  border           : 1px solid #BCB778;
  background	   : transparent url(../images/back.gif);
  background-color : #ECEAD8;
  margin-bottom    : 5px;
  color			   : #660000;
}
.sectiontableheader {
  font-size        : 11px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  color            : #660000;
  background       : #E3E1C6;
  padding          : 1px;
}
.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : #ECEAD8;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #BCB778;
}
.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #BCB778;
}
a.mainlevel: {
  margin           : 0px;
  padding          : 0px;
  font-size        : 12px;
  width            : 168px;
  background-color : #ECEAD8;
  text-indent      : 10px;
}
a.mainlevel: link {
  padding          : 0px 0px 0px 0px;
  font-size        : 12px;
  width            : 168px;
  background-color : #ECEAD8;
  text-indent      : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 12px;
  border-top       : 1px solid #ffffff;
  border-bottom    : 1px solid #666666;
  background-color : #FFFFFF;
  font-weight      : bold;
  padding          : 2px 0px 2px 0px;
  color            : #888888;
  width            : 168px;
  text-indent      : 10px;
}
a.mainlevel:hover {
  background-color : #EEEEEE;
  font-size        : 12px;
  font-weight      : bold;
  text-decoration  : none;
  text-indent      : 10px;
}
#active_menu {
  color            : #333333;
  background-color : #FFFFFF;
  font-weight      : bold;
}
a#active_menu:hover {
  color            : #333333;
  background-color : #EEEEEE;
}
a:link, a:visited {
  font-size        : 11px;
  color            : #CC0000;
  text-decoration  : none;
  font-weight      : bold;
}
a:hover {
  font-size        : 11px;
  color            : #2D9DA7;
  text-decoration  : none;
  font-weight      : bold;
}
a.category:link, a.category:visited {
  font-size        : 11px;
  font-weight      : bold;
}
a.readon:link, a.readon:visited {
  color            : #CC9900;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/read.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #BCB778;
  padding-bottom   : 3px;
  padding-left     : 21px;
  padding-right    : 2px;
  padding-top      : 1px;
  float            : left;
  line-height      : 10px;
  text-decoration  : none; 
}
a.readon:hover {
  color            : #996600;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/read.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 1px solid #BCB778;
  padding-bottom   : 3px;
  padding-left     : 21px;
  padding-right    : 2px;
  padding-top      : 1px;
  float            : left;
  line-height      : 10px;
  text-decoration  : none; 
}
ul {
  
  /* float          : left; */
  margin-top      : -10px;
  padding-left     : 0px;
  list-style       : none;
}
ul li {
	line-height      : 17px;
	padding-left     : 15px;
	padding-top      : 0px;
	background-image : url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size        : 12px;
	letter-spacing: 0.5px;
}
ol {
  margin-top      : -10px;
  padding-left     : 25px;
}
ol li {
	padding-left     : 10px;
	padding-top      : 10px;
}
table.contenttoc {
  border           : 1px solid #FFFFFF;
  background       : #ECEAD8;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}
.pagenavcounter {
  font-size        : 10px;
  color            : #CC0000;
}
.pagenavbar {
  border-top       : 1px solid #BCB778;
  padding          : 2px;
}
.pagenav {
  font-weight      : bold;
  color            : #DBD8B7;
}
a.pagenav:link, a.pagenav:visited {
  text-decoration  : none;
}
a.pagenav:hover {
  text-decoration  : none;
}
.date {
  font-size        : 10px;
  color            : #996600;
  padding-right    : 10px;
}
.small {
  font-size        : 10px;
  color            : #996600;
}
.smalldark {
  font-size        : 10px;
  color            : #996600;
}
.createdate, .modifydate {
  font-size        : 10px;
  color            : #CC9900;
}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.content_rating {
  font-size        : 10px;
  color            : #CC9900;
}
.pathway {
  font-size        : 10px;
  color            : #FF0000;
  padding-left     : 8px;
}
a.pathway:link, a.pathway:visited {
  font-size        : 10px;
  padding-left     : 0px;
}
a.pathway:hover {
  font-size        : 10px;
  padding-left     : 0px;
}




.submenu {
  width:168px;
  height:400px;
  float:left;
  margin-left     : 7px;
  border-bottom: 1px solid #FFFFFF
}

.maincontent{
  float:left;
  width: 624px;
  margin-left:15px;
  margin-right    : 0px;
  margin-bottom    : 5px;
  margin-top:0px; 
  min-height:400px;
  height:auto;
}



.pollstableborder{
  border-color     : #666666;
}
.contentheading, .componentheading {

  margin-bottom    : 5px;
  background       : url(../images/header.gif) repeat;
  font-size        : 14px;
  font-weight      : bold;
  line-height      : 24px;
  text-transform   : uppercase;
  text-align       : left;
  color            : #FFFFFF;
  width            : 624px;
  text-indent      : 8px;
}
.title {
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight      : bold;
  text-transform   : uppercase;
  text-indent      : 8px;
  font-size        : 20px;
  text-align       : left;
  color            : #FFFFFF;
}
.title a:link, .title a:visited {
  font-size        : 20px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.title a:hover {
  font-size        : 20px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
.ontab {
  border-left      : 1px solid #404040;
  text-align       : center;
  font-weight      : bold;
  color            : #333333;
  padding          : 5px;
  cursor           : hand;
  line-height      : 40px;
}
.offtab {
  border-left      : 1px solid #404040;
  text-align       : center;
  color            : #666666;
  font-weight      : normal;
  padding          : 5px;
  cursor           : hand;
   line-height     : 40px;
}
.tabpadding {
 border-left       : 1px solid #404040;
}
.pagetext {
  visibility       : hidden;
  position         : relative;
  top              : -10;
  background-color : #FFFFFF;
  display          : none;
}
.footer {
  float:left;
  padding-top:20px;
  padding-left:15px;
  font-family      : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color            : #FFFFFF;
  font-size        : 11px;
  color            : #FFFFFF;
  font-weight      : normal;
 }
 .footerspace {
 width:180px;
  float:left;
  }
.footer a:link, .footer a:visited {
  font-size        : 11px;
  color            : #FFFFFF;
  text-decoration  : underline;
  font-weight      : normal;
}
.footer a:hover {
  font-size        : 11px;
  color            : #DDDDDD;
  text-decoration  : underline;
  font-weight      : normal;
}
.contact_email  {
  width            : 100%;
}
.contact_email .inputbox {
  width            : 380px;
}
.footerbox {
clear:both;
background       : url(../images/footerbg.gif) repeat;
height: 99px;
font-size: 12px;
font-weight: bold;
color: #E9E9EC;
}






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {height:22px; display:block;clear:both;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	float:left;	
	height: 22px;	
	border: 0;	
	padding:0;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0;	
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}

/* Root Level Link Formatting */
#nav ul li {background-image :none;padding-left: 0px;;float: left; text-align: center; font-weight: normal; text-transform: uppercase; border-right: 1px solid #cccccc;}
#nav ul li a {display: block; padding: 4px 10px 5px 10px; color: #888888; text-decoration: none; font-weight: bold; }
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav ul li a.active, #nav li a:active {color: #666666;}
#nav a.menu-current {color: #444444;}
#nav a.menu-parent {color: #444444;}


/*Current page Customisations*/
#nav a.menu-current		{font-weight: bold;} 

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 11em; margin: 0; display: none; text-transform: none; border-bottom: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; font-size: 100%; background: #AAAAAA;}
#nav .menu li ul li {width: 11em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul li a {width: 11.5em; padding: .3em .1em .3em .4em; color: #fff; border-top: 1px solid #666666; font-weight: normal;  background: none;}

/* 2nd Child link hover */
#nav .menu li ul a:hover { background: #888888; color:#fff;}
#nav .menu li ul a.menu-current { background: #666666; color:#fff;}
#nav .menu li ul a.menu-parent {color:#fff;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}


/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */