/*Styleangaben*/

body {
  margin: 0px;
}

h1 {font-size:18px;color:#000000;margin-bottom:0px;}
h2 {font-size:16px;color:#000000;}
h3 {font-family:Arial,Verdana; font-size:14px; color:#000000;}

a {color:#505050; font-weight:bold; text-decoration:none;}
a:hover {color:blue; text-decoration:none;}
p {line-height:1.5em; margin:0 0 15px; font-size:1.0em;}

#box
{
  margin: 0 auto;
}

#header {
  height: 100px;  margin: 0px;
  background-image:url(img/titelblue2_100.jpg);
  background-repeat:repeat-x;*/
  text-align:center;
 /* border: 1px solid green;*/   /* for test only */
}

/* Header section big*/
#titleblock {
  height:90px;
  margin:5px 200px 10px; /* oben, rechts und links, unten.*/
  color:yellow;
  text-align:center;
 /* border: 1px solid white;*/  /* for test only */
}
#logo_left{
  position: absolute;
  left: 12px;
  top: 10px;
  z-index: 1;
}
#logo_right{
  position: absolute;
  right:12px;
  top:10px;
  z-index=1;
}
#tit1 {color:yellow; font-family:Arial,Verdana; font-size:24pt;
       font-weight:bold;
       margin-bottom:0px;
       padding-top:10px; text-align:center }
#tit1_small {color:yellow; font-family:Arial,Verdana; font-size:12pt; font-weight:bold;
            margin-bottom:0; padding-top:3px;}
#tit2 {color:yellow; font-family:Arial,Verdana; font-size:11pt; font-weight:bold;}

/* Horizontal menu */
#mainmenu{background-image:url(img/men_gray22.jpg); height:22px;
          background-repeat:repeat-x;
          width:100%; margin:0px;font-size:16px; font-weight:bold;
          font-family: Arial,Tahoma;
          }
#mainmenu ul { margin:0; padding:0;}
#mainmenu li {float:left; height:22px; list-style:none; margin:0; padding:0;}
#mainmenu a {border-right:1px solid #b0b0b0; color:#202020; display:block;
             font-size:0.7em; font-weight:bold; padding:2px 10px 2px;
             text-decoration: none}
#mainmenu a:hover {border-color: white; border-left-color: black; border-top-color: black; color: white;
                   background-color: #007FFF;}
#mainmenu a:current {border-color: white; border-left-color: black; border-top-color: black; color: white;
                     background-color: #007FFF;}

#content {
  height: 460px;
  background-image:url(img/contgray.jpg);
  background-repeat:repeat-x;
 /* border: 2px solid blue;*/    /* for test only */
}

#leftside {
  width: 20%;
  height: 400px;
  float: left;
  text-align:left;
  margin-left:1%;
  margin-top:1%;
  padding:10px 10px 10px;
  background-color:#D7FAFF;
  -moz-border-radius: 1em;
  border: 1px solid black;
}

#leftside h1 {color:#505050; font-size:1.6em; font-weight:bold; letter-spacing:-1px; margin:0 0 12px;}
#leftside h2 {font-size:1.1em; margin:0 0 20px;}
#leftside p  {
  font-family:Arial,Verdana;
  font-size:0.73em;
  line-height:1.4em;
  margin:0 0 16px 7px;
}

#contentarea {
  height: 400px; ;
  width: 70%;
  background-color: white;
  font-family:Arial,Verdana;
 /* overflow: auto;*/
  float: right;     /*  float: right;*/
  margin:1% 20px 0px 1%; ; /* oben, rechts, unten ,links */
  padding:10px 10px 10px; /* oben, rechts und links, unten */
  -moz-border-radius: 1em;
  border-width: 2px;
  border-style: solid;
  border-color: black;
}

#rightside {
  float:right;
  width:71%;
  text-align:center;   /* nötig, damit margin auto in IE funktioniert
                       siehe: http://bluerobot.com/web/css/center1.html*/
  height:410px;
  margin-right:1%;
  margin-top:1%;
  background-color:white;
  -moz-border-radius: 1em;
  border: 1px solid black;
}

.ref-blue {
  background-color:#CCCCCC; font-family:"Arial"; font-size:1.5em; color:black;
}
.ref-blue:hover {
  background-color:#0055FF; color:white; padding:1px 4px 1px 4px;
}
#footer_test{
  height: 30px;
  background-color: #0000ff;
  border: 2px solid black;
}
#footer {
  bottom: 0px;
  height: 30px;
  width:100%;
  background-image:url(img/footerblue32.jpg); background-repeat:repeat-x;
  padding-top:5px;
  margin-top:-20px;
  color:yellow;
  text-align:center;
 /* border: 1px solid red;*/   /* for test only */
}
#logoself {
  margin-left: 30px;
}
#logow3c {
  margin-right: 30px;
}