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


* {margin:0; padding:0;}

html, body
{
background:#333333;
cursor: url(../images/icons/Daphne_Icon.cur) , default;
font-family:Cambria, "Bookman Old Style", Georgia;
font-size:13px;
color:#ffffcc;

/* scrollbar */
scrollbar-face-color:#feec96;
scrollbar-shadow-color:#673534;
scrollbar-highlight-color:#996666;
scrollbar-3dlight-color:#ffcc33;
scrollbar-darkshadow-color:#333333;
scrollbar-track-color:#ffffcc;
scrollbar-arrow-color:#ffcc33;
}

p
{
color:#ffffcc;
line-height:16px;
}

p strong 
{
font-weight: bold;
color:#6b9337;
}

h1
{
font-size:16px;
font-weight:bold;
color:#ffcc33;
line-height:35px;
}

h2
{
font-size:14px;
font-weight:bold;
color:#ffcc33;
line-height:25px;
}

h3
{
font-size:14px;
font-weight:bold;
color:#333333;
line-height:25px;
}

a
{
font-size:13px;
color:#ffcc33;
text-decoration:none;
}

a:hover
{
color:#ffffcc;
text-decoration:underline;
}

a:visited
{
font-size:13px;
color:#ffcc33;
text-decoration:none;
}

a:active
{
color:#ffffcc;
text-decoration: underline;
}

a img
{
border:none;
}

ul
{
font-size:13px;
margin:15px 5px;
}

li
{
margin:20px 5px;
}

#index 
{
margin:150px auto;
	}

#wrap
{
width:960px;
background:url(../images/layout/wrap_hg.png) #333333 repeat-x;
margin:20px auto;
}

/*Header*/

#topcontent
{
position:relative;
}

#logo
{
float:left;
width:240px;
height:144px;
background:#feec96;
}

#header_hg
{
float:right;
width:720px;
height:113px;
background:url(../images/layout/header_hg.png) #333333;
}

#header_wing
{
width:382px;
height:91px;
position:absolute;
top:0px;
right:0px;
background:url(../images/layout/rechter_fluegel.png) no-repeat;
}

#navigation_left
{
float:left;
width: 10px;
height: 30px;
border-bottom:#333333 1px solid;
}

#navigation
{
float:right;
width:700px;
height:30px;
background:#333333;
border-bottom:#333333 1px solid;
}

#navigation_right
{
float:right;
width: 10px;
height: 30px;
border-bottom:#333333 1px solid;
}

#navigation ul
{
list-style:none;
padding:0px;
margin:5px 0px 0px 0px; 
}

#navigation li
{
float:left;
padding:0px;
margin:0px;
}

#navigation li a
{
color:#996666;
font-size:14px;
text-align:center;
line-height:20px;
display:block;
height:20px;
width:98px;
background:url(../images/layout/navigation_hg.png);
border-left:1px solid #ffcc33;
border-right:1px solid #ffcc33;
margin-left:15px;
}

#navigation li a:hover
{
color:#ffffcc;
text-align:left;
text-decoration:underline;
color:#673534;
display:block;
height:20px;
width:100px;
background:url(../images/layout/button_ani.gif) no-repeat right;
border:none;
}

#navigation li a:active
{
color:#ffffcc;
text-decoration: underline;
}


/*Content*/

#mainContent 
{
float:left;
margin:0px 65px 0 65px;
padding:20px; 
background:#333333;
border-left:#333333 1px solid;
border-right:#333333 1px solid;
}

#boxen 
{
width:790px;
}

#box01, #box02, #box03, #box04
{
width:360px;
height:210px;
padding:15px;
}

#box05, #box06
{
width:360px;
padding:15px;
}

#box01, #box03, #box05
{
float:left;
}

#box02, #box04, #box06
{
float:right;
}

#box08
{
background:url(../images/layout/drachen.png) no-repeat #333333;
min-height:500px;
width:758px;
padding:15px;
}

#box9
{
width:190px;
float:right;
bottom:0;
right:0;
}



/*Innenrahmen*/

#rahmenvertoben, #rahmenvertunten
{
width:3px;
height:240px;
float:left;
background:#333333;
}

#rahmenvertoben
{
background:url(../images/layout/rahmenvertialoben.png) #333333;
}

#rahmenvertunten
{
background:url(../images/layout/rahmenvertialunten.png) #333333;
}

#rahmenvertikal
{
width:3px;
min-height:550px;
float:left;
background:url(../images/layout/rahmenvertikal.png) no-repeat center #333333;
}

#rahmenhorizontal
{
width:788px;
height:3px;
background: url(../images/layout/rahmenhoriontal.png) #333333;
}

/*Footer*/

#bottomcontent
{
position:relative;
width:960px;
height:80px;
background:url(../images/layout/footer_hg.png) #eeeeee;
border-top:#333333 1px solid;
text-align:center;
}
 
#footernav
{
height:30px;
}

#footernav ul
{
position:absolute;
margin:0px;
padding:0px;
bottom:38px;
left:355px;
list-style:none;
}

#footernav li
{
float:left;
}


#footernav li a
{
font-size:13px;
text-align:center;
color:#996666;
line-height:18px;
display:block;
height:18px;
width:70px;
background:url(../images/layout/navigation_hg.png);
border-left:1px solid #ffcc33;
border-right:1px solid #ffcc33;
}

#footernav li a:hover
{
color:#ffffcc;
text-decoration:underline;
color:#673534;
display:block;
height:18px;
width:70px;
border:none;
border-left:1px solid #ffcc33;
border-right:1px solid #ffcc33;
}

#footernav li a:active
{
color:#ffffcc;
text-decoration: underline;
}


/*

#footernav li a
{
font-size:13px;
text-align:center;
margin-right:20px;
}

#footernav li a:hover
{
text-decoration:underline;
color:#673534;
}
*/


#footertext
{
height:40px;
line-height:40px;
text-align:center;
}

#footer_wing
{
height:72px;
width:303px;
position:absolute;
bottom:0px;
left:0px;
background:url(../images/layout/linker_fluegel.png) no-repeat;
}

#footer_flight
{
height:33px;
width:100px;
position:absolute;
bottom:25px;
right:25px;
background:url(../images/layout/fluegel.png) no-repeat; 
}

/*Klassen*/

.clearer
{
clear:both;
}

.fltright
{
float:right;
margin-left:5px;
}

.fltleft
{
float:left;
margin-right:5px;
}

.wing
{
font-size:16px;
font-weight:bold;
color: #673534;
}

.web
{
font-size:16px;
font-weight:bold;
color:#333333;
}