/* CSS by www.th3design.de Nikolai Selders */
/*                   all rights reserved                       */
/*                   Hier sind alle Seitenelemente enthalten, die 
		  sich nicht explizit auf den Inhalt beschränken                     */

/* basics */

html, body {
background-color:#ffffff;
}

* {
margin:0;
padding:0;
font-family: Verdana, sans-serif;
font-size: 100.01%;
color:#333333;
list-style:none;
border:0;
}



#logo {
position: relative;
left: 680px;
top: 5px;
z-index:101;
}


#container{
position:relative;
width:920px;
left:0;
top:0px;
height:97%;
padding-left:10px;
margin: 0 auto;  /* Zentrierung */
background-image: url(../layout/bg.gif);
background-repeat: repeat-y;
}

.spacer {/* hier wird der abstand der seite vom oberen browserrand geregelt*/
height:20px;
}


/*  +++++++++++++++ Navioben ++++++++++++++++++  */

#navioben{
position:relative;
height:40px;
background: transparent url('../layout/navtop.jpg') no-repeat;
margin:-27px 0 0 0;
}

#navioben ul {
position:absolute;
top:11px;
left:30px;
}

#navioben ul li {
list-style-image:none;
display:inline;
margin:0 4px 0 4px;
}

#navioben ul li a {
text-decoration:none;
color:#ffffff;

}

#navioben ul li a:hover {
text-decoration:underline;
}

#navioben ul li input {
width:130px;
}

.drop {
background: url('../layout/pfeil.gif') 0px 1px;
background-repeat: no-repeat;
padding-left:10px;
}

#dropbox1 {
z-index:300;
position:absolute;
left:20px;
top:0px;
width:145px;
height:120px;
background:transparent url('../layout/bg-drop.gif') no-repeat;
z-index:150;
padding:5px 0px 5px 0px;
font-size:14px;
visibility:hidden;
}

#dropbox1 a {
margin-left:1px;
padding-left:22px;
display:block;
height:22px;
width:121px;
color:#fff;
text-decoration:none;
}

#dropbox1 a:hover {
padding-left:22px;
display:block;
height:22px;
width:121px;
color:#fff;
background-color:#b3b3b3;
text-decoration:none;
}

/*  ende navi oben*/



/* ++++++++++++++ Karte ++++++++++++++++  */

#karte{
position:relative;
width:900px;
height:177px;
/*background-color:#b5b5b5;*/
background-color:#d8d8d8;
}

.laender {
position:absolute;
left:0;
top:0;
z-index:101;
visibility:hidden;
border:0;
}

.laenderhot {
position:absolute;
left:0;
top:0;
z-index:101;
visibility:visible;
border:0;
}

#laenderauswahl {
position:absolute;
left:340px;
top:40px;
}

#laenderauswahl a {
color:#005bc9;
display: inline-block;
width:130px;
text-decoration:none;
font-weight:bold;
letter-spacing:1px;
line-height:2em;
font-size:13px;
/*margin: 0 5px 5px 0;*/
border:0px dashed #999999;
}

#laenderauswahl a:hover {
color:#ffffff;
}

#la {
position:absolute;
left:360px;
top:90px;
width:155px;
background-image: url('../layout/btn_la.jpg');
}

#la a {
position:relative;
left:30px;
color:#848484;

}

/* ++++++++++++++ Brotkrumen ++++++++++++++++  */

#brotkrumen {
margin:5px 0 0 263px;
position:relative;
width:600px;
border:0px solid #000;
font-size:0.8em;
color:#909090;
}

#brotkrumen a {
color:#005bc9;
text-decoration:none;
}

#brotkrumen a:hover {
color:#005bc9;
text-decoration:underline;
}


/* +++++++++++++++ Inhalt +++++++++++++++++  */

#inhalt {
margin-left:233px;
position:relative;
width:630px;
border:0px solid #000;
}

#helper{ /* das teil sorgt für die Mindesthöhe im inhaltsbereich*/
float:right;
width:1px;
height:500px;
margin:0;
}


/*  ++++++++++++++++++ sidebar ++++++++++++++++++  */

#sidebar{
position:relative;
width:213px;
background: transparent url('../layout/sidebar-bg.jpg') no-repeat ;
float:left;
left:20px;
height:370px;
border: 0px solid #000;
}

#sidebar ul  {
margin: 35px 0 0 0px;
}

#sidebar ul li {
margin:2px 0 2px 0;
text-align:center;
}

#sidebar ul li a {
display:block;
height:23px;
padding: 3px 0 0 22px;
background-color: inherit;
text-align:left;
text-decoration:none;
width:191px;
font-size:14px;
color:#525252;
}

#sidebar ul li a:hover {
color:#005bc9;
/*background-color: #85b0e3;*/
}


/*  ++++++++++++++++++ footer +++++++++++++++++ */

#footer {
clear:both;
position:relative;
width:920px;
height:60px;
bottom:0;
margin: 0 0 0 -10px;
padding:0 0 0 10px;
background-image: url('../layout/bg-foot.gif');
background-repeat: no-repeat;
}

#footer p {
border-top:1px dashed #999999;
width:834px;
text-align:right;
font-size:10px;
padding:5px 0 0 0;
margin: 10px 0 10px 30px;
}

#footer a {
text-decoration:none;
margin:0 5px 0 5px;
}

#footer a:hover {
text-decoration:underline;
color:#0052c6;
}