/**

Creator: Karsten-Nobis.de

**/

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

html, body, * {
margin:0;
padding:0;
border:0;
font-family: 'Roboto Condensed', sans-serif;
color: #FFF;
font-size: 17px;
}

body {
text-align: center; /** IE 6 BUG-FIX **/
background: #f5e100;
}

#wrapper {
height: 578px;
width: 100%;
min-width: 1030px;
margin: 70px 0 0 0;
background: url(./bg_box.png) repeat-x;
border-width: 10px 0;
border-style: solid;
border-color: #FFF;
-webkit-box-shadow: 1px 1px 5px 3px #cfcfcf;
box-shadow: 1px 1px 5px 3px #cfcfcf;
}

#center {
margin: 0 auto;
width: 1030px;
position:relative
}

#static {
height: 578px;
width: 330px;
border-width: 0 5px 0 10px;
border-style: solid;
border-color: #FFF;
float: left;
}

#logo {
display: block;
margin: 30px auto;
}

ul#navigation, ul#navigation ul {
margin: 0 30px 10px 30px;
list-style-type: square;
list-style-position: inside;
text-align: left;
text-decoration: none;
}

ul#navigation li {
line-height: 20px;
margin: 5px 0;
text-align: left;
}

#teaser {
height: 578px;
width: 330px;
border-width: 0 5px;
border-style: solid;
border-color: #FFF;
float: left;
position:relative;

}


#teaser IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#teaser IMG.active {
    z-index:10;
    opacity:1.0;
}

#teaser IMG.last-active {
    z-index:9;
}


#content {
height: 578px;
width: 330px;
border-width: 0 10px 0 5px;
border-style: solid;
border-color: #FFF;
float: left;


text-align: left;

background: url(./bg_content.png) no-repeat right bottom;
}

#content h1 {
margin: 20px 20px 10px 20px;
color: #3d4d21;
font-size: 30px;
}

#content h2 {
margin: 20px 20px 10px 20px;
color: #3d4d21;
font-size: 20px;
}

#content p {
margin: 0 20px 10px 20px;
font-weight: normal;
line-height: 20px;
color: #FFF
}

#content blockquote {
margin: 20px 40px;
text-align: center;
font-size: 22px;
}

#content ul {
margin: 0 30px 10px 40px;
list-style-type: square;
list-style-position: outside;
}

#content ul li {
line-height: 22px;
margin: 5px 0;
}

#content table {
font-weight:normal;
margin: 0 auto 10px auto;
width: 330px;
}

#content table tr th {
color: #3d4d21;
text-align: center;
padding: 3px;
line-height: 18px;
}

#content table tr td {
text-align: center;
padding: 3px;
}


a:link, a:visited, a:active {
text-decoration: none;
}

a:hover, a.current {
color: #3d4d21;
}