/*CVS Add-ins*/
/*
$Revision: 1.32 $
$Date: 2009/03/27 11:57:25 $
$RCSfile: basics.css,v $
Authors: JDE, SPI
Copyright (c) A&B. face2net GmbH
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    basics.css fuer SPD08008 (barrierefreie Version) (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; }

.floatLeft{ float: left; }
.floatRight{ float: right; }
.clearLeft{ clear: left; }
.clearRight{ clear: right; }
.clearBoth{ clear: both; }
.pointer{ cursor: pointer; }
.displayNone{ display: none; }
.clearBothDisplayNone{ clear: both; 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; }


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










.main #inhalt,
#footer .inner{
	max-width: 940px;
	margin: 0 auto;
}


/*header*/

#navMain{
	margin-left: 35px;
	clear: left;
}


#header #navMain,
#header .logo{ padding-top: 2.3em; }


#header .inner{
	position: relative;
	width: 100%;
	margin: 0 auto;
}

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


#header #quicksearch{ position: absolute; top: .2em; left: 0; z-index: 10; width: 100%; }
#header #direct{ position: absolute; top: .2em; left: 0; z-index: 20; width: 100%; }

#header form{ float: right; font-size: .75em; margin-right: 3px; }
#header form input{ float: left; margin: 0; }
#header form input.formElement{ width: 9em; margin-top: 2px; }
#header hr.structure{ clear: both; display: block; height: 1px; font-size: 1px; }


/*main*/

.main{ clear: both; position: relative; margin-top: 0; }
.mainfooter{ clear: both; display: block; width: 100%; height: 10px; }
.main #inhalt{ position: relative; }


/*bis hier alles in main*/

#content .inner{
	width: 580px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#content{
	position: relative;
	z-index: 40;
	float: right;
	width: 71.5%;
	min-width: 590px;
	min-height: 1050px;
	margin-top: 26px;
	margin-left: 11em;
}

#navContent{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	height: 1100px;
	overflow: visible;
	margin-top: 26px;
}


/*communitybanner*/
.communitybanner{ float: left; margin: 40px 690px 10px 0; }
.communitybanner h2{ padding: 5px 10px; }
.communitybanner li{ clear: left; display: block; min-height: 60px; font-size: .82em; }
.communitybanner li img{ float: left; margin-top: -20px; padding-right: 5px; }
.communitybanner li a:link,
.communitybanner li a:visited{ float: left; display: block; min-height: 38px; min-width: 190px; padding-top: 20px; padding-right: 1em; }
.communitybanner li a:link span,
.communitybanner li a:visited span{ }


/*bannerarea*/
.banner_area{ float: left; margin: 30px 694px 10px 0; }
.banner_area .banner{ width: 100%; float: left; display: block; min-height: 60px; margin-bottom: 10px; }
.banner_area .banner a:link,
.banner_area .banner a:visited{ display: block; float: right; margin-right: 10px; }


/*footer*/

#footer{ position: relative; z-index: 100; margin-bottom: 70px; padding-top: 22px; }

#footer .inner{ min-height: 57px; }
#footer .inner:after{ content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
#footer .inner #service{ float: right; width: 772px; }

#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{ padding: 2px 5px; }

#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.facebook{ padding-left: 2px; padding-right: 1px; }

#footer .inner .sociallinks div li.twitter a:link,
#footer .inner .sociallinks div li.twitter a:visited{ width: 85px; }

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

/*breadcrumb*/
#breadcrumb{ clear: left; max-width: 780px; margin: 0 150px 0 0; padding-bottom: 8px; }
#breadcrumb img {margin-bottom:8px;}
#breadcrumb:after{ content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#breadcrumb p{
	/*margin: 0; */
	margin-left:35px;
	padding: 0;
	font-size: 1em;
}
#breadcrumb span.none{ display: none; }
#breadcrumb span{ float: left; display: block; width: auto;
	/*margin-bottom: 4px; */
	min-height: 1.5em;
}