/** $Id: styles.css 3850 2008-11-05 11:32:22Z jens $ **/
/*
    Basis-CSS
    $Id: styles.css 3850 2008-11-05 11:32:22Z jens $
*/
body { background: url(../img/body_background.jpg) repeat 50% 10px; font-family: Arial, Helvetica, sans-serif; color: #666; text-align: center; }
a, .link { color: #666; text-decoration: underline; cursor: pointer; }
.arrow { background: url(../img/arrow_e41f29.gif) no-repeat 0 3px; padding: 0 0 0 9px; cursor: pointer; margin-right: 10px;}
.arrow_grey { background: url(../img/arrow_666666.gif) no-repeat 0 3px; padding: 0 0 0 9px; }
strong { font-weight: bold; }
img.left { float: left; margin: 0 8px 8px 0; }
img.border { border: 1px solid #e4e5e7; }
.clear { clear: both; float: none; height: 1px; }
.clear-left { clear: left; float: none; height: 1px; }
.clear-right { clear: right; float: none; height: 1px; }
q { font-weight: bold; }
.right { float: right; }
.left { float: left; }
td.right { float: none; text-align: right; }
.c_green { color: #ababab; }
div.column { width: 48%; }
.error, .mandatory { color: #e41f29; }
.no-display { display: none; }
blockquote { font-style: italic; }
.block { display: block; }
input,textarea,select{font-family:Arial, Helvetica, sans-serif;font-size:1em;font-weight:normal;color:#666; }
em { font-style: italic; }

#mainYourcha { width: 981px; margin: 0 auto; padding: 120px 0 0 0; text-align: left; position: relative; height: auto !important; /* IE6: */ height: 100%; min-height: 100%; background: url(../img/bgstern.gif) no-repeat 0 0; }

#logo { height: 102px; position: absolute; top: 22px; left: 26px; }

/** Content **/
div.content { font-size: 0.6875em; }
div.content h1 { font-weight: bold; font-size: 1.273em; margin: 0 0 1em 0; }
div.content h2 { font-weight: bold; font-size: 1em; margin: 1em 0 0.5em 0; }
div.content h3 { font-weight: bold; font-size: 1em; margin: 1em 0 0.5em 0; }
ul.tickList li { background: url(../img/tick.gif) no-repeat 0 3px; padding: 0 0 0 14px; }

ul.greygreen { border-top: 1px solid #cecece; }
ul.greygreen li { border-bottom: 1px solid #cecece; line-height: 3em; background-color: #fff; padding: 0 15px 0 15px; }
ul.greygreen li.alt { background-color: #f3f8ef; }

dl.greygreen { border-top: 1px solid #cecece; }
dl.greygreen dt, dl.greygreen dd { background-color: #fff; padding: 0 15px 0 15px; }
dl.greygreen dt { line-height: 3em; font-size: 1em; font-weight: bold; }
dl.greygreen dd { border-bottom: 1px solid #cecece; }
dl.greygreen dt.alt, dl.greygreen dd.alt { background-color: #f3f8ef; }

div.content hr { border: 0; border-top: 1px dotted #ababab; height: 1px; clear: left; }
div.content h2 { margin-top: 15px; }
div.content h1, div.content h2, div.content p, div.content hr, div.content blockquote, div.content ul { margin-left: 10px; margin-right: 10px; }
div.content > div { margin-left: 10px; margin-right: 10px; }
div.content p { margin-bottom: 1em; }
div.content ul.basic li { list-style: square; margin: 1em 0 1em 1em; }
div.content ul { margin-bottom: 1em; }
div.content ul li { list-style: square; margin: 0 0 0 15px; }
div.content ol { margin-bottom: 1em; }
div.content ol li { list-style: decimal; margin: 0 0 0 15px; }
div.content ul.arrowlist { margin-right: 0; }
div.content ul.arrowlist li { list-style: none; background: url(../img/arrow_e41f29.gif) no-repeat 0 3px; padding: 0 0 0 14px; margin: 0; }
div.center-content { width: 368px; margin: 0 0 0 184px; }  /* 2-spaltig zentriert */
div.left-content-onecolumn { width: 184px; margin: 0 0 0 0; }  /* 2-spaltig links */
div.left-content-twocolumn { width: 368px; margin: 0 0 0 0; }  /* 2-spaltig links */

dl.captionfoto { float: right; margin: 0 15px 3px 11px; background-color: #fff; padding: 7px; border-top: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }
dl.captionfoto-left { float: left; }
dl.captionfoto dt { width: 142px; text-align: center; }
dl.captionfoto dd { width: 142px; }

#content h1, #content h2, #content p, #content hr, #content blockquote,
#content3 h1, #content3 h2, #content3 p, #content3 hr, #content3 blockquote,
#content4 h1, #content4 h2, #content4 p, #content4 hr, #content4 blockquote
{ margin-left: 0; }
#content div, #content3 div, #content4 div { margin: 0; }
#content, #contentRight, #content3, #content4, #keyvisual, #register, #login, #content4loggedin { float: left; }
#content { width: 368px; margin: 20px 0 35px 48px; }  /* 2-spaltig */
#contentRight { width: 368px; margin: 20px 0 35px 0 }  /* 2-spaltig (rechts) */
#content3 { width: 552px; margin: 20px 0 35px 48px; } /* 3-spaltig */
#content4 { width: 736px; margin: 20px 0 35px 48px; } /* 4-spaltig */
textarea, input.text, select, div#content3 form div.row div.right input { border-top: 1px solid #8a8a8a; border-left: 1px solid #8a8a8a; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; width: 99%; }
input.yacode { width: 30%; text-align: center; }
#content4 div.content_2col{ float: left; width: 358px; padding-right: 10px; }
.content-border-right { border-right: 1px solid #ababab; }
input.text-20 { width: 19%; margin: 0 0 10px 0; }
input.text-80 { width: 79%; margin: 0 0 10px 0; }
#content div.labelgroup, #content div.inputgroup { margin: 0 10px 0 0; }

#keyvisual { margin: 20px 0 0 16px; position: relative; } 
#keyvisual ul { position: absolute; bottom: 20px; left: 20px; font-size: 0.75em; } 
#keyvisual ul li { float: left; } 
/*
#keyvisual { margin: 20px 0 0 16px; position: relative; border: 1px solid #ababab; width: 512px; height: 313px;}
*/


/** Main Menu **/
#mainmenu { position: absolute; top: 50px; right: 12px; }
#mainmenu li { background: url(../img/mainmenu_bg.gif) no-repeat -10px 0; float: left; padding: 0; height: 25px; }
#mainmenu li.first { background-position: 0 0; }
#mainmenu li.first a { border-left: none; padding-left: 10px; }
#mainmenu li.last { background-position: 100% 0; }
#mainmenu li.last a { border-right: none; padding-right: 10px; }
#mainmenu a { text-decoration: none; color: #fff; font-size: 0.75em; border-left: 1px solid #d7d7d7; border-right: 1px solid #a3a3a3; margin: 3px 0 0 0; padding: 0 7px; height: 19px; line-height: 19px; display: block; white-space: nowrap; }
#mainmenu a.selected { font-weight: bold; }

/** Topics **/
#topics { margin: 20px 0 35px 48px; font-size: 0.625em; }
div.topic { width: 182px; height: 185px; float: left; border-left: 2px solid #ababab; }
div.topicFirst { border-left: none; width: 184px; }
div.topic h2, div.topic h3, div.topic ul, div.topic p { margin-left: 10px; margin-right: 3px; }
div.topic h2 { font-weight: bold; font-size: 1.2em; margin: 0 10px 0.5em 10px; }
div.topic h3 { font-weight: bold; font-size: 1em; margin: 0.5em 10px 0 10px; }
div.topicFirst h2, div.topicFirst h3, div.topicFirst ul, div.topicFirst p { margin-left: 0; }
#topicStatements img, #topicLive img { border: 4px solid #e4e5e7; margin: 0 4px 4px 0; }
ul.galleryThumbs li { float: left; }

/** Toolbox **/
#special img { position: absolute; top: 0; left: 0; }
#special h2 { font-weight: bold; font-size: 0.75em; margin: 0 0 0.5em 0; }
#special p, #special ul { font-size: 0.6875em; }
#special h3 { font-weight: bold; font-size: 0.6875em; }
#special div { position: absolute; width: 170px; }
#special div.special-active, #special div.special-active a { color: #fff; }

div.special-horizontal { margin: 0 0 0 42px; padding: 0; position: relative; height: 217px; }
div.special-horizontal .special-1 { top: 40px; left: 20px; }
div.special-horizontal .special-2 { top: 40px; left: 200px; }
div.special-horizontal .special-3 { top: 95px; left: 200px; }
div.special-horizontal .special-4 { top: 163px; left: 200px; }
div.special-horizontal .special-5 { top: 83px; left: 384px; }
div.special-horizontal .special-6 { top: 123px; left: 384px; }
div.special-horizontal .special-7 { top: 40px; left: 384px; }
div.special-horizontal .special-8 { top: 163px; left: 384px; }
div.special-horizontal .special-9 { top: 40px; left: 568px; }
div.special-horizontal .special-10 { top: 86px; left: 568px; }
div.special-horizontal .special-11 { top: 147px; left: 568px; }
div.special-horizontal .special-13 { top: 140px; left: 768px; }

div.special-horizontal .special-13 li { width: 130px; }
div.special-horizontal .special-13 .modul-pflicht { background: url(../img/modul_pflicht.gif) no-repeat 99% 50%; }
div.special-horizontal .special-13 .modul-wahl { background: url(../img/modul_wahl.gif) no-repeat 100% 50%; }

div.special-vertikal { float: left; position: relative; margin: 20px 0 0 -7px;  height: 339px; }
div.special-vertikal .special-1 { top: 40px; left: 17px; }
div.special-vertikal .special-2 { top: 90px; left: 17px; }
div.special-vertikal .special-3 { top: 145px; left: 17px; }
div.special-vertikal .special-4 { top: 213px; left: 17px; }
div.special-vertikal .special-5 { top: 296px; left: 17px; }
div.special-vertikal .special-6 { top: 253px; left: 17px; }
div.special-vertikal .special-7 { top: 90px; left: 200px; }
div.special-vertikal .special-8 { top: 133px; left: 200px; }
div.special-vertikal .special-9 { top: 170px; left: 200px; }
div.special-vertikal .special-10 { top: 215px; left: 200px; }
div.special-vertikal .special-11 { top: 275px; left: 200px; }


/** Footer **/
#footer { height: 55px; background-color: #ababab; text-align: center; color: #fff; font-size: 0.625em; line-height: 55px; margin: 60px 0 0 0; }
#footer a { color: #fff; text-decoration: none; }

#verlines { position: absolute; top: 0; left: 48px; }
#verlines li { border-left: 1px solid #000; height: 1000px; width: 1px; margin: 0 182px 0 0; float: left; }
#verlines li.last { margin: 0 0 0 0; }

#col5 { margin: 9px 0 0 0; float: right; }
div.contact-column { background: url(../img/col5-bg-contact.jpg) no-repeat 0 0; }