@charset "utf-8";
/* CSS Document */


html {
	height:100%;
	}

body {
	background-color:#ffffff;
	color:#707070;
	font-size:12px;
	line-height:16px;
	font-family: Arial;
	padding:0;
	margin:0;
	}

#content {
	position:relative;
	top:70px;
	left:0px;
	width:800px;
	height:900px;
	display:block;
	margin:auto;
	background-color:#ffffff;
	border-left: #ffffff solid 6px;
	border-right: #ffffff solid 6px;
	padding:0;
	}
	
#content_startseite {
	position:relative;
	top:227px;
	left:0px;
	width:794px;
	height:900px;
	display:block;
	margin:auto;
	background-color:#ffffff;
	border-left: #ffffff solid 6px;
	border-right: #ffffff solid 6px;
	padding:0;
	}	

#logo {
	position:relative;
	top:0px;
	left:0px;
	padding:0;
	margin:0 0 15px 0;
	}
	
#linie {
	position:absolute;
	top:30px;
	left:133px;
	padding:0;
	margin:0;
	}	
	
#stripe {
	position:absolute;
	width:100%;
	height: 145px;
	background-color:#e6e6e6;
	top:375px;
	left:0px;
	}	

#navigation {
	position:relative;
	color:#707070;
	margin: 0px 0 0 400px;
	font-family: Arial;
	line-height:18px;
	font-size:14px;
	}

#navigation_02 {
	position:absolute;
	color:#707070;
	font-size:11px;
	line-height:14px;
	left:600px;
	top:693px;
	}
	
#navigation_02 a{
	margin-right:30px;	
	}
			

#navigation_03 {
	position:absolute;
	color:#707070;
	font-size:11px;
	line-height:14px;
	top:693px;
	left:600px;
	}
	
#navigation_03 a{
	margin-right:30px;	
	}	
	
a { text-decoration: none; color:#a3a3a3;}
a:link {color: #a3a3a3;}
a:visited {color: #a3a3a3;}
a:hover {color: #a53849;}
a:active {color: #a53849;}
a img {	border:none;}	
	
#navigation a{
	margin-right:40px;	
	}
		
#active {	
	color:#a53849;	
	}
	
#inhalt {
	background-color:#efefef;
	width:794px;
	height:287px;
	margin:0;
	padding:0;
	}
	
#text {
	width:554px;
	height:287px;
	padding:0;
	margin:0;
	}	
	
#text_02{
	width:784px;
	height:260px;
	overflow:auto;
	padding: 0 10px 10px 0;
	}
	
#kontaktdaten {
	position:absolute;
	width:240px;
	height:250px;
	top:394px;
	left:560px;
	font-size:11px;
	color:#6d6d6d;
	border-left:#cfcfcf solid 1px;
	padding: 16px 0 0 20px;
	margin:0;
	}
	
	
p {	
	color:#707070;
	font-family: Arial;
	font-size: 12px;
	line-height:16px;
	font-weight: normal;
	padding: 20px 10px 0 35px;
	margin:0;
	}	
	
div.info {
	position:absolute;
	left:0px;
	top:693px;
	color:#a3a3a3;
	font-size:10px;
	line-height:15px;
	padding-left:11px;
	border-left:#c8c8c8 solid 1px;
	}
		
div.info_02 {
	position:absolute;
	left:220px;
	top:693px;
	color:#a3a3a3;
	font-size:10px;
	line-height:15px;
	padding-left:11px;
	border-left:#c8c8c8 solid 1px;
	}
.imgheadline {
	display:block;
	width:483px;
	height:73px;
	border:0px;
}
.divider {
	border: #cfcfcf 1px  solid;
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #cfcfcf;
 	border-bottom: transparent;
 	width:180px;
 	text-align:left;
 	margin:14px 0px 14px 0px;
 }
 
 
 /*Page-Warp-Effekt*/
 
 #page-wrap {
	
	position:absolute;
	top: 305px;
	z-index:100;
	left:800px;
	behavior: url(ie-css3.htc)
		}
 
 footer {
        clear:both;
        overflow:hidden;
        font-size:16px;
        line-height:1.3;
		behavior: url(ie-css3.htc)
    }
 
    .footer-box {
        margin:0 0 10px 0;
        display:block;
        width:544px;
        height: 145px;
		background-color:#e6e6e6;
        padding:0px 20px 0 0px;
        color:#b2aaa4;
        -webkit-transition:all 0.2s ease;
        -moz-transition:all 0.2s ease;
        background-position: -310px 0px;
        background-repeat:no-repeat;
        text-decoration: none;
		behavior: url(ie-css3.htc)
    }
  
   
  
    .footer-box:hover {
        background-position:100px 100%;
		behavior: url(ie-css3.htc)
    }
 

    #f-bookshelf {
        background-image:url(../bilder/bg_color_stripe_hover_02.png);
        background-position:-310px 0px;
    }
    #f-bookshelf:hover {
      
        background-position:10px 0px;
		behavior: url(ie-css3.htc)
    }