/* ******************************************************************************************************************
MASSEN	                                                                                                  			*
****************************************************************************************************************** */
/*	LAYER WIDTH			354px	*/
/*	CONTENT WIDTH		934px	*/

/* ******************************************************************************************************************
RESET	                                                                                                  			*
****************************************************************************************************************** */

@import url("/styles/reset.css");

/* ******************************************************************************************************************
GLOBAL	                                                                                                  			*
****************************************************************************************************************** */
html{
    height:100%;
    background-color:#E3E3E3;
}
body{
    margin:0 12px;
	color: #333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color: #E3E3E3;
    background-color: #FFF;
    border: 0px #FFF solid;
    border-left: 1px #FFF solid;
    border-right: 1px #FFF solid;
    background-image:url(/images/A/common/backgrounds/bg.jpg);
    background-position:top center;
    background-attachment: fixed;
    background-repeat:no-repeat;
	min-height:100%;
	height: auto !important; 
	height: 100%;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
abbr, acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}
hr {
	height: 1px;
}
table, td, tr, th {
	vertical-align: top;
	text-align: left;
}
a{
	font-weight:bold;
	text-decoration:none;
	color: #2E2E2E;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}
a:link,
a:visited,
a:active,
a:hover,
a:focus{
	color:#2E2E2E;
}
a.username{
    color:#818181;
    text-decoration:underline;
}
a.username:hover,
a.username:focus{
    color:#2E2E2E;
}

img{
	border:0;
}
/* SUBHEADLINE 1 */
h2.subHeadline1{
    color:#2280DC;
	font-weight:bold;
	font-size:16px;
	line-height:24px;
    text-transform:uppercase;
    display:block;
}
a.subHeadline1,
a.subHeadline1:hover
a.subHeadline1:focus{
    color:#2280DC;
	font-weight:bold;
	font-size:16px;
	line-height:24px;
    text-transform:uppercase;
    display:block;
}
/* SUBHEADLINE 2 */
h1{}
h2,
h3.legend,
#member_search h3{
	color:#2280DC;
	font-weight:bold;
	font-size: 11px;
	line-height:16px;
    text-transform:uppercase;
}

.errorMessage{
	padding:4px 10px;
	display:block;
	color:#FF0000;
}

/* ******************************************************************************************************************
BG-BILD ERSESTZUNGEN F�R GRAFISCHE HEADLINES UND BUTTONS 		*
****************************************************************************************************************** */

.cssImageReplace{
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
}
button.cssImageReplace,
a.cssImageReplace{
	cursor:pointer;
}

/* ******************************************************************************************************************
STRUCTURE                                                                                                  			*
****************************************************************************************************************** */

#absHeader{
    position:absolute;
    width:100%;
    height:13px;
    background-color:#E3E3E3;
    top:0;
    left:0;
    border-top: 1px #FFF solid;
}
#absBorder{
    margin: 0 13px;
    border-bottom:1px #FFF solid;
    height:12px;
    display:block;
}

#container{
    width:100%;
	height: 100%;
}

#canvas{
    display:block;
    width:934px;
    margin: 0 auto;
}

/* ******************************************************************************************************************
HEADER                                                                                                  			*
****************************************************************************************************************** */

#header {
    margin:0;
	height:92px; /* ALTER WERT 72px */
	overflow:visible;
	position:relative;
	z-index:99;
}
#header #nav{
	position:absolute;
    left:1px;
    padding-left:15px;
    padding-top:2px;
    height:26px;
    width:340px;
	/* left:15px; */
	top:47px;
    background-image:url(/images/A/common/backgrounds/nav_bg.png);
    background-position:top left;
    background-repeat:no-repeat;
}
#header #logo{
	background-color:transparent;
	position:absolute;
    top:14px;
	right:66px;
	width:105px;
	height:48px;
}

/* ******************************************************************************************************************
CONTENT                                                                                                  			*
****************************************************************************************************************** */

#content{
    margin:0 0 25px 26px;
	position:relative;
	height: 100%;
}

/* ******************************************************************************************************************
FOOTER                                                                                                  			*
****************************************************************************************************************** */

#footer{
	font-size:9px;
	color:#818181;
    bottom: 0px;
    background-color: #E3E3E3;
    width:100%;
    display:block;
    left:0px;
    position:fixed;
}
#footerContent{
    margin: 0 13px;
    border-top: 1px #FFF solid;
}
#footer ul li {
	display: inline;
}
/*
#footer ul li.sharethis {
	margin-top:-20px;
    background-color:#FF00AA;
}
*/
#footer ul.meta {
	float: left;
    margin:4px 0;
}
#footer ul.legalnotes {
	float: right;
    margin: 8px 0;
}
#footer ul.meta a {
	float: left;
	margin-right: 14px;
    margin-top:4px;
}
#footer ul.meta a.addthis_include {
    margin-top:2px;
}
#footer ul.legalnotes a {
	margin-left: 14px;
}
#footer ul.meta a:hover,
#footer ul.legalnotes a:hover {
    color:#2E2E2E;
}

#footer a:link {color:#575757; text-decoration:none; border: 0px #ffff00 solid; font-weight:bold;}
#footer a:visited {color:#575757; text-decoration:none; border: 0px #ffff00 solid; font-weight:bold;}
#footer a:hover {color:#111; text-decoration:none; border: 0px #ffff00 solid; font-weight:bold;}
#footer a:active {color:#575757; text-decoration:none; border: 0px #ffff00 solid; font-weight:bold;}

/* LANGUAGE POPUP */
#language{
	background-color:#FBFCFF;
	display:block;
	position:absolute;
	z-index:100;
	width:72px;
	border:1px solid #D0D0D0;
	border-bottom:0px solid #D0D0D0;
	top:-73px;
	left:55px;
}
#language ul li{
	display:block;
	width:72px;
	border-top:1px dotted #D0D0D0;
}
#language ul li.first{
	border-top:0px dotted #D0D0D0;
}
#language a{
    margin-left:5px;
    text-transform:uppercase;
	display:block;
	width:72px;
	font-size:10px;
	line-height:17px;
    color:#818181;
}
#language a:hover{
    color:#2280DC;
}

/* ******************************************************************************************************************
CLEARING  & MISC                                                                                                 			*
****************************************************************************************************************** */

.hidden {
	width: 10px;
	position: absolute;
	left: -99999em;
	top: -99999em;
	line-height: 0;
}

#footer:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	height: 0;
	line-height: 0;
	clear: both;
}

/* ******************************************************************************************************************
VERTICAL ALIGN                                                                                                 			*
****************************************************************************************************************** */

.verticalAlign_floater	{float:left; height:50%; } /* ACHTUNG: Muss noch margin-bottom:-[HALBE CONTENT-HEIGHT]px; gesetzt bekommen! */
.verticalAlign_content	{clear:both; position:relative;} /* ACHTUNG: Muss definitive height:[HEIGHT]px; bekommen! */

/* ******************************************************************************************************************
DEV                                                                                                 			*
****************************************************************************************************************** */

#dev_dump{
	position:fixed;
	bottom:10px;
	left:10px;
	width:980px;
	height:50px;
	overflow:scroll;
	background-color:#ECF9FF;
}
#dev_dump_close{
	position:fixed;
	display:block;
	bottom:10px;
	left:1000px;
	width:25px;
	height:18px;
	text-align:center;
	line-height:20px;
	background-color:#7EACCD;
	border:1pt dotted #AAA;
	font-weight:bold;
	font-size:15px;
	color:#333;
}
#dev_dump_close:hover{
	background-color:#a1a1a1;
	color:#FFF;
	cursor:pointer;
}