body,html {height: 100%; }
body, table, form, ul, li, dt, dl {margin: 0; padding: 0;}
body {font-size: 16px; font-family:Arial,Helvetica,FreeSans,"Nimbus Sans L",sans-serif; }
img {border: none;}

#index {background: #f2e1b1 url(../pic/index.body.bg.gif) repeat-x left top; }
#index #top {height: 67%; width: 100%; text-align: center;}
#index #bottom {text-align: center; height: 33%; width: 100%; position: absolute; left: 0px; bottom: 0px; background: #000 url(../pic/index.body.bottom.bg.gif) repeat-x left top;}
#index #bottom #footer {margin: 0 auto; height: 100%; width: 642px; background: url(../pic/index.body.bottom.footer.bg.jpg) no-repeat center 71px;}
#index #bottom #footer #select {padding: 14px 0 14px 0; }
#index #bottom #footer #language ul {list-style: none; text-align:center; width:100%; display:block; }
#index #bottom #footer #language ul li {display:inline;}
#index #bottom #footer #language ul li a { padding: 7px 15px 7px 21px; text-decoration: none; text-transform: uppercase; font-size: 0.8em; font-weight: bolder; color: #fff;}
#index #bottom #footer #language ul li a:hover {color:#FFCC00;  background: url(../pic/index.body.bottom.a.hover.png) no-repeat 0px 16px;}
#index #bottom #footer #language ul li a:active {color:#FFEE33; background: url(../pic/index.body.bottom.a.active.png) no-repeat 0px 16px;}

#main {background: #f2e1b1 url(../pic/main.body.bg.gif) repeat-y left top;}
#main .spacer {height: 500px; float: left;}
#main #wrapper {width: 990px;  }
#main #menu { float: left; width: 350px;  background: url(../pic/main.body.menu.bg.gif) no-repeat left top; text-align: right;}
#main #menu ul {list-style: none; padding: 36px 19px 0 10px; margin: 0 0 10px 0;}
#main #menu ul li a {margin: 0; display: block; text-decoration: none; text-transform: uppercase; font-size: 0.75em; font-weight: bolder; color: #fff;  padding: 10px 27px 0 0; line-height: 12px;}
#main #menu ul li a:hover {color:#FFCC00;  background: url(../pic/index.body.bottom.a.hover.png) no-repeat right bottom;}
#main #menu ul li a:active {color:#FFEE33; background: url(../pic/index.body.bottom.a.active.png) no-repeat right bottom;}
#main #menu ul li.aktiv a {color:#FFCC00;  background: url(../pic/index.body.bottom.a.hover.png) no-repeat right bottom;}
#main #menu ul li#m19 {margin-top: 10px;} 
#main #menu ul li#mcontact-incentive-agency-berlin a { color:#0ef;}

#main #header, 
#main #content {width:630px; float: left;}
#main #header #logo {margin: 18px 0 0 40px; display: block; padding: 10px; width: 109px;}


#main #header #submenuwrapper {height: 20px; margin: 0 80px 1px 0;}
/*
#main #header #submenu {background: url(../pic/main.header.submenu.bg.png) no-repeat right bottom; height: 20px; padding: 0 12px 0 0;}
#main #header #submenu ul {list-style: none; float: right; }
*/
#main #header #submenu {height: 20px; padding: 0 12px 0 35px;}
#main #header #submenu ul {list-style: none; }
#main #header #submenu ul li {float: left; }
#main #header #submenu ul li a {text-transform: uppercase; font-size: 0.75em; font-weight: normal; color: #93733D; text-decoration: none;  padding: 0 5px 0 15px; }
#main #header #submenu ul li a:hover {}
#main #header #submenu ul li.aktiv a {font-weight: bolder; font-style: italic; }

#main .welcome {overflow:hidden; height: 352px; background: url(../pic/main.header.welcome.bg.gif) repeat-x left top; margin:0; padding:0; }
#main .welcome #claim {text-align: right; padding: 10px 20px 10px 20px; margin-top: 16px; background: url(../pic/header/header.welcome.bg.jpg) no-repeat left top; height: 314px;}

#main .major {height: 250px; background:  url(../pic/main.header.major.bg.gif) repeat-x left top;}
#main .major #claim {text-align: right; padding: 5px 20px 10px 20px; background: url(../pic/header/header.major.bg.jpg) no-repeat left top; height: 107px;}

#main #claim h1 {float: right; font-style: italic; font-size: 1.3em; color: #0055FF; font-family: Georgia,"Bitstream Charter","Century Schoolbook L",Times,serif; width: 40%; margin-bottom: 15px;}
#main #claim h2 {float: right; font-style: italic; font-size: 1em; color: #0055FF; font-family: Georgia,"Bitstream Charter","Century Schoolbook L",Times,serif; width: 40%; margin-bottom: 15px;}
#main #claim h3 {float: right; font-style: italic; font-size: 0.8em; color: #0055FF; font-family: Georgia,"Bitstream Charter","Century Schoolbook L",Times,serif; width: 40%; margin-bottom: 15px;}
#main #claim p.bodytext .name-of-person { float: left; text-transform: uppercase; font-size: 0.7em; color: #0055FF; width: 100%; font-family: Georgia,"Bitstream Charter","Century Schoolbook L",Times,serif; padding-top: 0; margin-top: 0;}

#main #content #breadcrumb {clear:both; margin: 40px 30px 50px 51px;  font-size: 0.7em; color: #93733D;}
#main #content #breadcrumb a {padding: 5px 20px 5px 5px; text-decoration: none;}
#main #content #breadcrumb a:hover {text-decoration: underline;}

#main #content .pagelink {margin: 10px 30px 10px 51px; font-size: 0.7em; color: #93733D;}
#main #content .pagelink a {padding: 5px 20px 5px 5px; text-decoration: none;}
#main #content .pagelink a:hover {text-decoration: underline;}

#main #content {background: #F2E1B1 url(../pic/main.content.bg.gif) repeat-x left top; padding-bottom: 50px; }
#main #content h1 {color: #003380; font-size: 1.2em; padding:  0 0 0 50px; margin: 0 120px 0 0; background: url('../pic/main.content.h2.bg.png') no-repeat left bottom; display:-moz-inline-stack; display:inline-block; }
#main #content h2 {color: #003380; font-size: 0.8em; padding: 5px 0 0 80px;  margin: 0 120px 0 0; }
#main #content p {text-align:justify; font-size: 0.8em;  margin: 0; padding: 10px 120px 10px 80px; }
#main #content p strong {font-size: 1.05em; }
#main #content a {color: #93733D;}
#main #content p.align-right {text-align: right; padding-top:0px;}
#main #content p.align-right a {color: #93733D; text-decoration:none;}
#main #content p.align-right a:hover {color: #93733D; text-decoration:underline;}


/*---[ listen ]----------------------------------------------------------------------*/
#main #content ul {padding: 0px 120px 5px 98px; list-style-image: url(../pic/ico_list.png);}
#main #content ul li {font-size: 0.8em; margin: 5px 0 0 0px;}


#main #content .csc-textpic {width: 100%; float: left; margin: 10px 0 10px 0;}
#main #content .csc-textpic p {padding-top: 5px;}
#main #content .csc-textpic p.align-right {padding-top: 0px;}
#main #content .csc-textpic p.align-left {text-align:left;}
#main #content span.detail {color: #003380; font-weight:bold; }
#main #content .csc-textpic-imagewrap {float: left; padding-left: 80px; margin:0 10px 0 0;}
#main #content .csc-textpic-imagewrap img {padding: 0 0px 0 0px;}

#main #content.start p a {color: #000; text-decoration: none; }
#main #content.start p a:hover {color: #93733D;}
#main #content.start p a span.detail {color: #93733D; font-size: 1.3em;}


#main #content #col1 { width:340px; float:left; }
#main #content #col1 h2 { padding:0 0 0 80px; margin:0; }

#main #content #col2 { width:280px; float:left; }
#main #content #col2 h2 { padding:0 0 0 0px; margin:0; }
#main #content #col2 .csc-textpic-imagewrap { padding:0 0 0 0px; }


/*---[ formulare ]----------------------------------------------------------------------*/

form { margin:0; padding:20px 0 0 80px; font-size:1em; }
form input, form textarea { margin-top:10px; padding:2px; border:none; border-bottom:solid 1px #AD9562; width:350px; background:#FFFAD5; }
form input:hover, form textarea:hover, form input:active, form textarea:active { background:#fff; }
form input.csc-mailform-submit {color: #fff; border:none; height:28px; width:150px; cursor: pointer; background:url('../pic/main.content.button.bg.png') no-repeat center top; font-size: 12px;}
form label { font-size:10px; }

