html, body { 

   text-align: center;
   background: #BBB;
   font-family: Verdana, Helvetica, sans-serif; 
   font-size: 12px;
}

#container {
   width: 800px;
   margin-top: 0;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   background-color: #FFF;
   margin-bottom: 10px;
}

html, body, p, ul, ol, li, h1, h2, h3, h4, img, form {
   margin: 0;
   padding: 0; 
}
   

h1, h2, h3 {
   font-weight: normal;
}


h1 {
   margin: 20px 0 10px 0;
   color: #CC3333;
   font-size: 18px; 
   line-height: 1.30em;  
   letter-spacing: 0.04em;
   font-family: Arial, "Helvetica Neue", sans-serif;
}

h1.head {
   font-family: serif;
   color: #333;
   font-size: 25px;
   letter-spacing: 0.02em;
   line-height: 1.35em;
}

h2 { 
   margin: 15px 0 8px 0;
   font-size: 0.9em; 
   line-height: 1.6em; 
   letter-spacing: 0.04em;
   text-transform: uppercase;
   color: #AA3333;
}

h3 {
   text-transform: uppercase;
   font-size: 0.95em;
   letter-spacing: 0.09em;
   margin: 1.5em 0 0 0;
   color: #333;
}

p { 
   margin: 4px 0 8px 0;
   line-height: 1.45em; 
}

ul { 
   padding: 0 0 0 15px;
}

li { 
   margin: 3px 0 5px 0; 
   line-height: 1.6em; 
   list-style-type: square;
}

dd {
   font-size: 0.95em;
   color: #333;
   margin: 0;
   line-height: 1.4em;
}

a, a:link, a:visited { 
   color: #000066; 
   letter-spacing: 0.01em; 
   text-decoration: none; 
}
a:hover, a:active { 
   text-decoration: underline; 
}

img {
   border: none;
}

/* --------------- Layout ------------- */

#logo {
   width: 800px;
   height: 40px;
}

#header {
   width: 800px;
   height: 120px;
   background: #FFF url(../upload/header800/idee.jpg) no-repeat;
   border-bottom: 1px solid #fff;
}

#nav {
   float: left;
   width: 800px;
   height: 32px;
   background: #eecf55 url(../images/bg_nav.jpg) repeat-x;
   display: inline;
   border-top: 1px solid #EFA21D;
   border-bottom: 1px solid #DF920D;
}


#nav ul {	
   margin: 0 0 0 114px;
   padding: 0;
}

#nav li { 
   float: left;
   margin: 0; 
   list-style-type: none;
   line-height: 28px;
   margin-right: 1px; 
}

#nav li a {
   display: block;
   text-align: center;
   letter-spacing: 0.04em;
   font-family: Arial, Verdana, sans-serif;
   color: #333;
   font-size: 14px;
   font-weight: normal;
   padding: 2px 6px 0 6px;
   line-height: 28px;
}

#nav li a:hover, #nav li a:active, #nav .sel a {
   text-decoration: none;
   border-bottom: 3px solid #000;
   color: #000;
   background: transparent url(../images/bg_nav_active.jpg) repeat-x;
}



#subnav ul {
   margin: 10px 0 0 10px;
}

#subnav li { 
   float: left;
   width: 100px; 
   list-style-type: none;
   line-height: 24px;
}

#subnav li a {
   font-weight: normal;
   font-size: 16px;
   padding: 4px 0 2px 0;
   line-height: 20px;
}

#subnav li a:hover, #subnav li a:active, #subnav .sel a {
   text-decoration: none;
   border-bottom: 3px solid #FF4200;
   color: #000;
}


/* ------------- Hauptinhalt ---------- */


#main {
   width: 800px;
}

#subnav {
   float: left;
   width: 120px;
   min-height: 300px;
}

#content {
   float: left;
   width: 450px;
   margin-top: 20px;
   padding: 0 30px 30px 0;
   display: inline;
}

#right {
   float: left;
   width: 180px;   
   margin-top: 20px;
}

#right .linkbox {
   margin-bottom: 15px;
}

#right ul {
   margin: 0;
   padding: 0;
}

#right li {
   list-style-type: none;
   margin: 0.2em 0 0.2em 0;
   padding: 0 20px 0 0;
}


/* ----------------- Footer --------------- */

#footer {
   background-color: #BBB;
}

#footer p {
   margin: 0;   
   padding: 0;
   font-size: 0.8em;
   text-transform: uppercase;
}

#footer a, #footer a:link, #footer a:visited { 
   color: #000;
   letter-spacing: 0.01em; 
   text-decoration: none; 
}

#footer a:hover, #footer a:active { 
   color: #000;
   letter-spacing: 0.01em; 
   text-decoration: underline; 
}

/* ---------------- Helferlein ------------- */

.clear {
   clear: both;
   margin: 0;   
   padding: 0;
}

.box {
   width: 210px; 
   float: left; 
   margin-bottom: 10px;
}

.img_l {
   float: left;
   padding: 5px 10px 5px 0;
}

.img_r {
   float: right;
   padding: 5px 10px 0 0;
}

input, select, textarea { 
   margin: 0 0 6px 0; 
   padding: 2px; 
   border: 1px solid #999;
   font-family: Verdana, Helvetica, sans-serif; 
   font-style: normal; 
   font-size: 12px; 
   color: #003366; 
   line-height: 16px;  
}