/* damit Scrollblaken im FF immer zu sehen ist */ 
html { 
	height: 100%; 
	margin-bottom: 1px; 
}

body{ 
	font-family: Arial,Verdana,Geneva,Helvetica,Sans-Serif;
	color: #515151;
	text-decoration: none;
	font-weight: normal;
	background-color: #ffffff;
	
}

p,td,div,th,form,h1,h2,h3{
	margin:0px;
	padding:0px;
	font-family: Arial,Verdana,Geneva,Helvetica,Sans-Serif;
	color: #515151;
}

img{
	border: 0px;
}

ul{
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom: 0px;
  list-style-type: none;
  list-style: none;
  padding-left: 2px;
  margin-left: 0px;
  margin-top: 0px;
}





.end{
	clear: both;
}

input, select, textarea{
	border: 1px solid #d8c8ae;
	color: #A39177;
}

input.error, select.error, textarea.error{
	border: 1px solid red;
}



/* ############### layout ################ */

.main{
	margin-top: 50px;
	position: relative;
	margin-bottom: 75px;
	text-align: left; /* Center-Reset */	
	background:#ffffff url(../images/bg_line.gif) 720px 0px repeat-y; 
	width:957px;
	
}

.main .inhalte{
	padding-top: 31px;
}

.main .inhalte .leftMenu{
	float: left;
	width: 245px;
}

.main .inhalte .left{
	float: left;
	width: 476px;
}

.main .inhalte .right{
	width: 215px;
	position:absolute; 
	left: 732px; 
	top: 203px;
}


/* ############### menu ################ */

.main .menu{
	position: relative;
	width: 134px;
	margin-top: 0px;
}

.main .menu .on,
.main .menu .off{
	margin-left: 31px;
}

.main .menu .menuLine{
	background-color: #dadada; 
	height: 1px; 
	width: 225px; 
	margin-top:3px;
}


/* ############### submenu ################ */

.main .menu .submenu{
	position: relative;
	left: 0px;
	margin-top: 0px;
	text-align: left;
}

.main .menu .submenu .on,
.main .menu .submenu .off{
	margin-left: 16px;
}

.submenuItems{
	margin-left: 30px;
}



/* ################# Font Sizes ################# */
.fontsizes{
	position:absolute;
	top:43px;
	left:880px;
}

.a {
	float:				left;
	background: 		url(../images/icons/a.gif) no-repeat 0px 0px;
	margin-right:		4px;
}

.aa {
	float:				left;
	background: 		url(../images/icons/aa.gif) no-repeat 0px 0px;
	margin-right:		2px;
}

.aaa {
	float:				left;
	background: 		url(../images/icons/aaa.gif) no-repeat 0px 0px;
}

.style_a .a {
	background: 		url(../images/icons/a_active.gif) no-repeat 0px 0px;
}

.style_aa .aa {
	background: 		url(../images/icons/aa_active.gif) no-repeat 0px 0px;
}

.style_aaa .aaa {
	background: 		url(../images/icons/aaa_active.gif) no-repeat 0px 0px;
}


/* ############### content ################ */

.streifenGrau{
	background:#e6eaef;
	width:213;
	height:16px;
	margin:58px 0px 0px 32px;
	float:left;
}

.streifenPink{
	background:#b60062;
	width:475;
	height:16px;
	margin:58px 0px 0px 0px;
	float:left;
}

.streifenBlau{
	background:#005596;
	width:216;
	height:16px;
	margin:58px 0px 0px 2px;
	float:left;
}

.gruender{
	padding-top: 17px;
	padding-left: 1px;
	padding-bottom: 50px;
}

.line{
	background-color:#e1e1e2;
	height:1px;
	margin:40px 0 5px;
	padding:0;
	width:454px;
}

.lineDirect{
	background-color:#e1e1e2;
	height:1px;
	margin:6px 0 5px;
	padding:0;
	width:454px;
}

.main .inhalte .right .content{
	margin-left: 10px;
}



/* ############### footer ################ */
.footer{
	position:absolute;
	top:86px;
	left:741px;
}




/* ############### headlines ################ */


h1{
	font-weight: bold;
	color: #c9448c;
	margin-bottom: 23px;
}

h2{
	font-weight: bold;
	color: #515151;
}

h2.sub{
	padding-bottom:	6px;
}


h2.links{
	color: #1974ba;
	cursor: pointer;
}

h3{
	font-weight: bold;
	color: #000000;
}






/* ############### text ################ */

.main .right .content .text{
	margin-top: 18px;
	width: 500px;
}

.main .right .content .text.uppercase{
	text-transform: uppercase;
}

.text{
	width: 	440px;
}

.textOnly{
	width: 	440px;
	margin-bottom:	25px;
}

.tabletext{
	width: 	340px;
	padding-top: 2px;
	padding-bottom: 6px;
}

.tabletextNL{
	width: 	320px;
}


.textimage{
	width: 	445px;
	padding-top: 3px;
	padding-bottom: 25px;
}



/* ############### image ################ */

.image{
	margin-bottom:	20px;
}


/* ############### teaser ################ */

.teaserLeft{
	width: 	445px;
	padding-top: 3px;
}

.teaserText{
	padding-left: 2px;
}


.teaserImage{
	float:			left;
	margin-right:	10px;
	margin-bottom:	5px;
	margin-top:		3px;
}





/* ############### pressemeldungen ################ */
.pressemeldungen{
	width: 	460px;
}

.linePresse{
	background-color:#e1e1e2;
	height:1px;
	margin:9px 0 7px;
	padding:0;
	width:454px;
}

.lineNewsletter{
	background-color:#e1e1e2;
	height:1px;
	margin:16px 0 15px;
	padding:0;
	width:454px;
}


.maginalThumb{
	padding-bottom: 6px;
}

.maginalText{
	width: 			195px;
	padding-bottom: 12px;
}

.maginalArtikel{
	background:		url(../images/icons/download.gif) 0px 9px no-repeat; 
	padding-bottom: 3px;
	padding-top: 	5px;
	padding-left:	15px;
	width: 			195px;
}

.maginalBild{
	background:		url(../images/icons/download.gif) 0px 4px no-repeat; 
	padding-bottom: 3px;
	padding-left:	15px;
	width: 			195px;
}

.maginalTeaserDownload{
	background:url(../images/icons/download.gif) 0px 6px no-repeat; 
	padding-bottom: 30px;
	padding-top:	2px;
	padding-left:	15px;
	float:left;
}

.maginalTeaserLink{
	padding-bottom: 30px;
	padding-top:	2px;
	padding-left:	px;
	float:left;
}


.bildThumb{
	float:			left;
	margin-right:	10px;
	margin-bottom:	5px;
	margin-top:		3px;
}

.bildDownload{
	display: inline;
	background:		url(../images/icons/download.gif) 0px 4px no-repeat; 
	padding-bottom: 3px;
	padding-left:	15px;
	width: 			245px;
}

.galerieBorder{
	border: 1px solid #d6dae1; 
	width:	196px; 
	height:	90px;
}
	
.galerieNavi{
	border-bottom: 1px solid #d6dae1;
	border-left: 1px solid #d6dae1; 
	border-right: 1px solid #d6dae1;  
	
	width:196px; 
	height:20px;
}

*html .galerieNavi{
	width:198px; 
}

.bildOn{
	display:		block;
	visibility: 	visible;
}

.bildOff{
	display:		none;
	visibility: 	hidden;
}

/* ############### Links ################ */
a {
	color: #515151;
	text-decoration: underline;
}

.link{
	color: #1974ba;
	text-decoration: none;
	font-weight: bold;
	margin-top:4px;
}

a.links{
	background: url(../images/icons/linkPfeilGrau.gif) 0px 7px no-repeat; 
	color: 			#515151;
	padding-left: 	10px;	
	text-decoration: underline;
}

.linkitem{
	padding-top:	6px;
	padding-left:	1px;
}

.linkOn{
	display:		block;
	visibility: 	visible;
}

.linkOff{
	display:		none;
	visibility: 	hidden;
}

/* ############### Bildarchiv ################ */
.vorschaulink{
	float: left; 
	padding-right: 15px;
	background:url(../images/icons/lupe.gif) 0px 4px no-repeat; 
	padding-bottom: 3px;
	padding-left:	15px;
}

/* Layer */
#layer
{
	display:none;
	background:#ffffff;
	/*border:1px solid #ffffff;*/
	width:480px;
	position:fixed;
	top:14%;
	left:50%;
	z-index:100;
}

#overlay
{
	display:none;
	background:#bbbbbb;
	position:fixed;
	width:100%;
	height:100%;
	filter:alpha(opacity=80);
	opacity:.80;
	top:0;
	left:0;
	z-index:10;
}

.layerbalken{
	height:		22px; 
	background:	#b60062; 
	text-align:	right; 
	cursor:		pointer;
}

.layer-style1 { 
	width:100%; 
	height:100%; 
	background:#b60062;
	position:absolute; 
	top:5px; 
	left:5px;
}

.layerImage{
	position: absolute;
	top:23px;
	left:1px;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #overlay {
	position:absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html #layer {
	position:absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(css/iepngfix.htc) }



#ajax{
	display: none;
}