@import url(reset.css);

/* Element Stile */

body { width:100%; height:100%; }

strong { font-weight: 800; }
em { font-style:italic; letter-spacing: 1px; }

/* Allgemeine Klassen */

.clearboth { clear: both; }

/* Container */

#header-wrapper {
width: 100%; height: 120px;
margin: 0 auto;
background-repeat: repeat-x;
background-image: url(bilder/shadow-header.png);
background-position: bottom;
}

#header {
width: 100%; height: 90px;
margin: 0 auto; padding:15px 0 0 0;
position: relative;
background-color: #fff;
border-bottom: 1px solid #ddd;
}

#main-wrapper {
width: 100%;
margin:0 auto; padding:1px 0 15px 0;
background: #f5f5f5; border-bottom: 1px solid #ddd;
background-repeat: repeat-x;
background-image: url(bilder/shadow-footer.png);
background-position: bottom;
}

#main-wrapper-inner {
width: 100%;
margin:0 auto; padding: 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
background-image: url(bilder/bg.png);
background-position: center;
background-repeat: repeat-y;
}

.nav {
width: 700px; 
margin: 5px auto; padding:10px;
position: relative;
}

#sprachwahl-container { margin:10px 0; float:right; font-family:Tahoma,Arial,Sans-serif; font-size: 10px; text-transform: uppercase; text-align:right; color:#ddd; }
#sprachwahl-container a.sprachwahl { margin:0; padding:0; font-family:Tahoma,Arial,Sans-serif; font-size: 10px; text-transform: uppercase; text-align:right; color:#AD0E14; }

#footer { width: 700px; margin: 0 auto; }
#footer span { display:block; margin:0 auto; padding: 10px 50px; font-family:Tahoma,Arial,Sans-serif; font-size: 10px; text-transform: uppercase; text-align:right; color:#ddd; }

/* Ueberschriften */

h1#logo-german {
width: 700px; height:90px;
margin:0 auto; padding: 0;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(../css/bilder/logo.png);
font-family: Helvetica, Verdana, Arial, sans-serif;
text-indent: -9999em;
text-transform: uppercase;
font-size: 70px;
font-variant: normal;
text-align: left;
text-shadow: 0px 2px 2px #bfbfbf;
color: #808080;
}

h1#logo-english {
width: 700px; height:90px;
margin:0 auto; padding: 0;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(../css/bilder/logo_eng.png);
font-family: Helvetica, Verdana, Arial, sans-serif;
text-indent: -9999em;
text-transform: uppercase;
font-size: 70px;
font-variant: normal;
text-align: left;
text-shadow: 0px 2px 2px #bfbfbf;
color: #808080;
}

h1 a {
width: 450px; height:90px;
display:block;
}

h2 {
display:none;
width: 642px;
margin: 0 auto; padding:0;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
letter-spacing: 0.1em;
font-weight: 100;
text-transform: none;
font-size: 20px;
font-variant: normal;
text-align: left;
color: #aaa;
}

h3 {
margin:0 0 15px 5px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-size: 18px;
letter-spacing: 0.1em;
font-weight: 100;
color: #aaa;
}

/* Ornamente */

.ornament-a, .ornament-b, .ornament-c, .ornament-d {
margin: 0 -20px 0 0; padding:5px; width:325px; height:232px;
position: absolute; right:20px; bottom:10px;
background-color: transparent;
z-index:-1000;
}

#telefonnummer {
display: none;
width:250px; height:100px;
margin: -20px 0 0 20px;
float:left;
text-indent: -9999em;
background-position: center;
background-repeat: no-repeat;
background-image: url(../css/bilder/telefonnummer.png);
z-index: 1000;
}

#telefonnummer-int {
display: none;
width:291px; height:100px;
margin: -10px 0 0 20px;
float:left;
text-indent: -9999em;
background-position: center;
background-repeat: no-repeat;
background-image: url(../css/bilder/telefonnummer_int.png);
z-index: 1000;
}

/* Hauptinhalt */

#content {
width:380px; height:350px;
float:left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.04em;
line-height: 24px;
color: #999;
}

p { color: #4d4d4d; margin:0 0 1.2em 0; padding:0 5px; line-height: 1.5; z-index: 400;}

p a { color:#000; text-decoration: underline; }
p a:visited { color:#aaa; text-decoration: none; }
p a:hover, a:focus { color:#EB8C2D; text-decoration: none; }
p a:active { color:#000; text-decoration: none; }


/* Listen */

ul, ol { margin: 0 0 20px 0; }

ul li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: 400;
color: #4d4d4d;
letter-spacing: 0.04em;
line-height: 2;

style:circle;
list-style-position: outside;
}

ol li {
margin-bottom: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: 400;
color: #4d4d4d;
letter-spacing: 0.04em;
line-height:1.5;
list-style:	decimal;
list-style-position: outside;
}

.list-section { padding:0; font-variant: small-caps; }

/* Text */

.highlight { font-style: normal; font-weight: normal; text-shadow: 0px 2px 4px #b1b1b1; color: #999; }

.underline { text-decoration: underline; }

.offer { font-family:Tahoma, Arial,Sans-serif;
font-size:12px;
text-transform: uppercase;
color:#999; 
}

.fussnote {
float:right;
font-family:Tahoma, Arial,Sans-serif;
font-size:10px;
text-transform: uppercase;
color:#aaa; 
}

.danke { margin:0 0 15px 0; padding:15px 0 0 0; font-size: 16px; color:green; }

.signatur {
margin:10px auto; 
font-family:Tahoma, Arial,Sans-serif;
font-size:10px;
text-transform: uppercase;
text-align: center;
color:#ddd; 
}

#flowplayer-a, #flowplayer-b, #flowplayer-c {
display:block;
width:620px; height:340px;
margin:0 auto; padding:0;
}

.media-addons { margin: 10px 0 15px 5px; padding:0; z-index:1000; }

div a.download {
font-family:Tahoma, Arial,Sans-serif;
font-size:10px;
text-align: left;
text-transform: uppercase;
color: #AD0E14;
}

div a.license {
display:block; float:right;
margin: 2px 4px 15px 0; padding:0;
z-index:1000;
}

.license img { z-index: 1000; }