/*********** Gesamt *************/

body { color: black; background-color: white; padding: 0px; }

p, a, h1, h2, li, td, p a, div a, input
{ font-family: Verdana; font-size: 11px; /* text-align: justify;*/ color: #333333; text-decoration: none; letter-spacing: 1px; }


input
{
color: black;
height: 13px;
}

input#loginbutton
{
height: 20px;
}

p a:hover
{
color: #888888;
}

p, a, li { line-height: 17px; }

h1
{
font-family: Verdana;
font-size: 22px;
}

h2
{
font-family: Verdana;
font-size: 14px;
font-style: italic;
}

p#topinfo
{
text-align: center;
margin: 0px;
padding: 0px;
padding-bottom: 2px;
font-size: 9px;
}

p#topinfo a
{
margin: 0px;
padding: 0px;
font-size: 9px;
}

div#hintergrund
{ margin: 0; width: 900px; background-color: #dde8c4; padding-bottom: 50px; border: solid 1px #004f82; background-image: url(../bilder/logoo.jpg); background-repeat: no-repeat; background-position: 160px 10px; }

/*********** Kopf *************/

div#kopf
{
margin: 0;
padding: 0;
height: 62px;
}

/*********** Navigation *************/

div#navigation
{
margin: 0;
width: 100%;
height: 24px;
background-color: #006fb7;
border-top: 1px dashed #9aa289;
border-bottom: 1px dashed #9aa289;
}

div#navigation a
{
line-height: 16px; 
float: right;
padding: 4px;
color: white;
width: 143px;
font-weight: bold;
text-decoration: none;
text-align: center;
}


div.submenu
{
width: 100%;
height: 22px;
vertical-align: middle;
}


div.submenu a
{
margin-left: 20px;
line-height: 22px;
color: white;
font-size: 11px; 
font-weight: bold; 
text-decoration: none;
}

*:first-child+html div.submenu a
{
line-height: 18px;
}


div#projektemenu
{ background-color: #006fb7; position: absolute; top: 115px; left: 655px; width: 226px; height: 22px; z-index: 22; margin: 5px 5px 5px 6px; padding: 0; border-top: 1px solid #006fb7; border-left: 1px dashed #9aa289; border-bottom: 1px dashed #9aa289; border-right-style: none; border-right-width: 0; opacity: 0.9; filter: alpha(opacity=90); }

html:first-child div#projektemenu
{ 
opacity: 1.0;
filter: alpha(opacity=100);
}

*:first-child+html div#projektemenu
{
top: 115px;
left: 655px;
}

* html div#projektemenu
{
top: 115px;
left: 655px;
}

div#referenzenmenu
{ background-color: #006fb7; position: absolute; top: 115px; left: 512px; width: 180px; height: 44px; z-index: 22; margin: 5px 5px 5px 6px; padding: 0; border-color: #006fb7 #9aa289 #9aa289; border-style: solid dashed dashed; border-width: 1px; opacity: 0.9; filter: alpha(opacity=90); }

html:first-child div#referenzenmenu
{ 
opacity: 1.0;
filter: alpha(opacity=100);
}

*:first-child+html div#referenzenmenu
{
top: 115px;
left: 512px;
}

* html div#referenzenmenu
{
top: 115px;
left: 512px;
}

div#produktemenu
{ background-color: #006fb7; position: absolute; top: 115px; left: 369px; width: 215px; height: 88px; z-index: 22; margin: 5px 5px 5px 6px; padding: 0; border-color: #006fb7 #9aa289 #9aa289; border-style: solid dashed dashed; border-width: 1px; opacity: 0.9; filter: alpha(opacity=90); }

html:first-child div#produktemenu
{ 
opacity: 1.0;
filter: alpha(opacity=100);
}

*:first-child+html div#produktemenu
{
top:115px;
left: 369px;
}

* html div#produktemenu
{
top: 115px;
left: 369px;
}

div#uebermenu
{ background-color: #006fb7; position: absolute; top: 115px; left: 226px; width: 210px; height: 110px; z-index: 22; margin: 5px 5px 5px 6px; padding: 0; border-color: #006fb7 #9aa289 #9aa289; border-style: solid dashed dashed; border-width: 1px; opacity: 0.9; filter: alpha(opacity=90); }

html:first-child div#uebermenu
{ 
opacity: 1.0;
filter: alpha(opacity=100);
}

*:first-child+html div#uebermenu
{
top: 115px;
left: 226px;
}

* html div#uebermenu
{
top: 115px;
left: 226px;
}

/*********** Mitte *************/

table#format
{
border: 0px;
margin-top: 15px;
width: 100%;
}

td#l_navigation
{
width: 160px;
padding: 0px;
padding-left: 15px;
}

td#l_navigation div.generell
{ width: 160px; background-color: #006fb7; margin-bottom: 20px; border: dashed 1px #9aa289; padding: 10px 10px 20px}
 
td#l_navigation div#strich
{ width:100px; padding: 0; height: 1px; margin: 0 30px 0; border-top: 1px solid white; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; }

td#l_navigation div#login
{ width: 160px; background-color: #006fb7; margin-bottom: 20px; padding: 10px; border: dashed 1px #9aa289; }

td#l_navigation div#login table
{ margin-left: -5px;}

td#l_navigation div#login p
{ color: white; margin: 10px 0; padding: 0; margin: 0 0 5px; line-height: 11px;}

td#l_navigation div#login a
{ color: white; font-size: 9px;}

p.box
{
text-align: center;
color: white;
margin: 10px 0;
padding: 0;
line-height: 11px;
}

p.box a
{
color: white;
}

p.box a:hover
{
color: #888888;
}

a.benutzerlink
{
color: white;
margin-left: 20%;
margin-right: 20%;
}

td#r_bildcontainer
{
width: 160px;
padding: 0px;
padding-right: 15px;
}

td#r_bildcontainer div
{ width: 100%; height: 200px; background-color: #006fb7; margin: 0; padding-top: 10px; padding-bottom: 20px; border: dashed 1px #9aa289; }

td#inhalt div
{ margin-right: 15px; margin-left: 15px; background-color: #ffffff; padding-right: 10px; padding-left: 10px; border: solid 1px #004f82; }

td#inhalt div iframe
{
height: 100%;
width: 100%;
}

li
{
list-style-image:url(../bilder/listimg.gif);
}

table#iframe
{
border: 1px solid #333333;
border-spacing: 0px;

}

table#iframe td
{
padding: 6px;
margin: 0px;
border: 0px;
}


/*********** Fuß *************/

div#fuss
{
margin-left: 0px;
margin-right: 0px;
margin-top: 40px;
width: 100%;
height: 19px;
background-color: #006fb7;
border-top: 1px dashed #9aa289;
border-bottom: 1px dashed #9aa289;
}


div#fuss p, div#fuss a
{
text-align: center;
margin-top: 3px;
color: white;
}

div#fuss a:hover
{
color: #888888;
}