html {
  margin:0;
padding:0;
height:100%;
}


body {
  background-color: #909090;
  font-size: 12px;
  color:#564b47;  
  margin:0;
padding:0;
height:100%;
  text-align: center;
}

* html #aussen { height: 100%; }
* html #aussen2 { height: 100%; }
* html #aussen-leseproben { height: 100%; }
* html #aussen-leseproben1 { height: 100%; }
* html #aussen-leben { height: 100%; }
* html #aussen-leben1 { height: 100%; }
* html #aussen-selbst { height: 100%; }
* html #aussen-selbst1 { height: 100%; }
* html #aussen-kontakt { height: 100%; }


#aussen { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_startseite_final.jpg) no-repeat;
}

#aussen2 { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_dasbuch_bgf.jpg) no-repeat;
}

#aussen-leseproben { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_leseproben.jpg) no-repeat;
}

#aussen-leseproben1 { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_leseproben1.jpg) no-repeat;
}


#aussen-leben { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_leben.jpg) no-repeat;
}

#aussen-leben1 { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_leben1.jpg) no-repeat;
}

#aussen-selbst { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_selbst.jpg) no-repeat;
}

#aussen-selbst1 { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_selbst1-final.jpg) no-repeat;
}


#aussen-kontakt { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_kontakt.jpg) no-repeat;
}


#aussen3 { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_selbst.jpg) no-repeat;
}


#aussen4 { 	
text-align: left;
margin: 0px auto;
padding: 0px;
width: 903px;
background-color: #666666;
z-index: 1;
min-height: 100%;
background: url(../images/rrs_leben.jpg) no-repeat;
}





#clear {
clear:both;
height:0;
}



   
     
#navi { 	
text-align: left;
margin: 0px auto;
padding: 0px;
height:41px;
}


#navi-inside {

margin: 0;
padding-top: 16px; 
padding-left: 360px;
padding-right: 20px;
overflow: auto;
text-transform:uppercase;
overflow: auto;
 color: #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight: normal;
   }
   

#navi-inside a { 
 }

 #navi-inside a:link, #navi-inside a:visited
 {
 color: #684E62;
 text-decoration: none;
 }

 #navi-inside a:hover
 {
 color: #000000;
 text-decoration: none;
 }   
   
   
   
   
   #bild_dasbuch{ 	
  text-align: left;
  margin-top: 0px; 
margin-left: 85px;
  padding: 0px;
  z-index: 2;
  width: 730px;
  height: 333px;
}
  
   
   
   
   
#text_dasbuch{ 	
  text-align: left;
  margin-top: 12px; 
margin-left: 115px;
  padding: 0px;
  z-index: 2;
  width: 675px;
  height: 140px;
}   


#text2{ 	
  text-align: left;
  margin-top: 345px; 
margin-left: 115px;
  padding: 0px;
  z-index: 2;
  width: 675px;
  height: 140px;
}


#text-leseproben{ 	
  text-align: left;
  margin-top: 180px; 
margin-left: 115px;
  padding: 0px;
  z-index: 2;
  width: 675px;
  height: 140px;
}


#text-selbst{ 	
  text-align: left;
  margin-top: 35px; 
margin-left: 115px;
  padding: 0px;
  z-index: 2;
  width: 675px;
  height: 140px;
}



   .erster_buchstabe {
   font-family:Arial, Helvetica, sans-serif;
   font-size:1.5em;
   font-weight:normal;
   color:#684E62;
   } 
   

#zitat{ 	
  text-align: left;
margin: 0px;

  padding: 0px;
  z-index: 2;
color: #FFFFFF;
  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   font-weight:bold;
}


   .zitat-von {
   font-family:Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   font-weight:normal;
   color:#FFFFFF;
   } 



   
#text-links{ 	
  text-align: left;
margin: 0px;
width: 310px;
  padding: 0px;
  z-index: 2;
color: #684E62;
  float:left;
  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}
   
   

#text-links a { 
 }

 #text-links a:link, #text-links a:visited
 {
 color: #684E62;
 text-decoration: none;
line-height: 1.4em;
 }

 #text-links a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.4em;
 }   

   
   #text-rechts{ 	
  text-align: left;
margin: 0px;
width: 310px;
  padding: 0px;
  z-index: 2;
color: #684E62;
    float:right;
      line-height: 1.2em;
      font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}

#text-rechts a { 
 }

 #text-rechts a:link, #text-rechts a:visited
 {
 color: #684E62;
 text-decoration: none;
line-height: 1.4em;
 }

 #text-rechts a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.4em;
 }   


#text-links-leben{ 	
  text-align: left;
margin: 0px;
width: 330px;
  padding: 0px;
  z-index: 2;
color: #684E62;
  float:left;
  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}
   
   

#text-links-leben a { 
 }

 #text-links-leben a:link, #text-links-leben a:visited
 {
 color: #684E62;
 text-decoration: none;
line-height: 1.4em;
 }

 #text-links-leben a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.4em;
 }   

   
   #text-rechts-leben{ 	
  text-align: left;
margin: 0px;
width: 290px;
  padding: 0px;
  z-index: 2;
color: #684E62;
    float:right;
      line-height: 1.2em;
      font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}

#text-rechts-leben a { 
 }

 #text-rechts-leben a:link, #text-rechts-leben a:visited
 {
 color: #684E62;
 text-decoration: none;
line-height: 1.4em;
 }

 #text-rechts-leben a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.4em;
 }  



#text-links-kontakt{ 	
  text-align: left;
  margin-left: 25px;
width: 150px;
  padding: 0px;
  z-index: 2;
color: #684E62;
  float:left;
  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}
   
   
   .field {

  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
	color: #684E62;
	height: auto;
	width: auto;
	border-width: 1px;
  border-style: solid;
  border-color: #684E62;
} 

#text-links-kontakt a { 
 }

 #text-links-kontakt a:link, #text-links-kontakt a:visited
 {
 color: #684E62;
 text-decoration: none;
line-height: 1.4em;
 }

 #text-links-kontakt a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.4em;
 }   

   
   #text-rechts-kontakt{ 	
  text-align: left;
margin: 0px;
width: 190px;
  padding: 0px;
  z-index: 2;
color: #684E62;
    float:right;
      line-height: 1.2em;
      font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}

#text-rechts-kontakt a { 
 }

 #text-rechts-kontakt a:link, #text-rechts-kontakt a:visited
 {
 color: #684E62;
 text-decoration: none;
line-height: 1.4em;
 }

 #text-rechts-kontakt a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.4em;
 }  




#text-links-buch{ 	
  text-align: left;
  margin-left: 25px;
width: 200px;
  padding: 0px;
  z-index: 2;
color: #684E62;
  float:left;
  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}


#text-links-buch a { 
 }

 #text-links-buch a:link, #text-links-buch a:visited
 {
 color: #684E62;
 text-decoration: none;
line-height: 1.4em;
 }

 #text-links-buch a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.4em;
 }   

   
   #text-rechts-buch{ 	
  text-align: left;
margin: 0px;
width: 200px;
  padding: 0px;
  z-index: 2;
color: #684E62;
    float:right;
      line-height: 1.2em;
      font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}

#text-rechts-buch a { 
 }

 #text-rechts-bucha:link, #text-rechts-buch a:visited
 {
 color: #684E62;
 text-decoration: none;
line-height: 1.4em;
 }

 #text-rechts-buch a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.4em;
 }  










   
#text-links2{ 	
  text-align: left;
margin: 0px;
width: 170px;
  padding: 0px;
  z-index: 2;
color: #684E62;
  float:left;
  line-height: 1.3em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}
   

#text-links2 a { 
 }

 #text-links2 a:link, #text-links2 a:visited
 {
 color: #684E62;
 text-decoration: none;
 }

 #text-links2 a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 }   

   
   
   #text-rechts2{ 	
  text-align: left;
margin: 0px;
width: 450px;
  padding: 0px;
  z-index: 2;
color: #684E62;
    float:right;
  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}

#text-rechts2 a { 
 }

 #text-rechts2 a:link, #text-rechts2 a:visited
 {
 color: #684E62;
 text-decoration: none;
 }

 #text-rechts2 a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 }   




#text-links3{ 	
  text-align: left;
margin: 0px;
width: 190px;
  padding: 0px;
  z-index: 2;
color: #FFFFFF;
  float:left;
  line-height: 1.3em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}
   

#text-links3 a { 
 }

 #text-links3 a:link, #text-links3 a:visited
 {
 color: #684E62;
 text-decoration: none;
 }

 #text-links3 a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 }   

   
   
   #text-rechts3{ 	
  text-align: left;
margin: 0px;
width: 430px;
  padding: 0px;
  z-index: 2;
color: #684E62;
    float:right;
  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}

#text-rechts3 a { 
 }

 #text-rechts3 a:link, #text-rechts3 a:visited
 {
 color: #684E62;
 text-decoration: none;
 }

 #text-rechts3 a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 }   




   #text-rechts3-augenblicke{ 	
  text-align: left;
margin: 0px;
width: 440px;
  padding: 0px;
  z-index: 2;
color: #684E62;
    float:right;
  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}

#text-rechts3-augenblicke a { 
 }

 #text-rechts3-augenblicke a:link, #text-rechts3-augenblicke a:visited
 {
 color: #684E62;
 text-decoration: none;
 }

 #text-rechts3-augenblicke a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 }   



   #text-rechts3-selbst{ 	
  text-align: left;
margin: 0px;
width: 465px;
  padding: 0px;
  z-index: 2;
color: #684E62;
    float:right;
  line-height: 1.2em;
  font-family:Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   font-weight:normal;
}

#text-rechts3-selbst a { 
 }

 #text-rechts3-selbst a:link, #text-rechts3-selbst a:visited
 {
 color: #684E62;
 text-decoration: none;
 }

 #text-rechts3-selbst a:hover
 {
 color: #FFFFFF;
 text-decoration: none;
 }  




#footer{ 	
  text-align: left;
margin-left: 115px;
  padding-top: 20px;
  height:15px;
        font-family:Arial, Helvetica, sans-serif;
   font-size:9px;
   font-weight:normal;
   color: #684E62;
}








   
  #text { 	
  text-align: left;
  margin: 0px auto;
  padding: 0px;
  height:380px;
}


#text-inside {
   padding: 0;
   margin-top: 40px;
   margin-left: 25px;
   margin-right: 20px;
   overflow: auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
   color:#000000;
   }
   
   
    #content1-inside a { 
 }

 #content1-inside a:link, #content1-inside a:visited
 {
 color: #1FCCF9;
 text-decoration: none;
 }

 #content1-inside a:hover
 {
 color: #1FCCF9;
 text-decoration: underline;
 }
   
.fliess {
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:normal;
   color:#534D4D;
   } 
   
   
   
   #content1b {
   height:380px;
   background: #FFFFFF;
   padding: 0;
   border: none;
   margin: 0;
   width: 750px;
   float: right;
   overflow: auto;
   }
   
   #content1b-inside {
   padding: 0;
   margin-top: 40px;
   margin-left: 15px;
   }
   
   
   
   
   #content2 {
   height:380px;
   background: #FFFFFF;
   padding: 0;
   border: none;
   margin: 0;
   width: 250px;
   float: right;
   overflow: auto;
   }
#content2-inside {
   background: #fea;
   padding: 0;
   border: 1px solid #fc0;
   margin: 10px;
   }
   
   
   #content3 {
   height:380px;
   background: #FFFFFF;
   padding: 0;
   border: none;
   margin: 0;
   width: 250px;
   float: right;
   overflow: auto;
   }
#content3-inside {
   background: #fad;
   padding: 0;
   border: 1px solid #f09;
   margin: 10px;
   }
   
   
#content4 {
height:380px;
background: #FFFFFF;
padding: 0;
border: none;
margin: 0;
width: 250px;
float: right;
overflow: auto;
}
   
#content4-inside {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#1FCCF9;
height:13px;
padding: 0;
margin-top: 40px;
margin-left: 20px;
margin-right: 20px;
border: none;
}
   
   
   
 #content4-inside a { 
 }

 #content4-inside a:link, #content4-inside a:visited
 {
 color: #1FCCF9;
 text-decoration: none;
 }

 #content4-inside a:hover
 {
 color: #1FCCF9;
 text-decoration: underline;
 }
   
   
#content4f {
height:380px;
background: #FFFFFF;
padding: 0;
border: none;
margin: 0;
width: 250px;
float: right;
overflow: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
color: #534D4D;
line-height: 25px;
} 
   
   
#content4f-inside a { 
margin-top: 40px;
color: #534D4D;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
 }

 #content4f-inside a:link, #content4f-inside a:visited
 {
 color: #534D4D;
 text-decoration: none;
 font-size: 12px;
font-weight: normal;
 }

 #content4f-inside a:hover
 {
color: #1FCCF9;
text-decoration: none;
font-size: 12px;
font-weight: normal;
 }   
   
   
   
   
   
   
   
   
   



#footer1 {
   height:67px;
   background: #534D4D;
   padding: 0;
   border: none;
   margin: 0;
   width: 250px;
   float: right;
   overflow: auto;
   }
#footer1-inside {
   padding: 0;
   margin-top: 25px;
   margin-left: 25px;
   overflow: auto;
   color:#FFFFFF;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   }
   
   
    #footer1-inside a { 
 }

 #footer1-inside a:link, #footer1-inside a:visited
 {
 color: #fff;
 text-decoration: none;
 }

 #footer1-inside a:hover
 {
 color: #1FCCF9;
 text-decoration: none;
 }
   
   
   
   #footer2 {
   height:67px;
   background: #534D4D;
   padding: 0;
   border: none;
   margin: 0;
   width: 250px;
   float: right;
   overflow: auto;
   }
#footer2-inside {
   background: #fea;
   padding: 0;
   border: 1px solid #fc0;
   margin: 10px;
   }
   
   
   #footer3 {
   height:67px;
   background: #534D4D;
   padding: 0;
   border: none;
   margin: 0;
   width: 250px;
   float: right;
   overflow: auto;
   }
#footer3-inside {
   background: #fad;
   padding: 0;
   border: 1px solid #f09;
   margin: 10px;
   }
   
   
   #footer4 {
   height:67px;
   background: #534D4D;
   padding: 0;
   border: none;
   margin: 0;
   width: 250px;
   float: right;
   overflow: auto;
   }
#footer4-inside {
height:13px;
   background: #E94700;
   padding: 0;
   border: none;
   margin-top: 171px;
   }
   
   
#subnavi a {
	float: center;
	position: relative;
	left: 0px;
	top: 1px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #E6E3E1;
	border-left: 1px solid #E6E3E1;
	margin: 0px 0px 0px 0px;
	width: 205px;
	height: 53px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 22px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #E94700;
	background-color:#1FCCF9;
	line-height: 53px;

}



#subnavi a:link {
color: #E94700;
	background-color:#1FCCF9;
}

#subnavi a:hover {
	color:#1FCCF9;
	background-color: #E94700;
}

#subnavi a:active {
	color: #672114;
}





#navcontainer a {

text-decoration: none;
padding: 0;
margin-top: 10px;
margin-left: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
color: #E94700;
line-height: 25px;
}


#imagecontainer {

text-decoration: none;
padding: 0;
margin-top: 10px;
margin-left: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
}


#navlist li { list-style-type: none; }
 

.subselected {
	color: #534D4D;
	font-weight: normal;
}


.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 130px;
	height: 95px;
}

.hoverbox li
{
	border-color: #3E1A33;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 20px;
	padding: 2px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #3E1A33;
	width: 260px;
	height: 190px;
}