body
{
background-color: #E7C19D;
font-family: comic sans ms, verdana, arial, tahoma;
font-size: 80%;
margin: 25px;
}

*{
margin: 0px;
padding: 0px;}

a:active, a:visited, a:link
{
color: #CC9933;
text-decoration: none;
}

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


#container
{ 
width: 750px;
height: 100%;
margin: 0 auto 20px auto;
background: #F4F4F4;
border: 1px solid #663300;
background-color: #f4f4f4;
}

#topheader
{
width: 750px;
height: 60px;

}

#topheader h1
{
text-align: left;
margin-right: 5px;
color: #E7C19D;
font-family: comic sans ms;
/* text-transform: lowercase; */
font-size: 3.0em;

}

#menu
{
text-align: right;
margin-top: 8px;
height: 20px;

}

#menu a
{
margin-right: 15px;
text-transform: lowercase;
font-size: 1.0em;
text-decoration: none;

}

#header
{
border-top:1px solid #663300;
border-bottom:1px solid #663300;
color: #E7C19D;
width: 100%;
margin-top: 10px;
margin-bottom: 15px;
height: 150px;
background-image:url('pics/flohkumpels_bg_01.jpg'); background-repeat:repeat-x
}

#mainleft
{
color: #663333;
margin-top: 20px;
padding-top:12px;
padding-bottom: 10px;
padding-left:  15px;
padding-right: 15px;
line-height: 175%;
width: 400px;
float: left;
}


#mainleft h2
{
font-size: 165%;
padding-bottom: 5px;
margin-left: 8px;
color: #E7C19D;
width: 250px;
}


#mainleft p
{
/*width: 250px;*/
color: #663300;
margin-top: 15px;
margin-left: 8px;
}

#mainbox
{
color: #663333;
margin-top: 10px;
padding: 15px;
padding-bottom: 10px;
padding-right: 15px;
line-height: 115%;
width: 700px;
float: left;
}


#mainbox p
{
color: #663300;
margin-top: 15px;
font-size: 0.9em;
margin-left: 10px;
}

#mainbox h2
{
font-size: 165%;
padding-bottom: 5px;
margin-left: 5px;
color: #E7C19D;
width: 250px;
}

#fotobox
{
color: #663333;
margin-top: 10px;
padding: 15px;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 200px;
line-height: 115%;
width: 300px;
text-align:center;
/*float: center;*/
}

#fotobox h3
{
font-size: 105%;
padding-bottom: 5px;
margin-left: 5px;
color: #E7C19D;
width: 300px;
}

p
{
color: #CC9933;
margin-top: 15px;
font-size: 0.9em;
margin-left: 10px;
margin-right: 10px;
}

/* imgpadding Out of other layout */

img{padding: 10px;}

img.left {float: left;}
img.right {float: right;}


#mainbox h3
{
font-size: 105%;
padding-bottom: 5px;
margin-left: 5px;
color: #E7C19D;
width: 250px;
}

p
{
color: #663300;
margin-top: 15px;
font-size: 0.9em;
margin-left: 10px;
}


#mainright
{
color: #663333;
margin-top: 20px;
padding-top:12px;
padding-bottom: 10px;
padding-left:  0px;
padding-right: 15px;
width: 250px;
float: right;
line-height: 175%;
margin-left: 0px;
text-align: left;
}



#mainright h2
{
font-size: 165%;
margin-left: 0px;
color: #E7C19D;
width: 250px;
}

#mainright p
{
width: 250px;
color: #663300;
margin-top: 15px;
margin-left: 0px;
}

#order
{
margin-right: 20px;
margin-top: 0px;
padding: 5px;
width: 250px;
float: right;
line-height: 175%;
margin-left: 0px;
text-align: left;
}

#order h2
{
font-size: 165%;
margin-left: 0px;
color: #E7C19D;
width: 250px;
}

#order p
{
width: 250px;
color: #663300;
margin-top: 15px;
margin-left: 0px;
}


#footer
{
margin-bottom: 6px;
clear: both;
text-align: right;
width: 100%;
}