.load{background:url('Layout/loader.gif') no-repeat center;}


/*--------- LAYOUT ---------*/

body
{
position: relative;
z-index:0;
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.5em;
-webkit-text-size-adjust: none;
margin: 0;
padding: 0;
background-image: url(Layout/bg.jpg);
background-color: black;
}

#container {margin-left: 20px; }

#container2 {margin: 200px 0 0 20px; }

#header-loading
{
position: absolute;
z-index: 1;
height: 606px;
width: 100%;
background-image: url(Layout/bg_loading.jpg);
background-repeat: repeat-x;
background-position: left;
}

#loader
{
position:absolute;
z-index: 2;
top:300px;
left:300px;
background-image: url(Layout/loader.gif);
background-position: left;
background-repeat: no-repeat;
width: 220px;
height: 19px;
}

#header
{
position: relative;
z-index: 3;
height: 606px;
width: auto;
background-position: left;
background-repeat: no-repeat;
background-color: transparent;
}

#sprache{
position:absolute;
left: 580px;
top: 48px;
border: 1px dotted #666;
z-index: 10;
padding: 0 0 3px 0;
background-color: #121212;
}

#navi
{
position: relative;
background-image: url(Layout/navi.jpg);
margin: 0 0 20px 0;
padding: 0 0 0 40px;
height: 59px;
width: auto;
white-space:nowrap;
}

#glow
{
position: absolute;
z-index:2;
background-image: url(Layout/glow.png);
width: 800px;
height: 232px;
top: 606px;
}


#content
{
position:relative;
z-index: 5;
float: left;
padding: 0 30px 0 0;
margin-bottom:30px;
margin-left:30px;
width: 200px;
height: 550px;
border-right:1px dotted #666;
}

#break {clear: both;}

#indicator{position: absolute; z-index: 100; top:587px; background-image: url(layout/indicator.png); display: block; width: 24px; height: 19px;}


/*--------- FOOTER ---------*/

#footerwrap
{
position:relative;
z-index:9;
background-image: url(Layout/footer_bg.jpg);
background-repeat: repeat;
}

#footertrennung
{
position:inherit;
z-index:10;
background-image: url(Layout/footer2.png);
background-repeat: repeat-x;
width:100%;
height:19px;
}

.footer_kontakt
{
float: left;
margin: 30px 0 0 0;
padding: 0 0 0 50px;
width: 230px;
}

.footer_jetzt
{
float:left;
margin: 30px 0 0 0;
padding: 0 30px 0 30px;
width: 200px;
border-left: 2px dotted #333;
}

.footer_foto
{
float:left;
margin: 30px 0 0 0;
padding: 0 30px 0 30px;
width: 458px;
border-left: 2px dotted #333;
}


/*--------- LINK ---------*/

#logo
{
position: relative;
top:50px;
left: 50px;
z-index: 20;
background-image: url(Layout/logo.png);
background-repeat: no-repeat;
width: 180px;
height: 56px;
background-color: transparent;
}

#container_einzel
{
position: absolute;
z-index: 3;
top:130px;
left:20px;

}

#content_einzel
{
clear: both;
position:relative;
padding: 0 30px 0 0;
margin-bottom:30px;
width:460px;
}

.text 
{
float:left;
margin: 10px 0 50px 0;
padding: 0 30px 0 0;
}

a.back:hover, a.back:active {background-color: #ccc; color: black;}



/*--------- TEXT ---------*/


p {color: #bbb; margin:5px 0 0 0; line-height: 1.5em;}

#footerwrap p {margin-bottom: 20px;}

h1 {font-size: 1.4em; line-height: 2em; margin: 0; padding: 0; clear: both; color:#bbb;}

h2 {font-size:1em; font-style:italic; line-height:1.8em; margin:0; padding:0; color:#ccc; text-shadow: 1px 1px black;}
 


/*--------- NAVI ---------*/

ul {margin: 0; padding: 0; list-style-type: none; }

li {display: inline; }

a.hauptnavi, a.hauptnavi:visited
{
position:relative;
z-index: 3;
color: white;
text-shadow: 1px 1px black;
font-weight: bold;
font-size: 1.9em;
font-style: normal;
vertical-align:middle;
padding: 0 10px 0 10px;
border-right: 1px solid #666;
line-height: 62px;
}

a.hauptnavi:hover, a.hauptnavi:active {color: #cf0}

a.nebennavi
{
position:relative;
z-index: 4;
font-weight: bold;
font-size: 1.1em;
font-style: normal;
vertical-align:middle;
text-shadow: 1px 1px black;
color: #bbb;
padding: 0 7px 0 7px;
}



/*--------- LINKS ---------*/

a, a:visited {color: white; text-decoration: none; font-weight: bold; text-shadow: 2px 2px black;}
	
a:hover, a:active {color: #cf0;}

a.headline, a.headline:visited {font-size:1.4em; line-height: 1.7em;}

a.weblink, a.weblink:visited
{
display: inline-block;
background: url(Layout/linkarrow.gif);
background-position: left;
background-position-x: 0px;
background-position-y: 3px;
background-repeat: no-repeat;
padding-left: 15px;
margin-top: 10px;
}

a.maillink, a.maillink:visited
{
display: inline-block;
background-image: url(Layout/email_icon.gif);
background-position: left;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
margin-left: 2px;
margin-top: 10px;
}


/*--------- IMG ---------*/

img {border: 2px solid black;-moz-border-radius: 2px; -webkit-border-radius: 2px;}

img.link:hover {border: 2px solid white; -webkit-box-shadow: 2px 2px 2px black; }

#content img {margin:15px 0 0 0; padding:0; position:absolute; left:0; bottom:0;}

img.footer, img.footer:visited {border: 1px solid black; margin:0 10px 10px 0;}

img.footer:hover, img.footer:active {border: 1px solid white; margin:0 10px 10px 0;}


img.png {background-color: transparent; border: none;}