/* CSS Layout maddesigns */

* {
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing  0;
}

html, body {
line-height : 1.4;
height: 100%;

}

body {
font-size : 100.01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color : #000;
margin: 0;
}

a {
text-decoration: none;
}

a:visited, a:link {
color: #004078;
}

a:hover, a:active {
color: darkred;
}

#header, #content, #footer {
margin: 0 auto;
width: 950px;
background-color: #F7F5ED;
}

#footer {
width: 840px;
padding-left: 55px;
padding-right: 55px;
}



#content {
width: 705px;
padding-left: 190px;
padding-top: 1em;
padding-right: 55px;
padding-bottom: 1em;
background: #F7F5ED url(../img/content-bg.gif) repeat-y 55px 30px;
font-size: 0.7em;
line-height: 1.25;
color: #373737;
}

#content h1 {
font-size: 1.5em;
font-weight: normal;
color: #004078;
margin-bottom: 1em;
margin-left: 195px;
padding: 0 0 5px 5px;
border-left: 2px solid #969696;
border-bottom: 2px solid #969696;
}

#content h2 {
font-size: 1em;
font-weight: normal;
font-style: italic;
margin-bottom: 1em;
}


#content h3 {
font-size: 1em;
font-weight: bold;
margin-bottom: 1em;
}

#content p {
margin: 1em 0 1em 195px;
text-align: justify;
}

.smallpadding {
margin: 1em 0 1em 120px !important;

}

#topcontent {
width: 800px;
padding-left: 75px;
padding-right: 75px;
background-color: #F7F5ED;
margin: 0 auto;
height: 25px;
}

#navigation {
margin: 0 auto;
text-align: center;
border-bottom: #969696 1px solid;
border-top: #969696 1px solid;
}

#footer {
padding-top: 10px;
padding-bottom: 30px;
font-size: 0.6em;
color: #969696;
font-stretch: 1px;
}

#footer h3 {
font-size: 1em;
border-top: #969696 1px solid;
padding-left: 0px;
padding-top: 5px;

}

#footer p {
padding: 0px;
}


#logo {
margin-left: 55px;
}




#mainnav, #mainnav ul { /* all lists */
	list-style: none;
	line-height: 1.1;
}

#mainnav {
	font-size: 0.7em;
	height: 17px;
	background: #F7F5ED url(../pic/navi-bg.gif) no-repeat 95px 4px;
	width: 825px;
	margin: 0 auto;
	padding: 2px 5px 2px 120px;
	text-align: left;
}

#mainnav a {
	display: block;
	padding: 3px 4px 3px 9px;
}



*html #mainnav li {
	background-color: #F7F5ED;
}

*+html #mainnav li {
	background-color: #F7F5ED;
}

*html #mainnav a {
	display: block;
	padding: 4px 3px 2px 8px;
}


*+html #mainnav a {
	display: block;
	padding: 4px 2px 2px 7px;
}


.lispan {
display: none;
}

#mainnav a:visited, #mainnav a:link, #mainnav a:active {
	text-decoration: none;
	color: #004078;
	background: #F7F5ED url(../pic/navi-li-bg.gif) no-repeat 0px 8px;
}

#mainnav a:hover {
	color: darkred;
	text-decoration: none;
	background: #F7F5ED url(../pic/navi-li-bg-hover.gif) no-repeat 0px 8px;
}

#mainnav li { /* all list items */
	float: left;
	width: auto;  /* width needed or else Opera goes nuts */
	padding-right: 8px;
	

}
#mainnav li.first { /* all list items */
	padding-left: 51px;

}

#mainnav li ul { /* second-level lists */
	position: absolute;
	border: #999 1px solid;
	width: auto;
	background-color: #FFF;
	padding: 3px;
	letter-spacing: normal;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mainnav li ul li { /* all list items */
	float: none;
	width: 180px;  /* width needed or else Opera goes nuts */
	padding-right: 0;
	padding-left: 7px;
	background-color: #FFF;
}

#mainnav li ul li a { /* all list items */
	background: #FFF url(../pic/navi-li-bg-hover.gif) no-repeat 0px 8px;
}

#mainnav li ul li a:visited, #mainnav li ul li a:link, #mainnav li ul li a:active {
	text-decoration: none;
	color: #004078;
	background: #FFF url(../pic/navi-li-bg.gif) no-repeat 0px 8px;
}

#mainnav li ul li a:hover {
	color: darkred;
	text-decoration: none;
	background: #FFF url(../pic/navi-li-bg-hover.gif) no-repeat 0px 8px;
}

#mainnav li:hover ul, #mainnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	top: auto;
	margin: 0;
}

legend {
font-weight: bold;
margin-left: 1em;
margin-bottom: 0.5em;
}

fieldset {
border: #004078 1px solid;
padding-bottom: 1em;
}

label.left
{
    float            : left;
    text-align        : right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width            : 10em;
    margin-right    : .3em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :    9.3em;
    margin-right            :    .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    8.5em;
	margin-bottom: 1em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    140%;
}

.aktentable {
border: #004078 solid 1px;
width: 99%
}

.aktentable a {
color: #004078;
text-decoration: none;
}


.aktentable th {
background-color: #004078;
color: #FFF;
}

.aktentable td {
padding: 3px;
}

.aktentable tr:hover {
background-color: #CCC;
color: #373737;
}

.left {
text-align: left;
}

.bildleft {
float: left;
width: 100px;
height: 100%;
padding: 3px;
background-color: #FFF;
border: #ccc solid 1px;
margin-right: 1em;
margin-bottom: 1em;
margin-top: 0;
margin-left: 0;
}

.bildleft2 {
float: left;
width: 176px;
height: 100%;
padding: 3px;
background-color: #FFF;
border: #ccc solid 1px;
margin-right: 1em;
margin-bottom: 1em;
margin-top: 0;
margin-left: 0;
}

.bildleft2 ul {
list-style: none;
list-style-image: url(/pic/t_pfeil4.gif);
margin-left: 1.9em;
margin-top: 1em;
margin-bottom: 1em;
padding: 0;

}

.bildleft li {
list-style: none;
background: #FFF url(/pic/navi-li-bg.gif) no-repeat center left;
margin-left: 0.2em;
padding-left: 1em;

}
.bildleft li:hover {
list-style: none;
background: #FFF  url(/pic/navi-li-bg-hover.gif) no-repeat center left;
}

/* Easyclearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

dl {
font-weight: bold;
margin-bottom: 1em;
}

.newstable {
margin-bottom: 2em;
}

.newstable td {
padding: 0.5em;
}

.newstable td p {
padding-right: 1em;
}

#formular td {
padding: 1em;
}

#formular input {
margin-bottom: 1em;
font-size: 0.8em;
width: 300px;
}

form.login {
background-color: #9ECBEB;
padding: 1em;
border: #1F84CB solid 1px;
margin-bottom: 1em;
}

.imgborder {
border: 1px solid #004078;
}

.mehrVoe {
	color: #8B0000 !important;
}

.bookminiad {
	padding: 0 30px;
}