/* Layout Stylesheet */

html,body {
	height: 100%;
}

body {
	background-color: #f1eee7;
     padding: 0px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #1e3545;
	text-align: left;
}

#wrapper {
	width:100%;
	background: #f1eee7; /* right column colour*/
	color: #000000;
	border: 0px solid black;
}

.seitenkasten {
	BACKGROUND-POSITION: 50% top;
	BACKGROUND-IMAGE: url(../images/seitenkasten_bg.gif);
	BACKGROUND-REPEAT: repeat-y;
	text-align:center;

}

/* website header, mit Logo */
#header {
	position: relative;
	background: #fff;
	border: #244b6a 1px solid;
	height: 55px;
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

#header1 {
	position: relative;
	float: left;
	background: #fff url(../images/header.gif) no-repeat; /* right column colour*/
	border: #244b6a 0px solid;
	margin-left: 6px;
	margin-top: 4px;
	color: #000000;
	height: 50px;
	width: 170px;
	clear:both;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

#header2 {
	position: relative;
	background: #fff;
	border: #244b6a 0px solid;
	padding-top: 20px;
	padding-left: 200px;
	font-weight: normal;
	font-size: 24px;
	color: #45637B;
	line-height: 22px;
	font-family: Times New Roman, Times, serif;
}

#spacing {
		height: 10px;
		background: #f1eee7;
}

/* search */

#search_outer {
	width: 140px;
        position: absolute;
        top: 10px;
        right: 10px;
        background: #FFFFFF;
        color: #333333;
}

#search_inner {
        border: 1px solid #cccccc;
	   padding: 0px;
        height: 20px;
        overflow: hidden;
}

#search_inner form {
        padding: 0;
        margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
     text-align: left;
	color: #333333;
     background: #FFFFFF;
}


/* content column */

#middle{
	background: #fff; /* centre column colour*/
	margin-left: 160px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
     text-align: left;
}

#content {
	border: #bbb 0px solid;
	position:relative;
	width:100%;
	float:left; /* contain clearing*/
	background: #f1eee7;
     color: #000000;
}

/* Das ist der eigentliche Inhalt */
#content2 {
	width: auto;
	border: #000 0px solid;
	padding: 2px 5px 0 15px;
	margin: 0;
	color: #1e3545;
	font-size: 11px;
}

#content2{margin:0 -1px}/* moz needs this*/

#pathway {
	position:relative;
	background: #fff;
	color: #1e3545;
	border-left: #bbb 1px solid;
	border-bottom: #bbb 0px solid;
	margin: 0;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#pathway {margin:0 -1px} /*moz needs this*/

/* left column */

/* Hier kann man rechts eine Spalte freischlagen indem man margin-right vergrößert */
#inner{
	border: #bbb 0px solid;
	margin: 0px;
	background:#fff;
     color: #000000;
}


#left{
	border: 0px solid #ccc;
	width:150px;
	margin-left:-154px;
 	position:relative;
	left:-1px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}


#left_inner {
float: none !important;
float: left;
padding: 0px;
background : #fff;
border: 0px;
margin:0;
}


/* right column */
#right{
	width:140px;
	margin-right:-140px;/*overlap for old mozilla*/
	position:relative;
	left: 5px;/* now line it up*/
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
     text-align: left;
}

* html #left{margin-right: 5px;}/* 3 pixel jog*/
* html #right{margin-left: 5px;}/* 3 pixel jog*/


/* footer */

#footer {
	background: #ffffff;
	color: #000000;
	margin: 5px 0 0 0;
     padding: 0 0 2px 5px;
	border: 0px solid #cbcbcb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
     height: 14px;
}


#footer a:link, #footer a:visited {
     color: #000000;
}

#footer a:hover {
	color: #000000;
}



/* clear without structural mark-up */
.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}


/* mac hide - force layout in ie \*/
* html .clearfix,* html #inner, * html #middle {height: 1%;}
.clearfix {display: block;}
/* End hide */
p.expand a{display:block; clear:both}
p.expand a:hover{height:200px;}
#content p img{float:right;}


/* CSS Document */


ul#mainlevel-nav { padding: 0; margin: 0; font-size: 0.8em; }

ul#mainlevel-nav li {
	background-image: none;
	text-align: left;
     font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #FFFFFF;
	background: #555566;
}

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

ul#mainlevel-nav li a:hover {
	color: #000000;
	background: #CCCCCC;
}


table.content_table {
     width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}

table td.body_outer {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
     padding-top: 6px;
}

.maintitle {
	color: #FFFFFF;
     background: #CCCCCC;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
       font-style: italic;
       text-transform: uppercase;
       padding: 5px;
       font-size: 14px;
       font-weight: bold;
}

/** old stuff **/

.back_button {
      float: left;
      text-align: center;
      font-size: 10px;
      font-weight: normal;
      border: 0px #CCCCCC;
      width: auto;
      /* background: url(../images/arrow_back.gif) no-repeat;*/
      padding: 5px 0 0 0;
      line-height: 18px;
      margin: 1px;
}

.pagenav {
      text-align: center;
      font-size: 10px;
      font-weight: bold;
      border: 1px solid #CCCCCC;
      width: auto;
      background: url(../images/button_bg.png) repeat-x;
      padding: 0px 5px 2px 5px;
      line-height: 18px;
      margin: 1px;
}

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

p, ol, li, blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #1e3545;
	font-style: normal;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 5px;
}


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

ul li {
        line-height: 15px;
        padding-left: 15px;
        padding-top: 0px;
        background-image: url(../images/arrow_left.gif);
        background-repeat: no-repeat;
        background-position: 0px 5px;
}

td { font-weight: normal; font-size: 11px; color: #1e3545; line-height: 16px; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none
}

div { font-size: 12px; }

/* removes space below form elements. Display: inline ist wichtig für IE8, sonst macht er nach jeder Form eine neue Tabelle bzw. Zeile */
form { display: inline; margin: 0; padding: 0; }

/* 27.08.2010: Für die Menüeinträge mit dem Modul mod_exmenu */
.menu-form { float:left; border:0; margin: 2px 0 0px 0; padding: 0;}
.menu-form-submit { padding:0; margin: 0 0 0 3px;  font-size: 12px; font-weight: normal; color: #9e3404}
.menu-form select { width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }

h1, h4 { margin-top: 5px; margin-bottom: 5px; }

h2 { margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 16px;
	line-height: 18px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h3 { margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 14px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3px;
}


h3.hz { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #508BB5;
	border: 1px solid #ccc;
	border-right: 0;
	text-align: left;
	height: 18px;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
	text-transform: none;
	margin: 0;
	padding: 3px 3px 3px 8px;
}

h3.beihefte { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #C6AA91;
	border: 1px solid #ccc;
	border-right: 0;
	text-align: left;
	height: 18px;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
	text-transform: none;
	margin: 0;
	padding: 3px 3px 3px 8px;
}


h5 { margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

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

a.latestnews:link, a.latestnews:visited {
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

a.latestnews:hover {
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

/* Joomla core stuff */
a:link, a:visited {
	color: #9e3404;
	text-decoration: none;
	font-weight: normal;
}

a:active {
        color: #9e3404;
        text-decoration: underline;
}

a:hover {
	color: #9e3404;
	text-decoration: underline;
	font-weight: normal;
}

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

table.contentpaneopen td {
        padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}

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

table.contentpane td {
	margin: 0px;
	padding: 1px;
	font-size: 12px;
}

table.contentpane th {
	margin: 0px;
	padding: 2px;
	color: #1e3545;
	font-size: 12px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border-bottom: 1px solid #eee;
}

a.pathway:link, a.pathway:visited {
        color: #9E3404;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: 10px;
        font-weight: bold;
}

a.pathway:hover {
        color: #9e3404;
        text-decoration: underline;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: 10px;
        font-weight: bold;
}

.button {
        color: #9E3404;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 10px;
        font-weight: normal;
        max-width: 135px;
        border: 1px solid #CCCCCC;
        background: #FFFFFF url(../images/button_bg.png) repeat-x;
        padding: 0 2px 2px 2px;
        line-height: 15px;
        height: 20px;
        margin: 1px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #CCCCCC;
}

.componentheading {
	text-align: left;
	padding-top: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 12px;
}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 30px;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

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

/* Für das Login-Modul */
table.moduletable_main {
width : 100%;
margin : 5px 0 0px 5px;
padding : 0px;
}

table.moduletable, table.moduletable_bh {
width: 100%;
margin: 15px 0 0 0;
padding: 0px;
}


div.moduletable {
padding : 0px;
margin-bottom : 18px;
}

table.moduletable th, table.moduletable th, div.moduletable {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #656565;
background-color: #dcdcdc;
border: 1px solid #ccc;
border-right: 0;
text-align: left;
height: 18px;
line-height: 18px;
font-weight: bold;
font-size: 10px;
text-transform: none;
margin: 0;
padding: 0 0 0 4px;
}

table.moduletable_bh th {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #656565;
background-color: #e9ded4;
border: 1px solid #ccc;
border-right: 0;
text-align: left;
height: 18px;
line-height: 18px;
font-weight: bold;
font-size: 10px;
text-transform: none;
margin: 0;
padding: 0 0 0 4px;
}

table.moduletable td {
font-size : 11px;
padding : 0;
margin : 0;
font-weight : normal;
}
table.moduletable td {
font-size : 10px;
padding : 0;
margin : 0;
font-weight : normal;
}
table.pollstableborder td {
padding : 2px;
}
.sectiontableheader {
font-weight : bold;
background-color : #ddd;
padding : 4px;
}
.sectiontableentry1 {
background-color : #f2f2f2;
}
.sectiontableentry2 {
background-color : #f8f8f8;
}


.small {
	font-size: 10px;
}


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

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

table.contenttoc {
        border: 1px solid #cccccc;
        padding: 2px;
        margin-left: 2px;
        margin-bottom: 2px;
}

table.contenttoc td {
        padding: 2px;
}

table.contenttoc th {
	text-align: left;
	padding-top: 2px;
	height: 21px;
	font-weight: bold;
	font-size: 12px;
}

a.mainlevel:link, a.mainlevel:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
display : block;
vertical-align : middle;
font-size : 10px;
font-weight : bold;
color : #666666;
text-align : left;
padding-top : 3px;
padding-left : 5px;
height : 18px !important;
height : 18px;
text-decoration : none;
border-bottom : 1px solid #ccc;
}
a.mainlevel:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
background-position : 0 -22px;
text-decoration : none;
border-right : 2px solid #9e3404;
color : #131313;
font-size : 10px;
text-align : left;
padding-left : 10px;
}
a.mainlevel#active_menu {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #9e3404;
border-right : 2px solid #9e3404;
font-weight : bold;
font-size : 10px;
height : 22px !important;
height : 22px;
text-decoration : none;
text-align : left;
padding-left : 5px;
}
a.mainlevel#active_menu:hover {
color : #131313;
padding-left : 10px;
}
a.sublevel:link, a.sublevel:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding-left : 0px;
padding-top : 4px;
padding-bottom : 2px;
vertical-align : middle;
font-size : 10px;
font-weight : bold;
color : #666666;
text-align : left;
height : 22px !important;
height : 22px;
text-decoration : none;
}
a.sublevel:hover {
padding-left : 4px;
color : #2a2a2a;
text-decoration : none;
}
a.sublevel#active_menu {
color : #a22700;
}


.code {
	border: 1px solid #bbb;
}

/* Markierung der Treffer in der Suche */
.highlight {
	background-color: #41637b;
	color: #fff;
	padding: 1px;
}

fieldset {
		background: #fff;
		padding: 1px;
 }

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

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

.mosimage_caption {
        margin-top: 2px;
        background: #efefef;
        padding: 1px 2px;
        color: #666;
        font-size: 10px;
        border-top: 1px solid #cccccc;
}

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

.content_rahmen_top {
	BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(../images/content_bg_top.gif); BACKGROUND-REPEAT: repeat-x
}
.content_rahmen_left {
	BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(../images/content_border_left.gif); BACKGROUND-REPEAT: repeat-y
}
.content_rahmen_right {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(../images/content_border_right.gif); BACKGROUND-REPEAT: repeat-y
}
.content_box {
	PADDING-RIGHT: 10px; ; BACKGROUND-COLOR: #ffffff
}
.content_rahmen_bottom {
	BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(../images/content_bg_bottom.gif); BACKGROUND-REPEAT: repeat-x
}


/* ab hier kommen die Elemente für die Fabrik Table View */
table.fabrikTable {
	border-collapse: collapse;
	margin: 5px 0 20px 0;
}

table.fabrikTable td,
table.fabrikTable th{
	padding:2px !important;
	border:1px solid #cccccc;
}

table.fabrikTable tr {
	vertical-align: top;
}

table.fabrikTable tr.fabrik_calculations td {
	border:0 !important;
}

.fabrikTable a.fabrikorder-desc{
	background: transparent url(../images/arrow_up.gif) no-repeat right;
	padding-right:9px;
}

.fabrikTable a.fabrikorder-asc{
	background: transparent url(../images/arrow_down.gif) no-repeat right;
	padding-right:9px;
}

/* ab hier kommen die Elemente für die Fabrik Forms */
textarea, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	}

.fabrikintrotext { width:750px }

.mf_group {
	margin: 5px 0 12px 0;
	padding: 0 0 5px 0;
	border: 1px solid #909090;
	background: #d0dde5;
}

/* bh steht für Beihefte */
.mf_group_beihefte {
	margin: 5px 0 12px 0;
	padding: 0 0 5px 0;
	border: 1px solid #909090;
	background: #E9DED4;
}

.mf_group table {
	margin-top: 2px;
	margin-bottom: 0px;
	padding:0px;
}

.mf_element{
	width:85%;
}

.fabrikForm {
	margin:0px;
	background-color:#f1eee7;
	color:#909090;
}


.mf_group .button{
	background-color:white;
}

.fabrikLabel{
	text-align:right;
	padding-right:5px;
	font-size:11px;
	font-weight:normal;
}

div label {
	font-size:11px;
	font-weight:normal;
}

.mf_view_only{
	background: #ffffff;
	color: #333333;
}

.mf_group input:focus, .mf_group textarea:focus {
	background-color:#f1eee7;
}

.mf_group input{
	border-top: 1px solid #909090;
}

input.readonly {
	color:#666;
	border: 1px solid #666;
}

/* Damit Radioboxen keinen Rand haben */
.radio input{
	border-top: 0;
}



.mf_group h4 {
	border-top: 1px solid silver;
	text-align: left;
	padding: 5px 0 0 10px;
	margin: 2px 0 0 0;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
}

.mf_group th {
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	height: 21px;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}

.mf_element td {
	padding:2px !important;
}

.fabrikerror{
	text-align:center;
	border:2px solid #508bb5;
	font-size:13px;
	font-weight:bold;
	padding:10px;
	background-color:#c6d8e6;
	margin:5px 5px 5px 0;
	color:#2e2e2e;
}

.elementErrorHighlight{
	background-color:#daf4fa !important;
}

.isemail{
	background: transparent url(email.gif) no-repeat top right;
	margin-right:10px !important;
	padding-right:20px !important;
}

.notempty{
	background: transparent url(required.gif) no-repeat top right;
	margin-right:10px !important;
	padding-right:20px !important;
}

.alphanumeric{
	background: transparent url(alphanumeric.gif) no-repeat top right;
	margin-right:10px !important;
	padding-right:20px !important;
}



span.editlinktip {
	text-decoration:  none;
	border-bottom: 1px dashed #aaa;
}

/* Farbe für die Zeilen der Standardtabellen */
.oddrow0 { background-color:#fafafa; }
.oddrow1 { background-color:#d0dde5; }

/* Tabellen für die Beihefte */
.oddrow_bh0 { background-color:#fafafa; }
.oddrow_bh1 { background-color:#e9ded4; }

/* Markierung für offene Rezension */
.message_yellow {
	border: 1px solid #eeee00;
	background-color: #ffff99;
	padding: 2px;
}

/* Markierung für verspätete Rezension */
.message_red {
	border: 1px solid #9E3404;
	background-color: #FF662A;
	padding: 2px;
}

/* Fehlerformatierung für alle meine Error-Meldungen */
.errorMessage {
	text-align: center;
	border: 1px solid #508bb5;
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	background-color: #c6d8e6;
	margin: 5px 5px 5px 2px;
	color: #2e2e2e;
}

/* Meldung für leere Suchabfragen */
.emptyDataMessage {
	text-align: center;
	border: 1px solid #508bb5;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	background-color: #d0dde5;
	color: #2e2e2e;
	margin:5px 5px 5px 0;
}

.system {
	margin: 5px 0 5px 0;
	font-family: Courier;
	font-size:12px;
	color:#666666;
	}

span.mainlevel {
	display:block;
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	padding-left: 2px;
	margin-top: 6px;
	vertical-align: text-bottom;
	border: 0px solid #000;
}


/* 2008/11 eingeführt für die Dokumentation */
#spalte1 {
	float: left;
	padding: 10px;
	margin: 10px 20px 20px 0;
	background: #eee;
	border: 1px solid #ccc;
	width: 330px;
	}

#spalte2 {
	float: none;
	padding: 10px;
	margin: 10px 20px 20px 20px;
	background: #eee;
	border: 1px solid #ccc;
	width: 350px;
	}

ul li #spalte { /* Listen */
	font-size:12px;
     line-height: 16px;
     padding-left: 20px;
     padding-top: 0px;
     background-image: url(../images/arrow_left.gif);
     background-repeat: no-repeat;
     background-position: 10px 5px;
	border:0px;
}

/* 16.09.2010 Dokumentation wird nun mit Tabellen erstellt - die funktionieren halt immer */
td.spalte {
	padding: 10px;
	margin: 10px 20px 20px 20px;
	background: #eee;
	border: 1px solid #ccc; }