/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* zentrieren fuer ie 5.5 */
body {text-align:center;}
#container {text-align:left;}
body {font-size:62.5%; color:#555550;font-family: Verdana, Arial, sans-serif; background: #f9f9f7 url(../interface/bgd.jpg) repeat-x;}
#contentwrapper {font-size: 1.1em;}
/* Wrapp it all up - including footer with copyright */
#wrapper {width:824px;margin: 0 auto; margin-top:39px; padding:0;text-align:left;}
#container {width:820px; margin:0; padding:0; background:url(../interface/shadow.jpg) center top no-repeat;}
/* logo + slogan */
#logo {width:134px; height:55px; text-align: left; padding:28px 0 0 30px;}
#logo h1 {width:134px; height:55px; background: url(../interface/logo.gif) left top no-repeat;margin: 0;padding:0;text-indent: -9999px;}
#slogan {float:right; width:263px; height:15px; text-align: left; padding:49px 30px 0 0;}
#slogan h1 {width:263px; height:15px; background: url(../interface/slogan.gif) left top no-repeat;margin: 0;padding:0;text-indent: -9999px;}
/* Navigation */
#menu{width:763px; margin-top:25px; margin-left:27px; font-weight:bold; background: transparent;}
#menu {voice-family: "\"}\"";voice-family: inherit;}
#menu ul#nav {font-size:1.05em; line-height:1.1;margin:0;padding:0;list-style:none;font-weight:normal;}
#menu li {display:inline;margin:0 2px 0 0;padding:0;}
#menu a {float:left;color: white;background: #6a6a65 url(../interface/color_tabs_left.gif) no-repeat left top;margin:0 2px 0 0; padding:0 0 5px 3px; text-decoration:none;}
#menu a span {float:left; display:block; background: transparent url(../interface/color_tabs_right.gif) no-repeat right top; padding:7px 9px 2px 6px;}
#menu a span {float:none;}
#menu a:hover {background-color: #ccda15;color:#2e2e2c;font-weight:bold;}
#menu a:hover span {background-color: #ccda15;color:#2e2e2c;font-weight:bold;}
#menu #current a, #menu #current span {background-color: #ccda15;color:#2e2e2c;font-weight:bold;}
/* Submenu */
#submenu{clear:both; width:816px; margin:0 0 0 2px; padding:0; background: url(../interface/headerbgd.jpg) repeat-x;min-height:86px;}
#submenu ul#subnav {font-size:1.1em; margin:0;padding:23px 25px;list-style:none;}
#submenu li {margin:0 2px 0 0;padding:0;}
#submenu a {color:#2e2e2c; text-decoration:none;}
#submenu a:hover {font-weight:bold;}
#submenu #current a {font-weight:bold;}
/* Introbild */
#headerimage {clear:both; width:816px; height:269px; margin:0 0 0 2px; padding:0; background-color:#ccda15;background: url(../interface/headerbgd.jpg) repeat-x;}
/* grauer Balken */
#greybar {clear:both; width:816px; height:38px; margin:0 0 0 2px; padding:0; background-color:#c2c2c2; border-bottom:1px solid #a5a5a5;}
/* footer */
#footer {clear:both; width:820px; margin:0; padding:0; background: url(../interface/footer-bgd.jpg) center top no-repeat; height:61px;}
#footer p {color:#555550;font-size: 1.0em; padding:10px 10px 0 25px;}
/* Content */
#contentwrapper {clear:both;width:816px; margin:0 0 0 2px; padding:30px 0 40px 0;}
.grey {background-color:#ededed;}
.subGeorg {background: url(../images/pic-georg3.jpg) left bottom no-repeat;}
.subChristian {background: url(../images/pic-christian.jpg) left bottom no-repeat;}
.subChristoph {background: url(../images/pic-christoph.jpg) left bottom no-repeat;}
.subRobert{background: url(../images/pic-robert2.jpg) left bottom no-repeat;}
.subTeam {background: url(../images/pic-team2.jpg) left bottom no-repeat;}
.subKontakt {background: url(../images/pic-kontakt.jpg) left bottom no-repeat;}
/*
.subMedientraining,.subModeration,.subKommunikation,.subArbeitsweise,.subKontakt {background: url(../interface/subcontent_bgd.jpg) left bottom repeat-x;}
*/
/* Dreispaltig */
#col1 {width:225px; margin:0; padding-left:38px; float: left;}
#col2 {width:225px; margin:0 0 0 292px; padding:0;}
#col3 {width:225px; margin:0; padding-right:38px; float: right; }
/* Subseiten, Bild als Hintergrund und Text rechts */
#textcol {width:400px; margin-left: 266px; padding-top:25px;}
/* ohne Bilder:
#textcol {width:400px; margin-left: 290px; padding-top:25px;}*/
/* überschriften */
#contentwrapper h1 {font-weight:normal; font-size:1.8em;font-family: Arial, Helvetica, sans-serif;color:#555550;line-height:2.2;}
#contentwrapper h2 {font-weight:normal; font-size:1.6em;font-family: Arial, Helvetica, sans-serif;color:#555550;line-height:2.2;}
#contentwrapper h3 {font-weight:bold; font-size:1.2em;font-family: Arial, Helvetica, sans-serif;color:#555;line-height:2.2;}
#contentwrapper a:hover h1, #contentwrapper a:hover h2, #contentwrapper a:hover h3 {color:#555550;text-decoration:underline;}
a:link, a:visited,a:active {color:#067ccf;text-decoration:none;outline: none;}
a:hover {color:#067ccf;text-decoration:underline;outline: none;}
a.more {line-height:2.1;font-size:1.0em;}
p {margin-bottom:0.6em;}
strong, .strong {font-weight:bold;color:#6a6a65;}
.hochgestellt {vertical-align:super;}
#contentwrapper ul {margin:1em 2em;}
blockquote {font-size:1.3em; font-family: Georgia,serif;font-style: italic;color: #898782;background-color: transparent;line-height:1.5;margin: 20px 10px 20px -23px;padding: 0 0 0 25px;background: url(../interface/lquote2.gif) no-repeat left top !important; background /**/:url(); /* removing quote graphic in IE5+ */ }
blockquote p {background: url(../interface/rquote.gif) no-repeat right bottom !important;background /**/:url(); /* removing quote graphic in IE5+ */ margin: 0;padding: 0;}
/* Formular */
.required {font-weight:bold; color:#C9D614;}
.errortext {color:#ff0000;}
input, textarea {font-family: Verdana,Arial, Helvetica, sans-serif;color:#666;font-size: 1.0em;}
input.greenbgd {border:none;background-color:#dfe86e;margin-bottom:7px;width:200px; padding:3px 4px 3px 4px;border-right:1px solid #C9D614;border-bottom:1px solid #C9D614;}
textarea.greenbgd {border:none;background-color:#dfe86e;margin-bottom:7px;width:200px; height:153px;padding:3px 4px 0 4px;;border-right:1px solid #C9D614;border-bottom:1px solid #C9D614;}
input.button {font-size: 1.0em; margin-top:1em;}