/* Basic layout
=================================================================================================== */

* { margin: 0; padding: 0 }
html { height: 100.1% }
body { text-align: center } /*for IE, undone in wrapper*/
body { font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; background-color: #848484;}


#wrapper     {  text-align: left; margin: 0 auto; width: 900px }
#header {  height: 175px; }
.box1  { background: url("images/logo.gif") no-repeat 0 40px; width: 576px; height: 238; float: left }
#mainNav { width: 130px; float: left; margin-top: 30px;}
#secNav  { width: 160px; float: left; margin-top: 30px;}
#content     { background-image: url("images/backline.gif"); width: 900px; float: left }
#mainContent   { width: 400px; float: left; color: #fff; font-size: 1.4em; margin-top: 30px; margin-bottom: 30px}

/* Link auf Logo */
.pic {width: 448px; height: 175px; position: relative;}
.pic a {width: 448px; height: 155px; position: absolute; }
.pic .link a  { color: #848484; top: 00; left: 0 }

#footer { clear: both }
/* Padding hinzufuegen */
#mainContent  { padding-top: 0px; }
#mainContent a { color: #fff }
#mainContent a:hover { color: #ccc }

#mainNav { padding-top: 0px; padding-bottom: 20px;}
#mainNav *, #mainNav * * { padding-right: 0px; padding-left: 0px }
#secondaryContent * * { padding-right: 0; padding-left: 0 }

#mainNav p  { padding-right: 10px; font-size: 1.4em; line-height: 1.4em; font-weight: bold }
#mainNav a  { color: #333; text-decoration: none; }
#mainNav a:hover  { color: #fff; text-decoration: none; }
#secNav p  { padding-left: 12px; font-size: 1.4em; line-height: 1.4em; font-weight: bold }
#secNav a  { color: #333; text-decoration: none;  }
#secNav a:hover  { color: #fff; text-decoration: none;  }

#mainNav a.current {color: #fff}
#secNav a.current {color: #fff}

#mainContent h1 { font-size: 1em; font-weight: bold }