/*CVS Add-ins*/
/*
$Revision: 1.37 $
$Date: 2009/01/08 10:08:05 $
$RCSfile: basics.css,v $
Authors: JDE, SPI
Copyright (c) A&B. face2net GmbH
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    basics.css fuer SPD08008 (AJ) (strukturelle Styles)
    21.11.2008 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Global and general styles: */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + global basics + + + + + */
.out{ position: absolute; top: -25000px; left: -17000px; }

.none, 
.nobreak, 
hr.structure{ display: none; }

.inline{ display: inline; }
.block{ display: block; }

table tr td{ vertical-align: top; }
img{ display: block; font-size: .69em; }
.noWrap{ white-space: nowrap; }
.pointer{ cursor: pointer; }

.floatLeft{ float: left; }
.floatRight{ float: right; }
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.clearBoth{ clear: both; }
.clearBothDisplayNone{ clear: both; display: none; }
.displayNone{ display: none; }

.half{ width: 50%; }

a:link, 
a:visited{ font-weight: bold; text-decoration: none; }
a:hover, 
a:focus,
a:active{ text-decoration: underline; }

acronym{ cursor: help; }
form label{ cursor: pointer; }


/* Ajax-Styles */
#content #thema{ width: 1px; height: 1px; position: absolute; top: -20em; }


/* + + + + + structure + + + + + */
.wrapper{ width: 100%; min-width: 990px; }
#searchheader .inner, 
#header .inner, 
.main #inhalt, 
.communitybanner .inner, 
#footer .inner{ margin: 0 auto; min-width: 960px; max-width: 54em; }
#footer .inner{ min-width: 940px; }


/* header / searchheader */
#header .inner, #searchheader .inner{ position: relative; }

#searchheader #quicksearch{ position: absolute; top: .2em; right: 12px; width: 936px; z-index: 10; }
#searchheader #direct{ position: absolute; top: .2em; left: 0; z-index: 20; width: 100%; }

#header #navMain{ /*clear: both;*/ }
#searchheader .blend{ min-height: 1.7em; height: 25px; }
#header #navMain hr{ clear: both; width: 600px; height: 14px; }
#searchheader form{ float: right; font-size: .75em; margin-right: 0; }
#searchheader form input{ margin: 0; float: left; }
#searchheader form input.formElement{ width: 9em; margin-top: 2px; }
#header hr.structure{ display: block; clear: both; height: 1px; font-size: 1px; }


/* main */

.main{ clear: both; /*position: relative;*/ margin-top: 0; }
/* Test wg. IE6
.main{ clear: both; position: relative; margin-top: 0; } */
.mainfooter{ display: block; width: 100%; height: 10px; clear: both; }
.main #inhalt{ position: relative; padding-top: 9px; }


/* schattenstruktur contentbox */
.main #inhalt .contentbox{ position: relative; min-height: 404px; margin: 0 165px 5px 0; }
.main #inhalt hr.contentfooter{ clear: both; display: block; height: 1px; width: 10px; overflow: hidden; font-size: 1px; line-height: 1%; margin-top: -10px; }

.main .logo{ position: absolute; top: 0; right: 0; padding: 25px 2px 0 0; }
.main .banner_area{ position: absolute; top: 0; right: 0; height: 201px; width: 133px; margin-top: 218px; padding: 10px 12px 0 0; }
.main .banner_area .banner_2, .main .banner_area .banner_1, .main .banner_area .banner_0{ position: absolute; left: 0; }
.main .banner_area .banner_2{ bottom: 140px; }
.main .banner_area .banner_1{ bottom: 70px; }
.main .banner_area .banner_0{ bottom: 0; }
.main .banner_area a:link,
.main .banner_area a:visited{ display: block; }


/* communitybanner */
.communitybanner{ min-height: 137px; }
.vers6 .inner{ padding-left: 24px; }
.communitybanner .inner ul{ padding-top: 8px; }
.communitybanner .inner li{ float: left; }
.communitybanner .inner li a:link,
.communitybanner .inner li a:visited{ display: block; width: 155px; height: 120px; }
.communitybanner .inner li img{ }

.vers5 .inner li{ padding-left: 27px; padding-right: 13px; }
.vers5 .inner ul{ margin-left: -15px; }

.vers4 .inner li{ padding-left: 92px; padding-right: 13px; }
.vers4 .inner ul{ margin-left: -80px; }


/* + + + + + footer + + + + + */
#footer{ min-height: 57px; padding-top: 22px; margin-bottom: 70px; }

#footer .inner{ height: 57px; /* achtung floaten der inneren Container nicht stoppen */ }
#footer .inner #service{ float: right; width: 772px; }
#footer .inner .hint{ position: absolute; left: -2000em; top: -20000em; }

#footer .inner .footerlinks{ float: right; }
#footer .inner .footerlinks li{ float: left; padding: 4px 8px 2px 5px; }
#footer .inner .footerlinks li a:link, 
#footer .inner .footerlinks li a:visited,
#footer .inner .footerlinks li.active strong{ padding: 2px 5px; }

#footer .inner .langlinks li a:hover, 
#footer .inner .langlinks li a:focus,
#footer .inner .langlinks li a:active,
#footer .inner .footerlinks li a:hover, 
#footer .inner .footerlinks li a:focus,
#footer .inner .footerlinks li a:active{ text-decoration: none; }

#footer .inner .langlinks{ float: left; }
#footer .inner .langlinks li{ float: left; padding: 4px 7px 2px 5px; }
#footer .inner .langlinks li a:link, 
#footer .inner .langlinks li a:visited{ padding: 2px 5px; }

#footer .inner .sociallinks,
#footer .inner .sociallinks div{ float: right; }
#footer .inner .sociallinks div img,
#footer .inner .sociallinks ol,
#footer .inner .sociallinks li{ float: left; }

#footer .inner .sociallinks{ width: 340px; }
#footer .inner .sociallinks div img{ margin-top: 3px; }
#footer .inner .sociallinks div li img{ margin-top: 0; }
#footer .inner .sociallinks li{ padding: 2px 0 2px 2px; line-height: 100%; }
#footer .inner .sociallinks div li a:link,
#footer .inner .sociallinks div li a:visited{ display: block; height: 31px; }

#footer .inner .copy{ float: left; min-width: 120px; width: 8em; padding: 9px 2px 2px 2px; }
#footer .inner .copy span{ line-height: 100%; white-space: nowrap; }

#footer .inner .copy span, 
#footer .inner li a:link, 
#footer .inner li a:visited, 
#footer .inner li.active strong{ display: block; font-size: .75em; font-weight: bold; text-transform: uppercase; }
#footer .inner li.active a:link, 
#footer .inner li.active a:visited{ cursor: text;  }

#footer .inner span, 
#footer .inner a:link, 
#footer .inner a:visited{ display: block; font-family: arial, verdana, sans-serif; font-size: .75em; font-weight: bold; text-transform: uppercase; }


/*#aj_service im footer*/
#footer #aj_service{ clear: both; margin: 0; padding-top: 19px /*23*/; }


/* + + + + + contact + + + + + */
#footer .inner #contact{ clear: both; padding: 5px 0 0; }

#footer .inner #banner,
#footer .inner #footercontent{ margin: 0 auto; }
#footer .inner #footercontent{ margin-top: -7px; padding-bottom: 0; }

#footer .inner #banner a:link, 
#footer .inner #banner a:visited{ text-decoration: none; cursor: pointer; }

#footer .inner #banner{ height: 78px; padding: 0; }
#footer .inner #banner h3{ float: left; width: 14em; font-size: 1.69em; padding: 20px 0 0 30px; }
#footer .inner #banner p{ padding-top: 31px; }

#footer .inner #banner h3, 
#footer .inner #banner h3 a:link, 
#footer .inner #banner h3 a:visited{ padding-bottom: 1px; }
#footer .inner #banner h3 a:link, 
#footer .inner #banner h2 a:visited, 
#footer .inner #banner h3 a:hover, 
#footer .inner #banner h3 a:focus, 
#footer .inner #banner h3 a:active, 
#footer .inner #banner h3 a span{ cursor: text; text-decoration: none; }

#banner h3.js_show a span{ cursor: pointer; padding-right: 48px; }
#banner h3.js_show a:link, 
#banner h3.js_show a:visited{ cursor: pointer; }
#banner h3.js_show a:hover, 
#banner h3.js_show a:focus, 
#banner h3.js_show a:active{ cursor: pointer; text-decoration: none; }

#footer .inner #banner div.display{ float: right; text-align: right; width: 10em; font-size: 1em; font-weight: bold; margin-right: 30px; }
#footer .inner #banner div.display a:link, 
#footer .inner #banner div.display a:visited{ display: block; font-size: .75em; font-weight: bold; text-transform: uppercase; padding: 32px 25px 0 0; }

/*#footer .inner #footercontent legend{ position: absolute; top: -25000px; left: -17000px; }*/
#footer .inner #footercontent optgroup{ font-size: 1.06em; padding: 3px 0; }

#footer .inner #footercontent .error{ font-weight: bold; }
#footer .inner #footercontent label.error{ padding: 0 2px 3px; }
#footer .inner #footercontent p.error{ width: 408px; margin: 7px 0 10px 35px; padding: 0 2px; }
#footer .inner #footercontent p.status{ width: 408px; margin: 7px 0 10px 35px; padding: 0 2px 40px; font-size: .75em; }
#footer .inner #footercontent p.status strong{ font-size: 1em; display: block; }

#footer .rightSet{ float: right; width: 450px; }
#footer .leftSet,
#footer .bothSet{ padding-left: 30px; }

#footer .inner #contact form{ padding-bottom: 20px; }
#footer .inner #contact .formElement{ width: 267px; min-height: 17px; margin-bottom: 10px; }
#footer .inner #contact .bothSet .formElement{ width: auto; }
#footer .inner #contact .leftSet .formElement{ width: 310px; }
#footer .inner #contact .leftSet textarea.formElement{ height: 120px; }

#footer .inner #contact .formitem{ clear: left; padding: 5px 0 0; }
#footer .inner #contact .formitem#checkbox{ clear: both; float: left; width: 775px; padding: 15px 0 0 30px; }
#footer .inner #contact .formitem#sendButton{ clear: none; padding: 15px 25px 0 0; }

#footer .inner #contact .itemLabel{ clear: left; float: left; width: 150px; font-weight: bold; margin-left: 6px; padding-bottom: 0; }
#footer .inner #contact .leftSet .itemLabel,
#footer .inner #contact .bothSet .itemLabel{ width: 100px; }
#footer .inner #contact .formitem#checkbox .itemLabel{ width: 13em; }
#footer .inner #contact .radioItem label span{ display: block; font-size: 1em; font-weight: normal; text-transform: none; line-height: 130%; margin-left: 15.5em; }
#footer .inner #contact .radioItem label input{ float: left; }

#footer .inner #contact .sendButton{ float: right; display: block; font-weight: bold; padding: 3px 4px; }
#footer .inner #contact hr{ height: 20px; }

#footer .inner #contact a:hover,
#footer .inner #contact a:focus, 
#footer .inner #contact a:active{ text-decoration: underline; }


/* + + + + + impressum + + + + + */
#footer .impress{ clear: both; padding: 20px 0 0; }

#footer .impress .floatLeft p, #footer .impress .floatLeft h4{ padding: 0 5px 15px 30px; }
#footer .impress .floatRight p,  #footer .impress .floatRight h4{ padding: 0 30px 15px 5px; }
#footer .impress .floatRight ul{ padding: 0 30px 15px 5px; } 
#footer .impress .floatLeft ul{ padding: 0 5px 15px 30px; } 
#footer .impress .floatLeft ul.rsslist li a:link, #footer .impress .floatRight ul.rsslist li a:link,
#footer .impress .floatLeft ul.rsslist li a:visited, #footer .impress .floatRight ul.rsslist li a:visited,
#footer .impress .floatLeft a.footercontentlink:visited, #footer .impress .floatRight a.footercontentlink:visited, 
#footer .impress .floatLeft a.footercontentlink:link, #footer .impress .floatRight a.footercontentlink:link{ 
text-transform: none; font-weight: bold; display: inline; font-size: 100%; } 
#footer .floatLeft h4,
#footer .floatRight h4,
#footer .floatLeft strong{ font-size: 1.32em; font-weight: normal; padding-left: 30px; padding-bottom: 5px; }
#footer .impress .half strong{ display: block; }

#footer .inner .impress a:hover,
#footer .inner .impress a:focus, 
#footer .inner .impress a:active{ text-decoration: underline; }