/* Guillotine-Bug */
#guihack
{
clear: both;
visibility: hidden;
}

/* 3-Pixel-Bug bei floatenden Spalten
   vor IE Mac verstecken */

* html div#content
{
    height: 1em;
}
/* Verstecken Ende */

/*  Cursorform für Formularbuttons  */

@media screen
{
	.button
	{
	cursor: pointer;
	}
}

/*
#####################################################
##  Standard-Markup-Formatierungen                 ##
#####################################################
*/

*
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
}





/*
#####################################################
##  Layout                                         ##
#####################################################
*/

html
{
width:100%;
background-image: url("../../media/layout/background1.png");
background-position: left top;
}

body
{
width:100%;
background-image: url("../../media/layout/background2.png");
background-repeat: repeat-x;
background-position: left top;
}

h1,h2,h3,h4,h5,h6
{
font-size:80%;
font-weight:bold;
line-height:180%;
color:#656565;
padding-bottom:0px;
padding-top:10px;
padding-left:0px;
padding-right:0px;
}

p
{
font-size:80%;
line-height:180%;
color:#656565;
padding-bottom:0px;
padding-top:10px;
padding-left:0px;
padding-right:0px;
}

a
{
color:#656565;
text-decoration:none;
}

a:hover
{
color:#006565;
}

#wrapper1
{
width: 1000px;
height: 480px;
margin: 0px auto 0px auto;
background-color: white;
border-left: 1px solid #454545;
border-right: 1px solid #454545;
background-image: url("../../media/layout/bild1.png");
background-position: 0px 80px;
background-repeat: no-repeat;
}

#logo
{
float: left;
width: 199px;
height: 79px;
background-image: url("../../media/layout/logo.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-right: 1px solid #454545;
border-bottom: 1px solid #454545;
}

#logo h1
{
display: none;
}

#menuelogo
{
float: left;
width: 199px;
height: 79px;
background-image: url("../../media/layout/logo.png");
background-position: 0px 0px;
background-repeat: no-repeat;
font-size:80%;
line-height:180%;
color:#ffffff;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

#menuelogo h1
{
display: none;
}

#menuelogo a
{
font-size:0px;
color: #ffffff;
}

#menuelogo a:hover
{
font-size:0px;
color: #353535;
}


#menue1
{
float: left;
width: 119px;
height: 79px;
background-image: url("../../media/layout/navigation.png");
background-position: 0px 0px;
background-repeat: no-repeat;
font-size:80%;
line-height:180%;
color:#656565;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

#menue2
{
float: left;
width: 119px;
height: 79px;
background-image: url("../../media/layout/navigation.png");
background-position: 0px 0px;
background-repeat: no-repeat;
font-size:80%;
line-height:180%;
color:#656565;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

#menue3
{
float: left;
width: 119px;
height: 79px;
background-image: url("../../media/layout/navigation.png");
background-position: 0px 0px;
background-repeat: no-repeat;
font-size:80%;
line-height:180%;
color:#656565;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

#menue4
{
float: left;
width: 119px;
height: 79px;
background-image: url("../../media/layout/navigation.png");
background-position: 0px 0px;
background-repeat: no-repeat;
font-size:80%;
line-height:180%;
color:#656565;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

#menue5
{
float: left;
width: 119px;
height: 79px;
background-image: url("../../media/layout/navigation.png");
background-position: 0px 0px;
background-repeat: no-repeat;
font-size:80%;
line-height:180%;
color:#656565;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

#contact
{
float: left;
width: 206px;
height: 79px;
font-size:80%;
line-height:180%;
color:#ffffff;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border-bottom: 1px solid #454545;
}

#wrapper2
{
clear: left;
width: 1000px;
margin: 0px auto 30px auto;
background-color: white;
border-left: 1px solid #454545;
border-right: 1px solid #454545;
border-bottom: 1px solid #454545;
border-top: 1px solid #454545;
}

#relcontent
{
float: left;
width: 199px;
background-color: white;
}

#infodarktop
{
color:#ababab;
width: 159px;
min-height: 79px;
background-color:#353535;
padding-top:5px;
padding-left:30px;
padding-right:10px;
padding-bottom:5px;
background-image: url("../../media/layout/infodarktop.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#infodarktop p
{
color: #ababab;
}

#infodark
{
width: 159px;
height: 10px;
background-color: white;
padding-top:0px;
padding-left:30px;
padding-right:10px;
padding-bottom:0px;
background-image: url("../../media/layout/infodark.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#infoleft
{
width: 159px;
background-color: white;
padding-top:10px;
padding-left:30px;
padding-right:10px;
padding-bottom:10px;
}

#relcontent2
{
float: right;
width: 159px;
background-color: white;
padding-top:10px;
padding-left:30px;
padding-right:10px;
padding-bottom:10px;
}

#content
{
width: 740px;
min-height: 260px;
background-color: white;
border-left: 1px solid #454545;
margin-left: 199px;
margin-right: 0px;
padding-top:10px;
padding-left:30px;
padding-right:30px;
padding-bottom:30px;
}

/* style the outer div to give it width */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* style the outer div to give it width */
.menu 
{
width:108px; 
font-size:80%;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul 
{
width:108px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li 
{
float:left;
width:108px;
position:relative;
}


/* style the links for the top level */
.menu a, .menu a:visited 
{
display:block;
text-decoration:none; 
color:#ABABAB;
width:108px; 
height:24px; 
border-width:1px 1px 0 0;
padding-top:55px; 
padding-left:10px; 
line-height:180%;
border-right: 1px solid #454545;
border-bottom: 1px solid #454545;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
{
visibility:hidden;
position:absolute;
height:0;
top:80px;
left:0; 
width:108px;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
{
height:auto; 
line-height:180%;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:4px;
width:98px
}

/* style the top level hover */
.menu a:hover
{
color: #ABABAB; 
}
.menu :hover > a
{
color: #ABABAB;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul
{
visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul
{
visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul
{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul
{ 
visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul 
{ 
visibility:visible;
}

/* color red */
.red ul ul a, .red ul ul a:visited 
{
background:#FF2E31;
color: #FFFFFF;
border-right: 1px solid #F00004;
border-bottom: 1px solid #F00004; 
}

.red ul ul :hover > a 
{
background:#FF7578;
color: #FFFFFF;
}

.red a:hover
{
background-image: url("../../media/layout/navred.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #F00004;
}
.red :hover > a
{
background-image: url("../../media/layout/navred.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #F00004;
}

/* color green */
.green ul ul a, .green ul ul a:visited 
{
background:#86B904;
color: #FFFFFF;
border-right: 1px solid #7BAA03;
border-bottom: 1px solid #7BAA03; 
}

.green ul ul :hover > a 
{
background:#98D205;
color: #FFFFFF;
}

.green a:hover
{
background-image: url("../../media/layout/navgreen.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #7BAA03;
}
.green :hover > a
{
background-image: url("../../media/layout/navgreen.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #7BAA03;
}

/* color blue */
.blue ul ul a, .blue ul ul a:visited 
{
background:#5D7FEE;
color: #FFFFFF;
border-right: 1px solid #3962EA;
border-bottom: 1px solid #3962EA; 
}

.blue ul ul :hover > a 
{
background:#7E99F1;
color: #FFFFFF;
}

.blue a:hover
{
background-image: url("../../media/layout/navblue.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #3962EA;
}
.blue :hover > a
{
background-image: url("../../media/layout/navblue.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #3962EA;
}

/* color orange */
.orange ul ul a, .orange ul ul a:visited 
{
background:#FFB30F;
color: #FFFFFF;
border-right: 1px solid #EBA000;
border-bottom: 1px solid #EBA000; 
}

.orange ul ul :hover > a 
{
background:#FFD06B;
color: #FFFFFF;
}

.orange a:hover
{
background-image: url("../../media/layout/navorange.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #EBA000;
}
.orange :hover > a
{
background-image: url("../../media/layout/navorange.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #EBA000;
}

/* color mauve */
.mauve ul ul a, .mauve ul ul a:visited 
{
background:#D26CC6;
color: #FFFFFF;
border-right: 1px solid #CC57BE;
border-bottom: 1px solid #CC57BE; 
}

.mauve ul ul :hover > a 
{
background:#DE92D5;
color: #FFFFFF;
}

.mauve a:hover
{
background-image: url("../../media/layout/navmauve.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #CC57BE;
}
.mauve :hover > a
{
background-image: url("../../media/layout/navmauve.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #CC57BE;
}

/* color white */
.white ul ul a, .white ul ul a:visited 
{
background:#353535;
color:#ABABAB;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555; 
}

.white ul ul :hover > a 
{
background:#353535;
color:#ABABAB;
}

.white a:hover
{
background-image: url("../../media/layout/logonav.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #555555;
}
.white :hover > a
{
background-image: url("../../media/layout/logonav.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #555555;
}

/* color dark */
.dark ul ul a, .white ul ul a:visited 
{
background:#353535;
color:#ABABAB;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555; 
}

.dark ul ul :hover > a 
{
background:#353535;
color:#ffffff;
}

.dark a:hover
{
background-image: url("../../media/layout/navigation2.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #555555;
}
.dark :hover > a
{
background-image: url("../../media/layout/navigation2.png");
background-position: 0px 0px;
background-repeat: no-repeat;
border-bottom: 1px solid #555555;
}

/* style the outer div to give it width */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* style the outer div to give it width */
.menu1 
{
width:189px; 
font-size:80%;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu1 ul 
{
padding:0;
margin:0;
list-style-type:none;
}
.menu1 ul ul 
{
width:189px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu1 li 
{
float:left;
width:189px;
position:relative;
}


/* style the links for the top level */
.menu1 a, .menu1 a:visited 
{
display:block;
text-decoration:none; 
color:#ffffff;
width:189px; 
height:24px; 
border-width:1px 1px 0 0;
padding-top:55px; 
padding-left:10px; 
line-height:180%;
border-right: 1px solid #454545;
border-bottom: 1px solid #454545;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu1 a, * html .menu1 a:visited 
{
width:189px;
w\idth:168px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu1 ul ul 
{
visibility:hidden;
position:absolute;
height:0;
top:80px;
left:0; 
width:189px;
}

/* style the second level links */
.menu1 ul ul a, .menu1 ul ul a:visited 
{
height:auto; 
line-height:180%;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:4px;
width:179px
}

/* style the top level hover */
.menu1 a:hover
{
color: #ABABAB; 
}
.menu1 :hover > a
{
color: #ABABAB;
}

/* make the second level visible when hover on first level list OR link */
.menu1 ul li:hover ul,
.menu1 ul a:hover ul
{
visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
.menu1 ul :hover ul ul
{
visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu1 ul :hover ul :hover ul ul
{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu1 ul :hover ul :hover ul
{ 
visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu1 ul :hover ul :hover ul :hover ul 
{ 
visibility:visible;
}

/* Weiter Formatierungen */
#content li
{
font-size:70%;
line-height:120%;
color:#656565;
padding-bottom:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
margin-left:35px;
}