/* CSS Document */
/*  verwendete Farben
	#CCCCCC  grauer Hintergrund
	#333333 dunkelgraue Schrift
	
	#ffd500 maicogelb
	#D9B500 dunkleres gelb für Menühintergrund

*/
html {
	margin: 0;
	padding: 0;
}

html,body {
	height: 100%;
}

body {
	background: #CCCCCC;        
	color: #333333;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

ul
{
	margin: 0px 0px 0px 15px;
	padding: 0;
	list-style: none;
}

li
{
	line-height: 15px;
	padding-left: 15px;	
	padding-top: 0px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-size: 14px;
	text-align: left;
}

td {
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	text-align: left;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h3 {
	text-align: left;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h4 {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Joomla core stuff */
a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #444444;
}

a:active {
	font-weight: bold;
	color: #444444;
}

a.readon:link, a.readon:visited {
	color: #333333;
}

a.readon:hover {
	color: #444444;
}

table.contentpaneopen {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td, table.contentpane td.contentdescription {
	/*
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	padding: 0px 2px 0px 0px;
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}

table.contentpane {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
}


table.contentpaneopen td.contentheading, table.contentpane td.contentheading {
	text-align: left;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	background: #ffd500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
        margin: 0px 0px 30px 0px;
}

table.blog table.contentpaneopen td.contentheading {
	text-align: left;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	background: #;
	font-family: Arial, Helvetica, sans-serif;
}


table.contentpaneopen td.componentheading, table.contentpane td.componentheading {
	text-align: left;
	line-height: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 8px;
	font-size: 18px;
        margin: 0px 0px 30px 0px;
}


.button {
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #cccccc;
	width: auto;
	background: url(../images/button_bg.png) repeat-x;
	padding: 0px 10px;
	line-height: 20px;
	margin: 3px;
	text-decoration: none;
	 font-family: Arial, Helvetica, sans-serif;
}

.back_button, .pagenav_next, .pagenav_prev {
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	width: auto;	
	/*
	border: 1px solid #cccccc;
	background: url(../images/button_bg.png) repeat-x; 
	*/
	padding: 0px 10px;
	line-height: 20px;
	margin: 3px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.latestnews { 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a.latestnews:link, a.latestnews:visited { 
	font-family: Arial, Helvetica, sans-serif;
}

a.latestnews:hover { 
	font-family: Arial, Helvetica, sans-serif;
}

.inputbox {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.componentheading {
	padding: 0px 0px 20px 0px;
	text-align: left;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	background: #ffd500;
	font-family: Arial, Helvetica, sans-serif;
}

.contentpagetitle {
}


table.searchinto {
	width: auto;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: auto;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
	text-align: left;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	clear: both;
}

table.moduletable th, div.moduletable h3 {
	text-align: left;
	padding-left: 12px;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	margin: 2px 0 5px 0; 
	background: #ffd500; /*url(../images/subhead_bg.gif) no-repeat left; heller Hintergrund */
	color: #333333;
}

table.moduletable td {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

table.pollstableborder td {
}

.sectiontableheader {
}

.sectiontablefooter {

}

.sectiontableentry1 {
}

.sectiontableentry2 {
}

.small {
	font-size: 10px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	font-size: 10px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	font-size: 10px;
}

table.contenttoc {
}


table.contenttoc td {
}

table.contenttoc th {
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: #ffd500; /* url(../images/menu_bg.gif) no-repeat; */
	line-height: 23px;
	height: 23px;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	text-align: left; 
	text-indent: 14px;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

a.mainlevel:hover {
	display: block;
	background: #D9B500;  /* url(../images/menu_bg2.gif) no-repeat; */
	line-height: 23px;
	height: 23px;
	text-indent: 14px;
	width: 160px;
	background-position: 0px -23px;
	color:#000000;
	font-weight: bold;
}

a.mainlevel#active_menu {
	display: block;
	background: #D9B500; /* url(../images/menu_bg.gif) no-repeat; */
	line-height: 23px;
	height: 23px;
	text-indent: 14px;
	width: 160px;
	background-position: 0px -23px;
	color:#FFFFFF;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	display: block;
	background: #D9B500; /* url(../images/menu_bg.gif) no-repeat; */
	line-height: 23px;
	height: 23px;
	text-indent: 14px;
	width: 160px;
	background-position: 0px -23px;
	color:#FFFFFF;
	font-weight: bold;
}

a.sublevel:link, a.sublevel:visited {
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #666666;
	background: #ffd500;
	text-decoration: none;
}

a.sublevel:hover {
	color: #000000;
	background: #ffd500;
}

a.sublevel#active_menu {
	color: #000000;
	background: #ffd500;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited { /* mainlevel-nav => topmenue */
	/* display: block;
	background: #4684C8; 
	line-height: 23px;
	height: 23px;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 14px;
	font-weight: bold; */
	padding: 0px 5px 0px 5px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;	
	color: #333333;	
	text-align: right; 
	text-decoration: none;
}

a.mainlevel-nav:hover {
	/* display: block;
	background: #999999; 
	line-height: 23px;
	height: 23px;
	text-indent: 14px;
	width: 160px;
	background-position: 0px -23px;
	color:#FFFFFF;
	font-weight: bold; */
	color: #000000;
}

a.mainlevel-nav#active_menu {
	/* display: block;
	background: #0051A2;
	line-height: 23px;
	height: 23px;
	text-indent: 14px;
	width: 160px;
	background-position: 0px -23px;
	color:#FFFFFF;
	font-weight: bold; */
}

a.mainlevel-nav#active_menu:hover {
	/* display: block;
	background: #0051A2; 
	line-height: 23px;
	height: 23px;
	text-indent: 14px;
	width: 160px;
	background-position: 0px -23px;
	color:#FFFFFF;
	font-weight: bold; */
}



.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #DDD;
	color: #404040;
	border: 1px solid #BBB;
}

div.mosimage {
	border: 1px solid #CCC;
}

.mosimage {
	border: 1px solid #CCCCCC;
	margin: 5px;
}

.mosimage_caption {
	margin-top: 2px;
	padding: 1px 2px;
	text-transform: none;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
}

form {
/* removes space below form elements */
	margin: 0;
	padding: 0;
}

span.article_seperator {
	display: block;
	height: 1.5em;
	border: 0;
}



/* --template layout css-- */

#wrapper { 
	padding: 0px;
	margin: 0px;
	background: #ffd500;
	color: #333333;
	height: auto;
	width: 762px;
}


/* border in the "wrapper inner", goes around the content.  The footer finishes the border off at the bottom of the page, as this does not have a bottom border */

#wrapper_inner { 
	padding: 0px;
	margin: 0px;
	background: #ffd500;
	color: #333333;
	height: auto;
	float: left;
}

#wrapper_inner  { 
	width: 762px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 760px;
} 
  /* CSS1 UAs should see and use 2nd width */

html>body #wrapper_inner { width: 760px }


/* top_menu for the website */
#top_menu { 
	padding: 0px;
	margin: 0px;
	height: 15px;
	width: 762px;
	background: #ffd500;
	color: #333333;
}

#container {
	display: block;
	background: #ffd500;
	color: #333333;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 760px;
}

#container_inner {
	float: left;
	display: block;
	background: #ffd500;
	color: #333333;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;

}


/* header for the website */

#header { 
	padding: 0px;
	margin: 0px;
	height: 100px;
	width: 760px;
	background: #CCCCCC url(../images/header_bg.jpg) no-repeat;
	color: #333333;
}


/* content */

#content { 
	margin: 0px;
	color: #333333;
	padding: 0px 0px 0px 0px;
	width: 760px; 
	float: left;
	background: #ffd500; /*url(../images/horizontal_bg.gif) top repeat-x; */
}

#content_bg { 
	margin: 0px;
	color: #333333;
	padding: 0px;
	background: #ffd500; /* url(../images/main_bg.gif) repeat-y;*/
	width: 760px;
	float: left;
}


/* left menu navigation */

#left_menu { 
	float: left;
	margin: 0px;
	padding: 95px 5px 10px 5px;
	background: #ffd500; /* #0051A2; */
	color: #ffd500; /* #333333; */
}

#left_menu  { 
	/* min-height: 118px; */  /* die Höhe berechnet sich aus der Bilder höhe 223 -  95 - 10 (padding left_menu) */
	height: auto;
	/* _height: 118px;  */
	/*
		Der Unterstrich wird vom IE ignoriert un die Höhe anschließend gesetzt. 
		Andere Browser ignorieren den Unterstich und den Wert danach. 
		Dadurch, daß zuvor height auf auto gesetzt wurde, wird bei 
		Überschreitung der 300 Pixel einfach nach Unten hin verlängert.
	*/
	width: 170px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 160px;
} 
  /* CSS1 UAs should see and use 2nd width */

html>body #left_menu { width: 160px }


/* main container */

#main_container { 
	margin: 0px;
	padding: 5px 0px 5px 0px;
	background: #ffd500;
	color: #333333;
	float: right;
}

#main_container  { 
	width: 599px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 589px;
} 
  /* CSS1 UAs should see and use 2nd width */

html>body #main_container { width: 579px }


/* Content header image, need to replace this image for your own site. */

#content_header { 
	float: right;
	margin: 0px;;
	padding: 0px;
	background: #EEEEEE url(../images/content_header.jpg) no-repeat;
	color: #333333;
	height: 219px;
	width: 589px;
}


/* main content section */

#main_content { 
	float: right;
	margin: 15px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	background: #ffd500;
	color: #333333;
	width: 559px;
}


/* footer */

#footer { 
	clear: both;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: normal;
	color: #333333;
	background: #ffd500 url(../images/horizontal_bg.gif) top repeat-x;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}

#footer  { 
	width: 762px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 760px;
} 
  /* CSS1 UAs should see and use 2nd width */

html>body #footer { width: 760px }


#footer a:link, #footer a:visited {
	color: #333333;
	background: #ffd500;
	font-weight: bold;
}

#footer a:hover {
	color: #444444;
	background: #ffd500;
	font-weight: bold;
}


/* footer block, used to keep a margin at the bottom of the page in firefox */

#footer_block {
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 10px;
	color: #333333;
	background: #CCCCCC;
}


div.clr {
	clear: both;
}