/*CVS Add-ins*/
/*
$Revision: 1.43 $
$Date: 2009/03/27 09:29:07 $
$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; }

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; }

table tr td{ vertical-align: top; }


.wrapper{ width: 100%; min-width: 990px; }



/* Ajax-Styles*/

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







#header #navMain,
#header .logo {
	padding:0;
}


#searchheader .inner,
#header .inner,
.main #inhalt,
.communitybanner .inner {
	margin: 0 auto;
	min-width: 960px;
	max-width: 54em;
}


#footer .inner { min-width: 940px; }


/* header / searchheader */

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



#header form {
  background-position: 0 0;
  border: 1px solid #818080;
}


#header .logo{
  float: right;
  width: 138px;
}



#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: 30px; }

#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; }
.mainfooter{ display: block; width: 100%; height: 10px; clear: both; }
.main #inhalt{ position: relative; padding-top: 9px; }


/*bis hier alles in main*/

/* 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; }
#footer .inner #service{ float: right; width: 832px; }
#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; margin-top: -3px; }
#footer .inner .sociallinks div img,
#footer .inner .sociallinks ol,
#footer .inner .sociallinks li{ float: left; }

#footer .inner .sociallinks,
#footer .inner .sociallinks div{ float: right; margin-top: -3px; }
#footer .inner .sociallinks div img,
#footer .inner .sociallinks ol,
#footer .inner .sociallinks li{ float: left; }

#footer .inner .sociallinks{ width: 400px; }
#footer .inner .sociallinks div img{ margin-top: 6px; }
#footer .inner .sociallinks div li img{ margin-top: 0; }
#footer .inner .sociallinks li{ padding: 0; line-height: 100%; }

#footer .inner .sociallinks div li a:link,
#footer .inner .sociallinks div li a:visited{ display: block; height: 39px; }
#footer .inner .sociallinks div li a:hover img,
#footer .inner .sociallinks div li a:focus img,
#footer .inner .sociallinks div li a:active img{ display: none; }

#footer .inner .sociallinks div li.flickr a:link,
#footer .inner .sociallinks div li.flickr a:visited{ width: 78px; }
#footer .inner .sociallinks div li.youtube a:link,
#footer .inner .sociallinks div li.youtube a:visited{ width: 78px; }
#footer .inner .sociallinks div li.myspace a:link,
#footer .inner .sociallinks div li.myspace a:visited{ width: 113px; }
#footer .inner .sociallinks div li.facebook a:link,
#footer .inner .sociallinks div li.facebook a:visited{ width: 61px; }
#footer .inner .sociallinks div li.twitter a:link,
#footer .inner .sociallinks div li.twitter a:visited{ width: 85px; }

#footer .inner .sociallinks div li.facebook{ padding-left: 2px; padding-right: 1px; }

#footer .inner .copy{ float: left; min-width: 100px; width: 6em; 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; }


/* + + + + + 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; }

#navContent {
  height:1100px;
  left:0;
  margin-top:26px;
  overflow:visible;
  position:absolute;
  top:0;
  width:100%;
  z-index:30;
}
/*
#footer .inner .sociallinks {
  visibility: hidden;
  }
*/
