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

body {
	background: white url(ffffff) repeat;
font-size: 15px;
font-family: Adobe Caslon Pro;
color: #555;
text-align:center
	}
	
a:link, a:visited, a:active { color:#555; text-decoration:none}
a:hover { color:#000; text-decoration:none}
/* gride ------------------------- */
.grid1 { width:110px; }
.grid2 { width:150px; }
.grid3 { width:190px; }
.grid4 { width:230px; }
.grid5 { width:270px; }
.grid6 { width:310px; }
.grid7 { width:350px; }
.grid8 { width:390px; }
.grid9 { width:430px; }
.grid10 { width:470px; }
.grid11 { width:510px; }
.grid12 { width:550px; }
.grid13 { width:590px; }
.grid14 { width:630px; }
.grid15 { width:670px; }
.grid16 { width:710px; }
.grid17 { width:750px; }
.grid18 { width:790px; }
.grid19 { width:830px; }
.grid20 { width:870px; }
.grid21 { width:910px; }
.grid22 { width:950px; }
.gird_spacer { padding-left:50px; }

.fr {
float: right;
}
.fl {
float: left;
}
#header {
	padding: 20px 0 20px 0;
margin: 0 auto;

}
div.clear { float:none; clear:both}
#header .logo {
float: left;
width: 250px;
margin-top: 5px; 
background-color:#333}

#navcontainer { float:right }
ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
}
ul#navlist li {
        float: left;
        font-size: 9px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        border-left: 1px solid #cccccc;
      }
#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 9px 4px 9px;
        color: #000;
		font-size:13px;
        text-decoration: none;;
		font-weight:normal;
		text-transform: uppercase;
		
}
ul#navlist li#active a {
        color: #000;
		font-weight:bold;
}

#home li.home a, #umber li.umber a, #geschichten li.geschichten a, #bucher li.bucher a, #afrika li.afrika a, #kontakt li.kontakt a
{
	color: #000;
	font-weight:bold;
}

#navlist a:hover {
        color: #fff;
        background-color: #777777;
}
#banner {
background: #633 repeat;
overflow:hidden;
text-align:left
}
#banner {
margin: 0 auto 50px auto;
padding: 5px 0;
}
.banner_in {
margin: 0 5px;
border: 1px solid #5E5E5E;
padding: 35px;
overflow:hidden
}
.clearfix {
display: block;
}
#banner h2 {
color: white;
font-size: 36px;
margin-top: 0;
margin-bottom: 15px;
line-height: 36px;
}
#banner p {
color: #C8C8C8;
font-size: 18px;
line-height: 24px;
}
#page {
clear: both;
margin: 0 auto;
padding-bottom: 30px;
text-align:left
}
p {
margin: 0;
padding: 0px 0 0px 0;
font-size: 15px;
line-height: 20px;
color: #555;
}
div.textwidget ul li {
margin: 0 0 8px 20px;
padding: 0;
list-style: disc;
line-height: 20px;
font-size: 15px;
}
.widget h3 {
margin-top: 0;
margin-bottom: 10px;
padding: 0 0 5px 0;
font-size: 20px;
font-variant: small-caps;
border-bottom: 3px double #D6D6D6;
font-weight:normal;
color:#000
}
dl, hr, ol, ul, pre, table, address, fieldset {
margin: 0;
padding: 0;
}
#footer {
margin: 0 auto;
padding: 15px 0;
border-top: 3px double #D6D6D6;}

.page_in {
border-top: 3px double #D6D6D6;
padding-top: 25px;
background: url(../images/hr.png) repeat-y 239px top;
overflow:hidden
}
h1 {
font-size: 36px;
line-height: normal;
}
.alignleft {
border: 1px solid darkGray;
background: white;
float: left;
padding: 4px;
margin: 7px 25px 18px 0;
text-align: center;
}