/* basic styles */
html {
	margin: 0px;
	padding: 0px;
}
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
        line-height: 1.7;
	color: #1F347B;
	text-align: center;
	background-color: #CFC8C8;
	background-image:  url("../img/background.jpg");
	background-repeat:repeat-x;
	margin-top: 40px;
	margin-bottom: 10px;
}

h1 {
	font-size: 15px;
	font-weight: bold;
	color: #1F347B;
        margin-top: 0px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #1F347B;
}
h3 {
	font-size: 12px;
	font-weight: bold;
}
h4 {
	margin: 0px;
	font-size: 11px;
}
p {
	line-height: 1.7;
}

a {
	color: #1F347B;
}
a:hover {
	color: #999;
}

td#logo p.start {
	line-height: 1;
}

td#text p.start {
	line-height: 1.2;
}

td#text p {
	line-height: 1.7;
}

td#text p a, td#text a {
	color: #1F347B;
}
td#text p a:hover, td#text a:hover {
	color: #999;
}

div.linie {
	border-bottom: 1px solid #1F347B;
        height: 5px;
        width: 100%;
        padding-top: 5px;
        margin-bottom: 10px;
}
.picleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 1px;
	padding: 2px;
        border: 1px solid #1F347B;
}
.picright {
	float: right;
	margin-right: 10px;
	margin-bottom: 1px;
	padding: 2px;
        border: 1px solid #1F347B;
}
.picborder {
	margin-bottom: 1px;
	padding: 2px;
        border: 1px solid #1F347B;
}

dl.img {
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 5px;
        border: 1px solid #999;
	display: inline;
}
dl dt.img {
	border-bottom: 1px solid #999;
	margin: 0;
}
dl dd.img {
	font: 9px Verdana, sans-serif;
	text-align: center;
	margin: 0;
}

div.unfloater {
	clear: both;
}

.rightalign {
	text-align: right;
	margin-bottom: 20px;
	width: 530px;
}	

div.tothetop {
	width: 100%;
	text-align: right;
	font-size: 10px;
}
div.leftarea {
	width: 200px;
	text-align: left;
	float: left;
}
div.rightarea {
	width: 300px;
	text-align: left;
	float: left;
}

img.three {
	float: left;
	margin-right: 10px;
	margin-bottom: 1px;
	padding: 2px;
        border: 1px solid #1F347B;
}
img.last {
	float: left;
	margin-right: 0px;
	margin-bottom: 1px;
	padding: 2px;
        border: 1px solid #1F347B;
}

.noScreen{  /* This class is not shown on screen */
       display: none;
}

.editmode {
       color: #FFF;
       background-color: #CC0000;
}

.tabstyles {
       font: 11px Verdana, Arial, Helvetica, sans-serif;
       vertical-align: top;
}
.tabstyles td {
       font: 11px Verdana, Arial, Helvetica, sans-serif;
       vertical-align: top;
}


/* Form Styles */

table#formtab tr td.lab p.titel {
        font-weight: bold;
}
td.buttonarea {
	padding-top: 10px;
        vertical-align: bottom;
}
table#formtab {
        width: 420px;
        background-color: #FEEF62;
        border: 1px solid #1F347B;
        font-size: 11px;
}
table#formtab td.inp select option {
        font-size: 11px;
}




/* navigation level 1 */
#navContainer ul{
  margin: 0em;
  padding: 0em;
  list-style-type: none;
}

#navContainer ul li {
  background-color: #FFFFFF;
  border-bottom: 0.1em solid #fff;
  color: #1F347B;
}

#navContainer ul li#li_nav1_open{  /* special layout for open links */
  background-color: #FFFFFF;
}


#navContainer ul li a{
  display: block;
  background-repeat: no-repeat;
  height: 1.9em;
  padding-left: 1.7em;
  line-height: 1.9em;
  color: #1F347B;
  text-decoration: none;
  font-size: 11px;
  font-variant:small-caps;
  font-weight: bold;
  background-image: url("../img/nav.gif");
}


#navContainer ul li a:hover, #navContainer ul li a:focus{
  background-image: url("../img/nav-on.gif");
  color: #999;
}

#navContainer ul li a#a_nav1_open, #navContainer ul li a:hover#a_nav1_open{
  font-weight: bold;
  background-image: url("../img/nav-on.gif");
  color: #999;
}

/* Design for submenu */
#navContainer li li{
  line-height: 1.1em;
  color: #1F347B;
}

#navContainer ul ul a{
  display: block;
  background-repeat: no-repeat;
  height: 1.6em;
  padding: 0em;
  padding-left: 2.8em;
  padding-top: 0.21em;
  color: #1F347B;
  font-size: 11px;
  font-variant:small-caps
  text-decoration: none;
  background-image: url("../img/nav2.gif");
}

#navContainer ul ul a:hover, #navContainer ul ul a:focus, #navContainer ul ul a#a_nav2_open{
  background-image: url("../img/nav2-on.gif");
  color: #999;
}

td#logo p {
        padding: 95px 30px 0px 0px;
        text-align: right;
}

/* layout */
div#wrapper {
	text-align: center;
	padding: 0px;
}
div#content {
	margin: 0px auto;
	width: 801px;
	height: auto;
	text-align: left;
	background-color: #ffffff;
}
table#kopfwrapper{
	width: 801px;
}
td#logo {
	vertical-align: top;
	text-align:left;
        background-image:  url("../img/head2.jpg");
	background-repeat: none;
        height: 134px;
}
div#topmenu {
	padding: 2px 0px 2px 0px;
	width: 801px;
	text-align: right;
}
table#textwrapp {
	width: 801px;
	min-height: 300px;
	height: auto;
	margin: 0px;
}
td#submenu {
	padding-left: 10px;
        padding-bottom: 25px;
	vertical-align: top;
	width: 208px;
}
td#text {
	padding-bottom: 25px;
	vertical-align: top;
        width: 553px; 
}
td.shadow {
	width: 30px;
        background-image:  url("../img/shadow.jpg");
	background-repeat: repeat-y;
}
tr#foot {
	height: 20px;
	background-color: #999;
}
div#picarea {
	padding-top: 0px;
}
div.pictextarea {
	padding-top: 0px;
	width: 140px;
        margin-right: 18px;
        float: left;
}
div.picteamarea {
	padding-top: 0px;
	width: 140px;
        margin-right: 18px;
        float: left;
}
