﻿body {
	color: black;
	background-color: #5D8EAF;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 15px;
	min-width: 1000px;
}
  
a {
	text-decoration: none;
	color: #6B6B85;
	font-weight: bold;
}

 
#contentwrapper {
	background-color: #FFFFFF;
	padding: 15px;
	box-shadow: 0px 0px 20px;
}

#header {
    margin: 0 0 25px; 
	padding: 15px;
	color: #3A4A54;
    background-color: #C3E7FF;
	box-shadow: 0px 0px 5px;
	border-radius: 10px;
	min-height:95px;
}
#header h1 {
	font-size: 1.5em;
	margin-top: 12.5px;
}
#header h2 {
	font-size: 1em;
}
#header img
 {
	margin: 13px 36px 15px 0;
	float: left;
	/*box-shadow: 5px 5px 5px #333;*/
}

ul#navbar {
    font-size: 0.75em;
    float: left; 
	width: 200px;
    margin: 0 0 25px; 
	padding: 0;
	padding-bottom: 6.5px;
	background-color: #5D8EAF;
	box-shadow: 0px 0px 5px;
	border-radius: 10px;
}
ul#navbar li {
    list-style: none;
    margin: 0;
	padding: 5px 5px 0 5px;
    font-weight: bold;
}
ul#navbar li h1{
    font-size: 100%;
	color: #28333A;
	margin: 7px 3px 0;
}
ul#navbar a {
	padding: 9px;
	display: block;
	border-radius: 5px;
}
ul#navbar a:link {
    color: #3A4A54; 
	background-color: #C3E7FF;
}
ul#navbar a:visited {
    color: #3A4A54; 
	background-color: #C3E7FF;
}
ul#navbar a:hover {
    color: #3A4A54; 
	background-color: #E1F3FF;
}
ul#navbar a:active {
    color: white; 
	background-color: #506675;
}
ul#navbar a.current {
    color: white;
	background-color: #506675;
}

div#content {
	margin: 0 0 20px 210px;
    padding: 0 1em;
}
div#content h1 {
    font-size: 1em;
	color: #3A4A54;
	margin-top: 20px;
}
div#content h2 {
    font-size: 0.8em;
	color: #3A4A54;
	margin-top: 20px;
}
div#content p {
    font-size: 0.8em;
    margin: 1em 0;
}
div#content p.marked {
	width: 70%;
	background-color: #E1F3FF;
	padding: 10px 10px;
	margin: 0;
}
div#content img.marked {
	background-color: #E1F3FF;
	padding: 10px 10px;
	margin: 0;
}
div#content form {
	width: 70%;
	background-color: #E1F3FF;
	margin: 0px;
	padding: 5px;
}
div#content fieldset{
	font-size: 0.8em;
	margin: 0; 
	padding: 0;
	border: 0;
}
div#content label.csearch {
	float: left;
	width: 85px;
	margin-top: 3px;
}
div#content legend {
	padding: 0 0 10px 0;
	margin: 0;
	border: 0;
	font-weight: bold;
	color: #3A4A54;
}
div#content input, select {
	/*margin: 0 10px 10px 5px;*/
}
div#content p.fehler{
	font-size: 0.8em;
	font-weight: bold;
	width: 70%;	
	color: #c00;
}


#footer {
    clear: both;
    font-size: 0.7em;
	color: #28333A;
	margin: 0;
	padding: 10px;
	padding-bottom: 25px;
    background-color: #C3E7FF;
	box-shadow: 0px 0px 5px;
	border-radius: 10px;
}
#footer .left {
   float: left;
}
#footer .right {
   float: right;
}

.ipError{ border: 1px solid red; }

.tabUeber  { font-weight: bold; font-size: 11px; color:#3a4a54;  }
.tabSearch {background-color: #FF9900;}
.tabUeberTable {font-size: 13px; font-weight: bold;  color: #3a4a54; padding: 0px; margin: 0px;}
.tabResult { font-weight: bold; color: #0000cc;}
.tabEdit { font-weight: bold; color: #3a4a54; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.tabEditBlock { font-weight: bold; color: #3a4a54; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:justify;}


.tabBlue { background-color: #c3e7ff; vertical-align:middle;  padding: 2px; font-size:11px;} /*  border-bottom: 1px solid #3a4a54; border-top: 1px solid #3a4a54; */
.tabWhite {  background-color: #FFFFFF; vertical-align:middle;  padding: 2px; font-size:11px;} /* border-bottom: 1px solid #3a4a54;  border-top: 1px solid #3a4a54; */ 

.tabBlueBlock { background-color: #c3e7ff; vertical-align:middle;  padding: 2px; font-size:11px; text-align:justify;} /*  border-bottom: 1px solid #3a4a54; border-top: 1px solid #3a4a54; */
.tabWhiteBlock {  background-color: #FFFFFF; vertical-align:middle;  padding: 2px; font-size:11px; text-align:justify;} /* border-bottom: 1px solid #3a4a54;  border-top: 1px solid #3a4a54; */ 

.tabBlueFirst { background-color: #c3e7ff; vertical-align:middle;  padding: 2px; font-size:11px; } /*  border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom: 1px solid #3a4a54;  border-top: 1px solid #3a4a54; border-left: 1px solid #3a4a54;*/
.tabWhiteFirst {  background-color: #FFFFFF; vertical-align:middle;  padding: 2px; font-size:11px; } /*  border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom: 1px solid #3a4a54;  border-top: 1px solid #3a4a54; border-left: 1px solid #3a4a54;  */

.tabBlueLast { background-color: #c3e7ff;   vertical-align:middle;  padding: 2px; font-size:11px;} /* border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom: 1px solid #3a4a54;  border-top: 1px solid #3a4a54; border-right: 1px solid #3a4a54; */
.tabWhiteLast {  background-color: #FFFFFF;  vertical-align:middle;  padding: 2px; font-size:11px;} /* border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom: 1px solid #3a4a54;  border-top: 1px solid #3a4a54; border-right: 1px solid #3a4a54; */


.tabBlueSeen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; background-color: #506675;}
.tabWhiteSeen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; background-color: #506675;}

.tabBluelinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #3a4a54; background-color: #ffffff; text-align: right;}
.tabBlueRechts { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #ffffff; text-align: left;}

.tabWhitelinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #3a4a54; background-color: #ffffff; text-align: right;}
.tabWhiteRechts { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3a4a54; background-color: #ffffff; text-align: left;}

.tabEditlinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;  color: #3a4a54; background-color: #ffffff; text-align: right;  margin-left: 40px; }
.tabEditRechts { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #ffffff; text-align: left;}

.tabUeberView { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; font-style:italic; background-color:#000000;}
.tabFieldView { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-align: left; background-color:#E3E3E3;}

.tabReiter { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; background-color: #506675; cursor:pointer;}
.tabReiterAktiv { font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold; font-style:italic; font-size: 13px; color: #ffffff; background-color: #506675; cursor:pointer;}

.myBlueBackground {background-color: #e1f3ff; margin: 0; padding: 5px; width: 50%; font-size: 0.8em; margin-bottom:20px; float:left;}
.myFehler {color: #c00; font-size: 0.8em; font-weight: bold;}
.myLegend { border: 0 none; color: #3a4a54; font-weight: bold; margin: 0; padding: 0 0 10px;}

.mySucheAds{ width:20%; min-width:300px; float:right;  height:605px;}