/*** css-Datei erstellt von www.jaretzki.com ***/


html {
height: 100%;
}

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color: #666;
font-size: 0.8em; 
text-align: center;
font-weight: normal;
}

p {
margin: 0;
padding: 0;
}

p.right {
margin: 0;
padding: 0;
font-size: 80%;
line-height: 1.5;
text-align: right;
}

p.klein {
font-size: 0.8em;
}

hr {
height: 1px;
border: 0 none;
border-top: 1px dotted #ccc;
margin-top:15px;
}

blockquote {
background: #fff;
color: #333;
font-size: 100%;
line-height: 1.5;
text-align: center;
border: 1px solid #f33;
border-left: 2px solid #f33;
border-bottom: 3px solid #f33;
padding: 20px;
padding-bottom: 26px;
margin-left: 46px;
margin-right: 64px;
}


blockquote p {
margin: 0;
text-align: center;
}

a:link {
color: #0000cd;
text-decoration: none;
outline: none;
}

a:visited {
color: #0000cd;
text-decoration: none;
}

a:hover {
color: #00f;
text-decoration: none;
border-bottom: 1px dotted #00f;
outline: none;
}

a:focus {
color: #00f;
text-decoration:none;
border-bottom: 1px dotted #00f;
outline: none;
}

a img {
border-bottom : 0px;
text-decoration: none;
outline: none;
}


/*** Mainboxes ***/

#wrapper {
width: 90%; 
margin:  auto; 
text-align: justify;
border: 1px solid #369;
margin-top: 20px;
background-image: url(../images/bg_blue.gif);
background-repeat:repeat-y;
background-position:left;
}

#left {
width: 200px;
margin: 0;
padding: 0;
float: left;
}

#left-top {
height: 80px;
width: 200px;
background-image: url(../images/left_top.gif);
background-repeat: no-repeat;
}

#left-img {
border-bottom: 1px dotted #fff;
border-top: 1px dotted #fff;
height: 133px;
width: 200px;
background-image: url(../images/left_abakus.jpg);
background-repeat: no-repeat;
}

#logo {
background-image: url(../images/header.gif);
background-repeat: no-repeat;
background-position: right;
height: 80px;
margin-left: 220px;
margin-right: 26px;
}

#logo a {
display: block;
width: 100%;
height: 80px;
border-bottom: none;
outline: none;
}

#right-img {
background-image: url(../images/right_abakus.jpg);
background-repeat: no-repeat;
background-color: #369;
background-position: left;
height: 133px;
margin: 0px 0px 0px 200px;
border-bottom: 1px dotted #369;
border-top: 1px dotted #369;
}


/***	Menue***/

#menue {
width: 200px;
margin: 0px 0px 50px 0px;
padding: 50px 0 0 0;
float: left;
background-image: url(../images/left_menue_top.gif);
background-position: top;
background-repeat: no-repeat;
}

#menue ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 1.0em;
}

#menue li a {
color: #fff;
padding-left: 15px;
outline: none;
}

#menue li a:hover {
color: #fff;
border-bottom: none;
outline: none;
}

#menue ul li {
padding: 6px 0px 6px 30px;
border-bottom: none;
font-size: 1.1em;
}

#menue ul li.active {
border-bottom: 1px dotted #fff;
border-top: 1px dotted #fff;
}


/**** Content ***/

#content {
padding: 0px 30px 0px 40px;
margin: -10px 0px 0px 200px;
}

html #content {
margin: -15px 0px 0px 200px;
}

#content p {
line-height: 1.5em;
}

#content h1 {
font-family: Verdana, Arial, sans-serif;
font-size: 1.5em;
color: #369;
padding-top: 50px;
}

#content h1.h1hidden {
display: none;
}

#content h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 1.2em;
color: #369;
}

#content h3 {
font-size: 0.9em;
color: #666;
}

#content img.right {
float: right;
margin: 0px 30px 5px 0px;
}

img.right {
float: right;
border: 0px;
margin-top: 0.5em;
margin-left: 1.5em;
margin-bottom: 0.5em;
}

img.bg {
float: left;
border: 0px;
margin-top: -0.5em;
margin-right: 1.5em;
margin-bottom: 0.5em;
padding: 5px;
background-color: #a5a9bf;
}


/*** Listen ***/

#content ul {
list-style: none;
margin-left: -20px;
font-family: Helvetica, Arial, sans-serif;
}

html #content ul {
margin-left: 10px;
}

#content ul li {
margin-left: 0px;
background:  transparent;
padding-left: 0px;
text-align: left;
line-height: 1.8em;
}

#content ul li a:hover {
border-bottom: none;
}


/**** Tabellen ***/

#content table,td {
border: 1px solid #CCC;
border-collapse: collapse;
}

#content table{
border: none;
border: 1px solid #CCC;
}

* html #content table {
float:left;
}

#content thead th, tbody th {
background: #eaeef2;
color: #666;
padding: 5px 5px;
border-left: 1px solid #CCC;
}

#content tbody th{
background: #c8e0d1;
border-top: 1px solid #ccc;
text-align: left;
}

#content tbody tr td{
padding: 5px 5px;
color: #666;
vertical-align: top;
}


/*** Footer ****/

#footer {
font-size: 0.85em;
clear: both; 
height: 40px; 
text-align: center; 
padding-top: 15px; 
width: 90%; 
margin: auto;
}

iframe {
width: 790px;
height: 500px;
border: 1px solid #fff;
}


/*** Formular ***/

fieldset legend, fieldset .float, #fehlermeldung{
font-size: 1.0em;
color: #333;
background: #fff;
}

fieldset legend {
font-size: 13px;
font-weight: bold;
}

fieldset{
margin: 0.6em 0 10px 0;
border: 1px solid #90bade;
padding: 10px;
}

fieldset legend{
padding: 3px 5px 3px 5px;
margin-bottom: 10px;
color: #333;
background: #fff;
border: 1px solid #90bade;
}

fieldset .float{
float: left;
width: 30%;
margin-top: 10px;
margin-left: 0;
margin-right: 5px;
text-align: right;
}

fieldset .eingabefeld {
width: 60%;
margin-top: 7px;
color: #333;
background-color: #fff;
border-bottom:  1px solid #ccc;
border-top: none;
border-left: none;
border-right: none;
}

label {
  cursor: crosshair;
}

.invisible {
  display:none;
}

fieldset div textarea{
width: 60%;
height: 7em;
color: #333;
background-color: #fff;
margin-top: 10px;
margin-bottom: 20px;
border:  1px solid #ccc;
overflow: auto;
}

* html fieldset div textarea{
width: 60%;
}

textarea:focus, input:focus, select:focus{
color: #333;
background-color: #fff;
}

#submit{
margin-top: 30px;
text-align: center;
}

#submit input {
padding: 2px 5px;
color: #000;
background: #eee;
cursor: pointer;
}

.hidden {
display :none;
}

.red {
color: #f33;
background: transparent;
font-weight: 500;
}
	
.blue {
color: #0075e4;
background: transparent;
font-weight: 500;
}