/* Structure */

/* orange: #f80 (Titles, Links)
   green:  #2b7 (Menu top-level)
   blue:   #29e (Menu sub-level)
   dark-blue: #071A71 (background top menu)

   yellow: #ff9 ("wichtig" background)

   gray1:  #636363 (dunkel im footer, main menu)
   gray2:  #999999 (normal im footer)
   gray3:  #515151 (normaler body text)
   gray4:  #E6E6E6 (border: von main menu / unter main menu listenpunkten)
   gray5:  #D6D5D5 (rahmen von wrapper)
*/

#page {
	width: 100%;
}
#wrapper {
	border: 1px solid #D6D5D5;
	background: #ffffff;
	padding:0px;
}



#topbar{
	height: 26px;
	line-height: 26px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	background: #071A71 url(../images/topmenu_bg.jpg) center center repeat-x;
	display:block;
}
#topcontent {
	width: 100%;
    float:left;
	display:inline;
	margin:0px;
	height: 26px;
	line-height: 26px;
}
#topcontent ul li {
	display:inline;
}
#topcontent input {
	border:1px solid #071A71;
	margin-bottom:2px;
	margin-right:20px;
}
#topcontent a:link, #topbar a:visited{
	float: left;
	color: white;
	font-size: 0.9em;
	height: 26px !important;
	line-height: 26px !important;
	padding-left: 16px;
	padding-right: 16px;
	text-decoration: none;
	border-right: 1px solid white;
	background: transparent url(../images/topmenu_bg.jpg) center center repeat-x;
	display:block;
}
#topcontent a:hover, .solidblockmenu #active_menu{
	color: white !important;
	font-weight:normal !important;
	background: transparent url(../images/topmenu_active.jpg) center center repeat-x;
}
#topcontent div table div table {
	spacing: 0px !important;
}




#topleft {
	height: 26px;
	float: left;
	display: inline;
	width: 10px;
}
#topmenu {
	height: 26px;
	float: left;
	display: inline;
	width: auto;
}
#topsearch {
	float: right; 
	display: inline;
	padding-top: 3px;
	line-height: 26px; 
	vertical-align: middle;
	padding-right: 10px;
}
/* IE HACKS */
html>body #topsearch {
	padding-top: 4px;
}
* html #topbar{
	margin:0px;
	}


#topright {
	height: 30px;
	float: right;
	display: inline;
	width: 10px;
}	

#headerbar {
	margin-left: 10px;
	margin-right: 8px;
	clear:both;
	background: url(../images/header_bg.gif);
	height: 180px;
}
#headercontent {
	float: left;
	display: inline;
	height: 180px;
}
#headerlogo {
	float: left;
	display: inline;
	height: 180px;
	line-height: 180px;
	vertical-align: middle;
	overflow: hidden;
}

#headerleft {
	width: 10px;
	float: left;
	display: block;
}
#headerright {
	width: 10px;
	float: left;
	display: block;
}
#headlines {
	width: 99.8%;
	float: left;
	display: block;
	margin-bottom: 10px;
	background: #F7F6F5;
	border: solid 1px #e6e6e6;
}
#bodylatest {
	float: left;
	display: block;
	margin-left: 5px;
	margin-right: 2px;
}
#bodypopular {
	float: right;
	display: block;
	margin-right: 5px;
	margin-left: 2px;
}
#mainbody {
	width: 100%;
	float: left;
	display: block;
}

#maincontent {
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}
#leftsection {
	width: 160px;
	margin-top: 0px;
}
#leftmodules {
	margin-right: 5px;
	margin-top: 0px;
}
#rightsection {
	width: 230px;
	text-align: left;
}

#rightmodules {
	margin-left: 5px;
	text-align: left;
}

/* FOOTER (and PATHWAY)  definitions */

#pathwaycontentbottom {
	text-align:right;
	color: #999;
}
.pathway {
	display: inline;
	color: #636363;
}
#footercontent {
	display: block;
	margin-top: 20px;
	color: #999;
	text-align:left;
	border:1px solid #F3F2F2;
	height:100px;
}
#footercontent img {
	float:left;
}
#footercontent p {
	margin-top: 20px;
	margin-left: 80px;
}
#footercontent a:link, #footercontent a:visited, #pathwaycontentbottom a:link, #pathwaycontentbottom a:visited {
	color: #396;
	text-decoration: none;
	font-weight: normal;
}
#footercontent a:hover, #pathwaycontentbottom a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}
#footerleft {
	width: 10px;
	float: left;
	display: block;
}
#footerright {
	width: 10px;
	float: right;
	display: block;
}



.spacer {
	margin-left: 10px;
	margin-right: 10px;
	height: 10px;
	display: block;
}
.spacer-border-bottom {
	height: 10px;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: solid 1px #e6e6e6;
}

/* DEFAULT SETTINGS */ 
/* Settings when no other style has been defined */

body {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 100%;
	line-height: 1.0em
	margin-left: auto;
	margin-right: auto;
	font-family: 'Trebuchet MS', Helvetica, Jamrul, Arial, sans-serif;
	color: #515151;
	background: #F3F2F2;
} /* body heißt alles! */

/* FONT SIZE settings */

/*, #mainbody table.contentpane td td*/
.contentpaneopen, #mainbody tr.sectiontableentry1 td, #mainbody tr.sectiontableentry2 td, 
.gallery li, .gallery div.jg_gallerystats, .gallery div.jg_back, td.sectiontablefooter, 
#mainbody table.contentpane table td, #headlines, .searchintro, form.josForm table tr td 
 {
	font-size: 0.8em;
}
/* font size nicht nochmal verkleinern für verschachtelte Tabellen */

#mainbody table.contentpane table table td {
	font-size: 1.0em !important;
}
#topcontent li {
	font-size: 0.75em;
}
#footercontent, #pathwaycontentbottom {
	font-size: 0.7em;
}
#leftmodules, #rightmodules {
	font-size: 0.8em;
}

/* ÜBERSCHRIFTEN */

#mainbody * h2, .sectiontableheader
{
	   /* font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; */
	   /* font-style: italic; */
       font-size: 1.25em !important;
	   font-weight: normal !important;
	   color: #396 !important;
	   margin-top:18px;
	   margin-bottom:5px;
	   border-bottom:1px solid #396;
	   display: block;
	   clear: both;
}


#mainbody * h3
{
	   /* font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; */
	   /* font-style: italic; */
       font-size: 1.0em !important;
	   font-weight: bold !important;
	   color: #474747!important;
	   margin-top:10px;
	   margin-bottom:5px;
	   display: block;
	   clear: both;
}


.contentheading {
	/*line-height: 1.7em;*/
	font-size: 1.5em;
	/*font-family: 'century gothic',Verdana, Arial, sans-serif;*/
	color: #396;
	display:block;
} /* Title of the content, article, etc. being displayed.*/

.contentpaneopen tr td p {
	padding:0px;
	margin-top:0px;

} /* Absatz des Artikels */

.componentheading {
	/*line-height: 1.35em;*/
	font-size: 1.35em;
	/*font-family: 'century gothic',Verdana, Arial, sans-serif;*/
	color: #396;
	margin-top:4px;
	margin-bottom:2px;
	display:block;
} /* Title of the content, article, etc. being displayed.*/



/* GENERAL LINK Settings */

a:link, a:visited {
	color: #396;
	text-decoration: underline; !important
	font-weight: normal;
}
a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: normal;
}


hr {
	width: 1px;
	color: #D6D5D5;
} /* horizontal line in your template*/
hr.separator {
	width: 1px;
	color: #D6D5D5;
}
 
/* FORMS Settings */ 

.button {
	text-align: center;
  	font-weight: normal;
  	border: 3px double #cccccc;
  	background: #EFEFEF;
  	padding: 0px 1px;
	height: 26px;
	color: #898989;
  	margin: 1px;
	vertical-align: middle;
	cursor: pointer;
}

/* MAIN MENU */

ul.menu
{
    list-style-image:none;
    list-style-type:none;
    display:block;
	padding: 0;
	margin: 0;
} /* Hauptmenü Definition Liste */

#leftmodules ul.menu li
{
	background-image: none;
    list-style-image:none;
    list-style-type:none;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	line-height: 1.9em; /* zeilenabstand von punkten erster ordnung */
	white-space: nowrap;
	display: block;
	text-transform:uppercase;
	border-bottom: 1px solid #E6E6E6;
} /* Hauptmenü Definition Listenelement */

ul.menu li a:link, ul.menu li a:visited
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #636363;
	background: transparent;
} 

ul.menu li a:hover
{
	display: block;
	color: #396;
}


ul.menu ul
{
    list-style-image:none;
    list-style-type:none;
	margin-bottom: 6px; 
} /* Hauptmenü 1 Unterordnung Definition Liste */

ul.menu ul li
{
    display:block;
    list-style-image:none;
    list-style-type:none;
    margin-left:-28px !important; /* abstand von erster unterordnung von links !!! */
	margin-bottom:2px;
	line-height: 1.5em !important; /* zeilenabstand von unterpunkten erster ordnung */
	color: #29e !important;
	text-transform:none !important;
	border-bottom: 0px !important;
}  /* Hauptmenü 2 Unterordnung Definition Listenelement */

ul.menu ul li a:link, ul.menu ul li a:visited
{
    display:block;
	color: #636363;
}

#buttons>ul.menu li a { width: auto; }

ul.menu ul li a:hover
{
	display: block;
	color: #396;
}

#leftmodules li.active > a {
	color: #396 !important; /* active menu item shall be displayed in green */
}

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	/* font-size: 1.0em; */
	line-height: 30px;
	white-space: nowrap;
	display: block;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #666666;
	background: transparent;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #F5F5F5;
}

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

ul#mainlevel-nav li a:hover
{
	display: block;
	color: #333333;
	background: #F0EFEF;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #F5F5F5;
}
 
a.sublevel{
	line-height: 20px;
} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link, a.sublevel:visited {
	color: #999999;
	text-decoration: none;
}
a.sublevel:hover {
	color: #666666;
	text-decoration: none;
}
 
.pagenavbar {
	color: #ffffff;
} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") 
when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link, .pagenavbar:visited {
	text-align: center;
	/* font-size: 1.0em; */
  	font-weight: bold;
  	border: 3px double #cccccc;
  	width: auto;
  	padding: 0px 10px;
  	line-height: 20px;
  	margin: 1px;
}
.pagenavcounter {
	/* font-size: 1.0em; */
	color: #0099FF;
	display: block;
}
a.readon:link, a.readon:visited {
	text-align: center;
	/* font-size: 1.0em; */
  	font-weight: bold;
  	border: 3px double #cccccc;
  	background: #EFEFEF;
  	padding: 0px 5px;
	height: 26px;
  	line-height: 26px;
  	margin: 1px;
	vertical-align: middle;
	color: #898989;
} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {
	text-align: center;
	/* font-size: 1.0em; */
  	font-weight: bold;
  	border: 3px double #cccccc;
  	background: #FFFFFF;
	color: #959595;
  	padding: 0px 5px;
	height: 26px;
  	line-height: 26px;
  	margin: 1px;
	vertical-align: middle;
	text-decoration: none;
}
/*Style for the "BACK" button*/
.back_button a:link, back_button a:visited {
	float: left;
	text-align: center;
	/* font-size: 1.0em; */
  	font-weight: bold;
  	border: 3px double #cccccc;
  	width: auto;
	background: #EFEFEF;
	color: #898989;
  	padding: 0px 10px;
  	line-height: 20px;
  	margin: 1px;
	display: block;
} 
.back_button a:hover {
	float: left;
	text-align: center;
	/* font-size: 1.0em; */
  	font-weight: bold;
  	border: 3px double #cccccc;
  	width: auto;
  	background: #FFFFFF;
	color: #959595;
  	padding: 0px 10px;
  	line-height: 20px;
  	margin: 1px;
	display: block;
	text-decoration: none;
}

.pagenav {
  padding:3px;
}


.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
 
/*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {
	list-style: url(../images/mostread.gif);
}
 
/*Style for most popular list - by default, most popular is user2 module*/
.mostread li{
	list-style: url(../images/popular.gif);
}
 
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
 
ul li {
	list-style: url(../images/arrow.png);
}
.blogsection {} /* Formatting the links in Blog section */
.blog_more {
	color: #333333;
} /*The "More" text in blog section*/
a.blogsection:link, a.blogsection:visited {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
} /* set the link format */
a.blogsection:hover {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
} /* same as above, but for links with mouse pointer over it */
 


.sectiontableentry2 {
	clear: both;
} 

.sectiontableentry1 {
	clear: both;
}
.sectiontableentry1 td, .sectiontableentry2 td {
	padding: 6px;
}



table.poll td {
        /* font-size: 1.0em; */
        vertical-align:middle;
        text-align: left;
}

 
/* JOOMLA - MAMBO MODULES FORMATTING */
table.moduletable th, div.moduletable h3 {
	border-bottom: solid 0px #E6E6E6;
	line-height: 25px;
	margin: 0 0 2px 0;
	margin-top: 2px;
	/*font-size: 1.0em;*/
	color: #959595;
	vertical-align: middle;
	text-transform: uppercase;
} /* Formatting the module table */
table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */


 
/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate {
    display: none;
	font-size: 0.8em;
	color: #929292;
} /* For styling the date the content/articles are created under contents title */
.modifydate {
    display: none;
	font-size: 0.8em;
	color: #929292;
} /* Formating "Last updated on" text at the end of articles/contents */
.small {
	font-size: 0.8em;
	color: #929292;
} /* Formating "Written by:...." text */
.smalldark {
	font-size: 0.8em;
	font-style: italic;
	color: #7B7B7B;
}/*Found in poll result page, for " Number of Voters".. text */


/* Weitere latest news formatierungen */
.dn-each {
	margin-top:8px;
	}
.dn-date {
	font-size: 0.9em;
	color: #929292; 
	}

/*Erweiterungen */

td.buttonheading img
{
       border:0;
	   padding:2px;
}

div.bannergroup
{
       margin-top: 10px;
       margin-bottom: 4px;
       padding-top: 4px;
       padding-bottom: 4px;
       text-align: center;
       border: 1px solid #eee;
}

/* FONT SIZE HACK FOR IE 5.0, 5.5, 6.0*/  /* , * html table.contentpaneopen beide: fotogalerie und startseite passen, rest nicht */
* html table.contentpaneopen table td
{
      /* font-size:0.8em; */
}

* html div.gallery li {
	display:inline;
}

/* end hack */

table.contentpaneopen * img, #rightmodules * img
{
       border: 1px double #aaa;
	   padding: 4px;
       margin: 8px;
}

table.contentpaneopen * td.buttonheading img, span.hasTip img
{
       border: 0px;
       margin: 0px;
}

table.table
{
	margin-bottom: 12px;
}

div#pathway div.moduletable {
	padding: 0;
	margin-bottom: 0px;
        margin-top: 0px;
}

div.wichtig {
	border-top: 3px solid #fa2;
	border-bottom: 3px solid #fa2;
	background: #ff9;
	padding: 6px;
	margin-bottom: 18px;
	margin-top: 12px;
}

div.wichtig span{
	color: #f80;
	font-weight:bold;
	}

div.wichtig p, div.wichtig ul{
	margin-bottom: 0px;
	margin-top:6px;
	}

span.hasTip{
	border:0;
	padding:0;
}

textarea.mceEditor {
	text-align: left;
	background: #fff;
	}

fieldset.input p {
	margin-top:6px;
	margin-bottom: 6px;
}

a.updown {
	display:block;
	float:left;
	width: 48px;
	height: 48px;
	background-image: url(../images/up_down.jpg); 
	}

a.updown:hover {
	background-image: url(../images/up_down2.jpg);
}

p.zitat, ul.zitat {
	margin-left: 50px;
}


/* search optimierung */

input, select, textarea {
                font-family: "Lucida Console" Monaco "Nimbus Mono L" Courier monospace;
                font-size: 12px;
                padding: 2px;
                }

 

table.contentpaneopen tr td fieldset {
                margin-bottom: 10px;
                border: 0px;
                border-top:1px solid #aaa;
                }

/* Timeline STANDPUNKTE */
#timeline img {
	border: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}


#timeline a:link, #bottom a:visited {
	color: #396;
	text-decoration: none !important;
}

#timeline li.alt a:link, #timeline li.alt a:visited {
	color: #aaa !important;
	text-decoration: none !important;
}

#timeline a:hover, #timeline li.alt a:hover {
	color: #000 !important;
	text-decoration: underline !important;
}

div#timeline {
	float: right;
	width: 205px;
	background: #fff url(../images/tl_bg.png) repeat-y;
       padding-right:15px;
}

div#timeline ul {
	margin-left: 50px;
	padding: 0;
	list-style-type: none !important;
      list-style-image: none;
}

div#timeline li {
	border-top: 1px solid #aaa;
	color: #aaa;
	text-align: right;
	padding-bottom: 3px;
	padding-top: 3px;
	text-transform: uppercase;
	font-size: 0.9em;
}

div#timeline ul ul {
	margin-left: 19px;
	list-style-type: none !important;
	list-style-image: url(../images/list_aktuell.png);
}

div#timeline ul ul li {

	border: 0px;
	text-align: left;
	text-transform: none;
	font-size: 1.1em;
	padding-top: 4px;
	padding-bottom: 2px;
}

div#timeline ul ul li.alt {
	list-style-image: url(../images/list_alt.png);
}

div#timelinefootpic {
        margin-left: 5px;
        margin-top: 0px;
}

div#timelinefootpic img {
    padding: 0px;
    border: 0px;
    margin: 0;
}

/* Feedback button */

div#feedback {
	position: fixed;
	left: 0px;
	top: 280px;
	width: 40px;
	height: 100px;
}

/* Tweet Box */

ul#tweets{
          background: url(../images/twitter_bg.gif) left top no-repeat #cbf0ff;
          margin: 0 15px 12px 15px !important;
          padding: 35px 10px 0px 10px !important;
          border: 1px solid #1E90FF;
}

ul#tweets li{
	   list-style-type: none !important;
	   list-style-image: none !important;
	   margin-bottom:2px;
	   border-top:1px solid #1E90FF;
           margin-top:2px;
}

ul#tweets  a:link, ul#tweets a:visited {
	           text-decoration: none;
	           font-weight: normal;
                  color: #1E90FF;
}


/* Modul Feedback */

div#feedback_modul  {
           padding:0 10px;
           margin: 5px 15px 12px 15px; 
           background-color:#dfd;
           border: 1px solid #339933; 
}      


div#feedback_modul a:link, div#feedback_modul a:visited {
	text-decoration: none;
	font-weight: normal;
        color: #339933;
}

/* Modul Event */

ul#event {
          background: url(../images/termine_bg.png) left top no-repeat #FCCA8D;
          margin: 0 15px 12px 15px !important;
          padding: 40px 10px 0px 10px !important;
          border: 1px solid #8B5A2B;
}

ul#event li{
	   list-style-type: none !important;
	   list-style-image: none !important;
	   margin-bottom:2px;
	   border-top:1px solid #8B5A2B;
          margin-top:2px;
}

ul#event  a:link, ul#event a:visited {
	           text-decoration: none;
	           font-weight: normal;
                  color: #8B5A2B;
}

ul#tweets li, div#feedback_modul,  ul#event  li {
         Font-size: 11px; !important
}

ul#tweets li a:hover, div#feedback_modul a:hover,  ul#event  li a:hover {
         color: #000
}