body
{
 margin:0;
 padding:20px 30px;
 text-align:center;
 background:#1b1b1b url('bodybg.jpg') repeat-x;
 font-family:Georgia, Helvetica, Verdana, Arial;
 min-width:830px;
}
h1
{
 color:#3d0e0e;
 line-height:100%;
 margin:5px 0;
 padding:5px 0;
 font-size:22px;
 font-variant:small-caps;
 text-transform:capitalize;
 border-bottom:#cccccc 1px solid;
}
h2
{
 color:#3d0e0e;
 line-height:100%;
 margin:0;
 padding:15px 0;
 font-size:18px;
 font-variant:small-caps;
 text-transform:capitalize;
}
#box
{
 background:#5e5e5e;
 border:#444444 2px solid;
 padding:15px;
 margin:0 auto;
 text-align:left;
}
#header
{
 background:#3d0e0e url('headerbg.jpg') repeat-x;
 border:#cfcfcf 1px solid;
 border-bottom:none;
}
#header img
{
 border:0;
 float:left;
}
#header #kontakt
{
 float:right;
 padding:10px;
 color:white;
 text-align:left;
 background:url('strich.jpg') left top no-repeat;
}


#navi
{
 background:#3d3d3d url('navibg.jpg') repeat-x;
 border:#cfcfcf 1px solid;
 border-top:none;
 text-align:center;
 color:#888888;
}
#navi a
{
 color:white;
 text-decoration:none;
 display:block;
 float:left;
 padding:15px 25px;
 margin:15px 0 10px 20px;
 background:#444444;
}
#navi a:hover
{
 color:white;
 text-decoration:none;
 background:#555555;
}
#navi .active
{
 background:#555555;
 margin:15px 0 0px 20px;
 padding:10px 25px 30px 25px;
}

#mainbox
{
 padding:10px;
 background:#c7c7c7 url('mainbg.jpg');
 border:white 1px solid;
 margin-top:10px;
}
#main
{
 padding:10px;
 border:#dadada 2px solid;;
 background:white;
}
#left
{
 margin-right:400px;
}
#right
{
 float:right;
 width:350px;
 border:#dddddd 1px solid;
 background:#f8f8f8;
 padding:15px;
}
/* Easy Clearing */
#main:after
{
 content: ".";
 display: block;
 height: 0;
 font-size:0;
 line-height:0;
 clear: both;
 visibility:hidden;
}
#main{display: inline-block;}
/* Hides from IE Mac \*/
* html #main {height: 1%;}
#main {display:block;}
/* End Hack */