/**** TYPO ****/
@import url(http://fonts.googleapis.com/css?family=PT+Sans:700);

/**** MAIN ****/
html {
overflow: auto;
}

body{
margin-bottom: 30px;
/* float:top; */
}

.backdrop { 
  position: fixed; 
  top: 0;  
	left:0px;

  /* Preserve aspet ratio */
  min-width: 100%; 
  min-height: 100%;
  overflow:hidden;

z-index: -1;
}

/**** LINKS ****/

a {/* unvisited link */
color: #000;
font-weight:600;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
}
a:hover {  /* mouse over link */
color: red;
text-decoration: underline;
}
a.active {  /* selected link */
color: red;
text-decoration: none;
}
a:hover.active {
color: red;
text-decoration: underline;
}
a,
a:hover,
a:active,
a:visited {
outline: 0px;
}


/**** IMAGE ****/


img {
}
.roter_rahmen{
margin-left: 2px;
}

.roter_float {
float: left; 
align: left;
margin:0px 15px 7px 0px; 
}

.scale {

position: absolute;
top: 77px;
left: 0px;
width: 100%;
margin:0px 15px 7px 0px; 

}

.left_float {
float: right; 
align: right;
margin: 0px 0px 7px 15px; 
}


/**** SCHRIFTEN ****/
h1 {
font-family: 'Georgia', Times, serif;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
h2 {
font-family: 'PT Sans', sans-serif;
font-size: 30px;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 25px;
/*** margin: 50px 0px 0px 1px; ***/
}
h2 a:hover {
border-bottom: 5px solid #000000;
color: red;
text-decoration: none;
}
.auswahl {
font-family: 'PT Sans', sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
letter-spacing: 1.5px;
line-height: 15px;
color: #ffffff;
background-color:#000000;
padding:1px;
}
.black {
font-family: 'PT Sans', sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: bolder;
background-color: #000000;
text-align:left;
margin-left: 1px;
padding: 2px;
text-transform: uppercase;
}
.date {
font-family: 'Courier', Helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
text-align: left;
letter-spacing: 1px;
margin-bottom:4px;
color: #000;
}
.text {
font-family: 'Courier', Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
text-align: justify;
letter-spacing: 0.2px;
margin-left: 2px;
color: #000;
}


/**** FORMATE ****/

#content {
top:65px;
/* float: right; */ 
left:425px; 
position: relative;

width: 600px;
background: white;
padding-bottom: 55px;
padding-right: 220px;
}
#content a{
font-family: 'Courier', Helvetica, sans-serif;
font-size: 12px;
-webkit-transition: 0.2s ease-in-out;
}
#content a:hover {  /* mouse over link */
font-family: 'Courier', Helvetica, sans-serif;
font-size: 12px;
color: red;
text-decoration: none;
}


#top, #bottom, #left, #right {
	margin:2px;
       background: #ff0000;
       position: fixed;
	z-index: 10; 
        }
        #left, #right {
                top: 0; bottom: 0;
                width: 2px;
                }
                #left { left: 0; }
                #right { right: 0; }

        #top, #bottom {
                left: 0; right: 0;
                height: 2px;
                }
                #top { top: 0; }
                #bottom { bottom: 0; }


#logo {
display: block;
line-height: 18px;
margin-bottom: 70px;
background: url(../images/logo.png) no-repeat;
height: 70px;
text-indent: -6000px;
}

#menu {
position: fixed;
top:280px;
left:102px;
line-height: 14px;
font-size: 13px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
color: #000000;
letter-spacing: 1px;
z-index: 20;
}

#menu_white {
position: fixed;
top:280px;
left:102px;
line-height: 14px;
font-size: 13px;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
color: white;
letter-spacing: 1px;
z-index: 20;
}

#menu_white a{
color: white;
}

#menu_white a:hover {
color: white;
}


#seite {
position: fixed;
top:60px;
left:10px;
height: 584px;
width: 306px;
background-image: url(/images/sieben_futter.png);
filter:alpha(opacity=100);
opacity:.99;
z-index: 2;
}

/*
#menu_rechts {
position: fixed;
bottom: 10px;
left:102px;
width: 200px;
font-family: 'Courier', Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
text-align: left;
letter-spacing: 1px;
z-index: 2;
}

#footer {
position: fixed;
left: 1040px;
bottom: 10px;
margin-top: 130px;
margin-bottom: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #000;
letter-spacing: 1px;
}
*/