/*
  This stylesheet uses relative values for sizes in almost all cases.
  This means the screen can be resized, and all elements will resize as well
  not only fonts and texts.
*/



/*
  Start with some global parameters
*/
html{
  font-family: arial, helvetica, sans-serif;
}

body{
  font-size: 100.1%;
  background-color: #fff;
  font-family: arial, helvetica, sans-serif;
  margin: 1em 0em 1em 1em;
  padding: 0em;
}

#containerLogo { position:absolute; top:0px; left:13px; margin:0; padding:0; width:90%; background-color:#fff; }

#metanavigation { padding:0; margin:15px 0 0 0px; }
#metanavigation ul { padding:0; margin:0; }
#metanavigation ul li { padding:0; margin:0 15px 0 0; display:inline; }
#metanavigation ul li a { font-size:0.7em; color:#333366; font-weight:bold; text-decoration:none; }

#text { display: none; }
#logo { padding:0; margin:10px 0 0 0px; }

#navipfad { display: none; }
#navipfad p { color:#000000; font-size:0.7em; }
#navipfad p a { color:#333366; text-decoration:none; }

img.textgroesse { margin:0 0 0 60px; }
img.kontaktIcon { margin:0 0 0 30px; }
img.logo { margin:0 0 0 260px; }
img.startteaser { display:none; }
img.topBanner { padding:0; margin:0 0 10px 0; }
img.contentVisual { padding:0; margin:10px 35px 10px 0; }

#containerContentFollow { position:absolute; top:180px; left:0px; width:100%; }

#contentFollowLeft { width:100%; padding:0; margin:0; background-color:#fff; border-top:solid 1px #333366; }

#contentFollowLeft ul { margin:0px; padding:0; width:100%; list-style-type:none; font-weight:normal; }
#contentFollowLeft ul li { line-height:1.5em; margin:0; padding:0; border-bottom:solid 1px #333366; }
#contentFollowLeft ul li#level1Active { background-color:#e5eef6; }
#contentFollowLeft ul li a { color:#000000; width:100%; margin-left:13px; font-size:1.0em; text-decoration:none; }
#contentFollowLeft ul li a:visited { color:#000000; }
#contentFollowLeft ul li a:hover { color:#000000; }
#contentFollowLeft ul li ul { margin:0; padding:0; border-top:solid 0px #333366; }
#contentFollowLeft ul li ul li { line-height:1.7em; background-color:#e3e2e4; padding:0 0 0 20px; border-top:solid 1px #333366; border-bottom:solid 1px #e3e2e4; font-size:0.8em; }
#contentFollowLeft ul li ul li#level2Active { background-color:#f0f0f0; font-weight:normal; }
#contentFollowLeft ul li ul li a { color:#000000; font-size:1.1em; text-decoration:none; }

#contentFollowRight { width:90%; padding:0; margin:20px 0 0 13px; }

#contentFollowRight ul { width:90%; margin:0; padding:0 0 0 20px; }
#contentFollowRight ul li { margin:0 0 0.6em 0; list-style-type:none; }
#contentFollowRight ul li a { color:#333366; text-decoration:underline; }
#contentFollowRight ul li a:hover, a:focus { color:#cc9900; text-decoration:underline; }

#contentFollowRight p { padding:0; margin:0 0 10px 0; font-size:1.0em; font-weight:normal; color:#000000; }
#contentFollowRight p a { color:#333366; text-decoration:underline; }
#contentFollowRight p a:hover, a:focus { color:#cc9900; text-decoration:underline; }

#contentFollowRight h1 { margin:0 0 10px 0; padding:0; font-size:1.0em; font-weight:bold; color:#333366; }
#contentFollowRight h1 a { color:#333366; text-decoration:underline; }
#contentFollowRight h1 a:hover, a:focus { color:#cc9900; text-decoration:underline; }

#contentFollowRight h2 { margin:0 0 10px 0; padding:0; font-size:1.0em; font-weight:bold; color:#666666; }
#contentFollowRight h3 { margin:10px 0 5px 0; padding:0; font-size:1.0em; font-weight:bold; color:#666666; }

#contentFollowRand { display: none; }
#contentFollowRand ul { width:177px; padding:0; margin:0; }
#contentFollowRand ul li { height:18px; padding:0 0 0 25px; margin:0; font-size:12px; list-style-type:none; }
#contentFollowRand ul li a { color:#000000; }
#contentFollowRand ul li a.aktiv { color:#333366; font-weight:bold; }

#loginFollow { display: none; }
#loginFollow a { font-size:0.8em; line-height:1.5em; color:#000000; font-weight:bold; }

#bannerBlau { display: none; }
#bannerRot { display: none; }
#bannerGruen { display: none; }

.image { display:none; }
.headBanner { padding:0 ; margin:0; font-size:1.0em; line-height:1.8em; color:#333366; font-weight:bold; }
.textBanner { margin:0; padding:0; font-size:0.8em; font-weight:normal; }

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

#submitbutton { display: none; }
#searchForm { width: 80%;
  margin:5px 0 0 0;
  padding: 0;
}

/*
  Here starts the part with the forms, this will later be in another file
  contains all needed styles for the used forms
*/


form{
  margin: 0;
  padding: 0;
}

fieldset{
  margin: 0;
  padding: 0;
  border: 0;
}

/*
  search form
*/
.searchForm{
  font-size:0.8em;
  margin: 0;
  padding:3px;
}

.searchForm#texte{
  width: 164px;
}

.searchForm#submitbutton{
  margin: auto;
  padding: 0;
}

.contentBox {  /* these contain all the later content */
  width:95%;
  margin:0 ! important;
  padding:0 ! important;
  color: #000000;
  font-size: 0.8em;
}


/*  contact form  */
.contactInput, .contactTextarea{
  padding: 0;
  margin: 5px 0 10px 0;
  width: 100%;
}

.contactTextarea{
  height: 8em;
}

.formError{
  color: red;
  border-color: red;
}

.newLine{
  display: block;
  clear: both ! important;
}

/* Abkuerzungen und Akronyme */
abbr, acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
  font-variant: normal;
  font-style: normal;
  text-transform: none;
}

/*Hier die Styles der Startseite*/

#containerContent { display:none; }
#contentLeft { position:absolute; top:150px; left:13px; width:90%; padding:0; margin:0; }

#contentLeft ul#teaser { width:90%; margin:0; padding:0; background-color:#fff; }
#contentLeft ul#teaser li { margin:0; padding:0; list-style-type:none; font-size:14px; color:#627bb2; }
#contentLeft ul#teaser li a { margin-left:60%; color:#627bb2; font-weight:bold; text-decoration:none; }


#eingang { display:none; }
#eingang a { color:#ffffff; font-weight:bold; }

#contentRight { position:absolute; top:230px; left:0px; width:100%; padding:0; margin:0; }

#login { display:none; }
#login a { color:#ffffff; font-weight:bold; }

#contentNews { width:90%; margin:0 0 0 13px; padding:0; background-color:#ffffff; }
#contentNews ul { margin:0; padding:0; }
#contentNews ul li { margin:0 0 12px 0; padding:0; list-style-type:none; font-size:1.0em; color:#333366; }
#contentNews ul li a { color:#333366; font-weight:bold; text-decoration:none; }

#quickEntries { width:100%; margin:0; padding:0; background-color:#dbdcde; }
#quickEntries ul { width:90%; margin:0 0 0 013px; padding:0; background-color:#dbdcde; }
#quickEntries ul li { margin:7px 0 7px 0; padding:0; list-style-type:none; }
#quickEntries ul li a { color:#333366; font-size:14px; font-weight:bold; text-decoration:none; }