/* Stylesheet CSS 2.0 joom_design_blue */

fieldset div {
	max-width:570px;
	overflow:hidden!important;
}

/*
Achtung! Bitte beachten Sie auch die Anpassungen, 
fuer diverse Browser, ganz am Ende dieser Datei.
*/

/* background-color: transparent; */

/* Standard Angaben */
* {
	padding: 0; 
	margin: 0; 
	border: 0; 
	outline: 0;
	text-transform: lowercase!important;
}
body {
	color: #333;
	font-family:Tahoma, Helvetica, sans-serif;
	background: #fff;
	text-transform: lowercase;
	text-align:center;
	font-size:84%;
}
p {
	margin:0;
	padding:0;
}
ul {
	float: left;
	margin: 2px;
	padding-left: 10px;
	list-style: none;
}
li {
	line-height: 140%;
	padding-left: 15px;
	padding-top: 0;
	background-image : url(../images/list_symbol.gif) ;
	background-repeat: no-repeat;
	background-position: 0 6px;
}
h4 {
        clear:both;
}


/* Hyperlinks Format */
a:link {
	color: #333;
	font-weight: bold;
	background-color: transparent;
}

a:visited {
	color: #555;
	font-weight: bold;
	background-color: transparent;
}

a:focus {
	color: #009; 
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #009; 
	text-decoration: none;
	background-color: transparent;
}

a:active {
	color: #009; 
	text-decoration: none;
	background-color: transparent;
}


/* Top Menu */
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 10pt;
	line-height: 25px;
	white-space: nowrap;
	font-family: arial,helvetica,sans-serif;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	background-image: none;
	background-color: transparent;
	font-family: arial,helvetica,sans-serif;
}

#buttons>ul#mainlevel-nav li a {
	width: auto;
}

ul#mainlevel-nav li a:hover {
	color: #fff;
	background: #131313;
}

/* Mainlevel Sublevel */
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	text-indent: 15px;
 	background-image : url(../images/list_symbol.gif) ;
	background-repeat: no-repeat;
	background-position: 0 6px;
	width: 100%;
	font-weight:bold;
	text-decoration:none;
}
a.mainlevel:hover {
	display: block;
	text-indent: 15px;
 	background-image : url(../images/indent.gif) ;
	background-repeat: no-repeat;
	background-position: 0 6px;
	width: 100%;
	text-decoration:none;
}
a.mainlevel#active_menu  {
	display: block;
	text-indent: 15px;
 	background: url(../images/indent.gif) 100% 6px no-repeat;
	width: 100%;
	text-decoration:underline;
}
a.sublevel:link, a.sublevel:visited {
	margin-left: 5px;
	line-height:115%;
	font-weight:normal;
	text-decoration:none;
}
a.sublevel:hover {
	text-decoration:underline;
	font-weight:normal;
}
a.sublevel#active_menu  {
	text-decoration:underline;
	font-weight:normal;
}


/* Layout */

body#joom {
	background:url(../images/back.gif) repeat-x fixed; 
	padding: 0px!important;
}

#rahmen_aussen {
	width: 788px; 
	margin:0 auto; 
	padding: 0;
	text-align:center;
	margin-top:38px;
}

#seite_oben01 {
	background-image: url(../images/bckgr_oben01.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 41px;
	text-align:left;
	color:#8b8be2;
}

	#pathway {
		width:600px;
		float:left;
		padding-top: 10px;
		padding-left: 8px;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	}
	#seite_oben01 a:link, #seite_oben01 a:visited {
		color:#8b8be2;
	}

	#seite_oben01 a:hover, #seite_oben01 a:active {
		color:#006;
	}

	#searchbutton {
		float: right;
		padding-top: 10px;
		padding-right: 8px;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	}

	/*
	SEARCH-BOX POP-UP
	*/
	#SearchBox {
		position: absolute;
		top: 0px;
		right: 0px;
		left:0px;
		width: 100%;
		height: 36px;
		visibility: hidden;
		text-align:center;
		border: 0px;
		background: #fff url(../images/back.gif) repeat-x fixed;
	}
	#SearchBox div, #SearchBox form  {
		display:inline;
		width:auto;
	}

#seite_oben02 {
	background-image: url(../images/bckgr_oben02_NEW.png);
	background-repeat: no-repeat!important;
	width: 788px;
	height: 164px;
}

	/* Seitentitel oben gross */
	#seite_oben02 .h1 {
		font-size:34pt;
		color:#009;
		font-weight:normal;
		letter-spacing:-0.10em;
		height:160px;
		line-height:76px;
		text-align:left;
		text-indent:52px;
		vertical-align: text-bottom;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	}
	#seite_oben02 .h1 a:link, #seite_oben02 .h1 a:visited {
		text-decoration:none;
		color:#009;
		letter-spacing:-0.10em;
		width: 784px;
		display:block;
		font-weight:normal;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	}

#seite_oben03 {
	background-image: url(../images/bckgr_oben03.png);
	background-repeat: repeat-x;
	width: auto!important;
	width: 788px;
	height: 11px;
	border-right: 1px solid #333;
	border-left: 1px solid #333;}

#seite_oben04 {
	text-align:left;
	background-image: url(../images/bckgr_oben04.png); 
	background-position: 0 -1px;
	width: auto!important;
	width: 788px;
	height: 25px;
	border-right: 1px solid #333; 
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}

#seite_oben05 {
	background-color: #fff;
	text-align: right;
	width: auto!important;
	width: 788px;
	height: 27px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}

	#sitename {
		width: 65%;
		float: right;
		padding-top: 4px;
		padding-right: 23px;
	}

#rahmen_inhalt {
	background-color: #fff;
	width: auto!important;
	width: 788px;
	min-height: 320px;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	text-align:right;
}	

	div#links {
		padding-left:0px; 
		width:200px; 
		float:left; 
		text-align:left; 
		background: transparent url(../images/links_oben_bg.png) no-repeat;
	}
		div#links div.moduletable {
			width:175px;
			text-align:left;
			margin-left:5px!important;
			margin-right:auto!important;
			margin-bottom:15px;
		}
		.moduletable h3 {
			font-weight: normal;
			text-align: left;
			height: 21px;
			line-height: 21px;
			font-size:14px;
			text-indent: 0px;
			letter-spacing: 1px;
			color: #333;
			font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
			background: url(../images/modul_h3_bg.gif) top right no-repeat;
			padding-bottom: 15px;
			display:block;
		}

	div#rechts {
		padding-right:0px;
		width:175px;
		float:right;
		text-align:right!important;
	}
		div#rechts div.moduletable {
			margin-right:5px!important;
			margin-left:auto!important;
			width:155px;
			text-align:left;
			margin-bottom:15px;
		}
		#rechts .moduletable h3 {
			clear:right;
			font-size:14px;
       			background: url(../images/modul_h3_bg_right.gif) top left no-repeat;
			text-align:right;
			margin-top: 2px;
}

	#top_box {
		margin-bottom:4px;
		height:76px;
		overflow:hidden;
	}
		#top_box .moduletable h3 {
       			background: url(../images/long_h3_bg.gif) 0px 0px no-repeat;
			text-indent: 28px;
			text-align: left;
			padding-bottom: 2px;
			margin-top: 2px;
			color:#333;
		}

	#user_bottom {
		margin-top:25px;
		padding-top:3px;
		border-top: 1px solid #333;
	}
		#user2, #user1 {
			text-align:left;
		}
		#user_bottom div.moduletable {
			width:100%;
			text-align:left;
		}
		#user2 .moduletable h3 {
			background: url(../images/long_h3_bg.gif) 0px 0px no-repeat;
			padding-left: 28px;
			text-align: left;
			padding-bottom: 2px;
			color:#333;
		}
		#user1 .moduletable h3 {
			background: url(../images/long_h3_bg.gif) 0px 0px no-repeat;
			padding-left: 28px;
			text-align: left;
			padding-bottom: 2px;
			color:#333;
		}
		#user_bottom ul {
			margin: 2px 0px;
			padding-left: 0px;
			width:100%;
		}
		#user_bottom ul.latestnews li a, #user_bottom ul.mostread li a {
			display:block;
		}
		#user_bottom ul.latestnews li a:hover, #user_bottom ul.mostread li a:hover {
			background: url(../images/indent.gif) 100% 6px no-repeat;
		}


/* weitere Formatierung zu #inhalt (!) in der index.php */

#seite_unten01 {
	background-image: url(../images/rechts_unten_bg.png);
	background-repeat: no-repeat;
	text-align: right;
	width: auto!important;
	width: 788px;
	height: 219px;
	margin: 0 auto;
	padding-top: 5px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
 }

#seite_unten02 {
	font-size:10px!important;
	text-align:center;
	background-image: url(../images/bckgr_oben03.png);
	background-repeat: repeat-x;
	width: auto!important;
	width: 788px;
	color:#fff;
	height: 11px;
	line-height: 11px;
	margin: 0 auto;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 2px solid #000;
}

	#seite_unten02 a {
		text-decoration:none;
	}

#fuss_seite {
	background-color: #fff;
	text-align: right;
	width: auto!important;
	width: 788px;
	margin:0 auto;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}

#seite_unten03 {
	background-image: url(../images/bckgr_unten_2.png);
	text-align: center;
	vertical-align: middle;
	width: auto!important;
	width: 788px;
	height: 205px;
	margin: 0 auto 30px;
}

	#seite_unten03 .smalldark div {
		color:#8b8be2;
	}

	#seite_unten03 a:link, #seite_unten03 a:visited {
		color:#8b8be2;
	}

	#seite_unten03 a:hover, #seite_unten03 a:active {
		color:#006;
	}

/* Diverse Klassen */

.button {
	color: #333;
	font-family: arial, Helvetica, sans-serif;
	border: solid 1px #999;
	margin: 6px 2px;
	background-color : #ededed;
	padding: 1px;
}

.inputbox {
	margin-top:1px;
	margin-bottom: 5px;
	color: #333;
	font-family: arial, Helvetica, sans-serif;
	background: #fff;
	border: solid 1px #999;
}

.readon {
	padding-left: 0px;
	padding-top: 2px;
	background: url(../images/indent.gif) 100% 6px no-repeat;
	display:block;
	width:100%;
	margin-top:15px;
	margin-bottom:10px;
	border-top:1px solid #333;
}
.readon:hover {
	text-indent: 15px;
	padding-top: 2px;
	background-image : url(../images/list_symbol.gif) ;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	display:block;
	width:100%;
	margin-top:15px;
	border-top:1px solid #333;
}

.mosimage {
	border: 1px solid #999;
	margin:0px 10px 10px 10px;
       	background: #fff;
}

.mosimage_caption {
	margin:5px 0px 5px 0px;
	background: #fff;
	padding: 1px 2px;
	color: #999;
	border-top: 1px solid #999;
}

span.article_seperator {
	display: block;
	height: 0.75em;
}

.back_button {
	padding-left: 0px;
	padding-top: 2px;
	background: url(../images/indent.gif) 100% 6px no-repeat;
	display:block;
	width:100%;
	margin-top:15px;
	margin-bottom:10px;
	border-top:1px solid #333;
}

.back_button a {
	padding-left: 15px;
	background: url(../images/list_symbol.gif) no-repeat 0px 6px;
}

.highlight {
	background-color: #009;
	color:#fff;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}


.barrierefrei {
	position:absolute;
	left:-2900px;
}

.green {
	color:#33CC33;
}

em.green {
	font-style: normal;
	line-height: 13px;
}

.red {
	color: #dc1403;
}

.small, .createdate, .modifydate {
	color: #666;
	font-size: 78%;
	letter-spacing: 0.05em;
}

.smalldark {
	font-size: 78%;
	color: #333;
	letter-spacing: 0.05em;
}

.error {
	font-style: italic;
	text-transform: uppercase!important;
	padding: 5px;
	color: #dc1403;
	font-weight: bold;
}

.pagenav {
	text-align: center;
	font-weight: normal;
	width: auto;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

/* Joomla Layout */
.contentpaneopen, .contentpane {
	width: 100%!important;
	padding:0px;
	margin-left:0px;
	margin-right:0px;
}

.contentpaneopen td p {
	margin-right:0px;
}

.blog td img, .contentpaneopen td img, .contentpane td img {
	margin:0px 10px 10px 10px;
}

td.buttonheading img, .contentpane table td table td img {
	margin:2px 0px;

}

.contentheading, .componentheading {
	background: url(../images/long_h3_bg.gif) -2px 0px no-repeat;
	font-weight: normal;
 	height: 21px;
	line-height: 21px;
	font-size:14px;
	color:#333;
       	padding-bottom: 15px;
	padding-top:0px;
	margin-top:0px;
	text-indent: 26px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-align: left;
	width: 100%;
	text-transform: lowercase!important;
}

a.contentpagetitle {
	font-weight: normal;
	text-decoration:none;
}

.contentpane td.contentheading {
	background: url(../images/long_h3_bg.gif) -2px 4px no-repeat;
	font-weight: normal;
 	height: 21px;
	line-height: 21px;
	font-size:14px;
	color:#333;
       	padding-bottom: 15px;
	padding-top:0px;
	margin-top:0px;
	text-indent: 26px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-align: left;
	width: 100%;
	text-transform: lowercase!important;
}

td.contentheading td {
	text-indent: 26px;
}

.componentheading  {
	font-weight: bold;
	background: none;
 	height: 21px;
	line-height: 21px;
	font-size:14px;
	color:#009;
       	padding-bottom: 15px;
	padding-top:0px;
	margin-top:0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-align: left;
	width: 100%;
	text-transform: lowercase!important;
	text-indent: 0px;
}

table.contenttoc {
	padding-top: 2px;
	padding-left: 4px;
	margin-left: 5px;
	margin-bottom: 10px;

}
table.contenttoc th {
	color:#009;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	border-bottom: solid 1px #999;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

table.pollstableborder td {
	padding: 2px;
	text-align:left;
}

/* Joomla Tabellen */
.sectiontableheader {
	font-weight: bold;
	background: #fff;
	color: #009;
	padding: 4px 2px;
	border-bottom:1px solid #999;
	margin-bottom:2px;
	text-align:left;
}

.sectiontableentry1 {
	background-color : #f2f2f2;
	padding: 1px 2px;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
	padding: 1px 2px;
}

.sectiontablefooter {
	background: #fff;
	color: #009;
	border-top:1px solid #999;
	margin-top:2px;
}


/* Editor Content */
table.adminform {
	font-size: 84%;
}

table.adminform textarea#fulltext, table.adminform textarea#introtext {
	width: 565px!important;
}


/* ################ Browser Anpassungen ################ */


/* 
Opera Abweichungen 
*/
div span, p span{
	font-size:100%;
	}


/* 
IE Abweichungen 
*/
* html body #inhalt td { font-size:84%; }
@media all{ * html > body #inhalt td { font-size:84%; }}

* html body #inhalt th { font-size:84%; }
@media all{ * html > body #inhalt th { font-size:84%; }}

* html body #links td { font-size:84%; }
@media all{ * html > body #links td { font-size:84%; }}

* html body #rechts td { font-size:84%; }
@media all{ * html > body #rechts td { font-size:84%; }}

* html body #user_bottom li a { height:14px;}
@media all{ * html > body #user_bottom li a {height:14px;}}

* html body div#SearchBox div table td { font-size:84%; text-align:center;}
@media all{ * html > body div#SearchBox div table td { font-size:84%; text-align:center; }}

* html body .contentpaneopen td div.mosimage { margin:0px 10px 10px 5px; }
@media all{ * html > body .contentpaneopen td div.mosimage { margin:0px 10px 10px 5px; }}


/* 
.small, smalldark, createdate, modifydate fuer den IE 5 - 6 
*/

* html body div table td .small { font-size:74%;}
@media all{ * html > body div table td .small { font-size:74%;}}

* html body #inhalt table.contentpaneopen tbody tr td.createdate { font-size:64%; letter-spacing: 0.05em;}
@media all{ * html > body #inhalt table.contentpaneopen tbody tr td.createdate { font-size:64%; letter-spacing: 0.05em;}}

* html body #inhalt table.contentpaneopen tbody tr td.modifydate { font-size:64%; letter-spacing: 0.05em;}
@media all{ * html > body #inhalt table.contentpaneopen tbody tr td.modifydate { font-size:64%; letter-spacing: 0.05em;}}

* html body .smalldark { font-size:74%;}
@media all{ * html > body .smalldark { font-size:74%;}}

/* Ende */