/*
	oliv (area/flashbgr):	#8b9494
	oliv (page margins):	#828a8a
	aubergine:				#52414a
 	blaugrau:				#73737b
 	rosa:					#f49ac1;
*/


/* ************************************************************************ */
/* BASIC BOXES / POSITIONING */
/* ************************************************************************ */

/*

body
 \___pageWrapper
 |   \___header
 |   |
 |   \___main
 |      \___contentBox	{fixwidth float:right}
 |  	|  \___content
 |  	| 
 |  	\___navBox		{fixwidth}
 |  	|  \___navigation
 |  	|
 |  	\___push 		{clear:right;}
 |
 \___footer

*/


/* ************************************************************************ */
/* BASIC STYLES: FLOATS + STICKYFOOTER */
/* ************************************************************************ */

.dirtyworkaroundspacer-h3 {margin-top:200px;}

* {
	margin: 0;
	}
html, body {
	height: 100%;
	text-align: center; /* <-- das (angeblich) fŸr ie6 */
	background-color: #828a8a; 
	/*
	background-image: url("../assets/common/areasBGR1020-pageWrapper-wh.gif");
	background-position: top; center;
	background-repeat:repeat-y;
	^-- das fŸr ie6
	*/
	}
.pageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; 
	width: 1020px;
	text-align: left;
	border-top:0px solid red;
	}
.push {
	height: 20px;
	width:900px; 
	background-color:transparent;
	}
#footer {
	height:20px;
	width: 880px;
	margin: 0 auto;
	margin-top:1px;
	/*background-color:blue;*/
	}
#header {
	border-bottom:0px solid yellow;
	position:relative; /* needed to position "#logoClick" absolute */
	padding-right:60px;
	height:85px;
	background-image: url("../assets/common/areasBGR1020-pageHeader-wh.gif"); 
	}
	
#logoClick { position:absolute; top:0; left:0;
	border:0px solid green;
	}

#contentBox { 
	width: 620px; 
	float:right;
	margin-right:70px;
	border-bottom:0px solid black;
	}
#content { 
	margin:0 80px 20px 30px; 

	}
#navBox {
	margin-left: 70px;
	width:260px;
	}
.clearfix:after {
	content: "."; /* Clearfix Method for clearing the floats - cfMEMO: clearfix macht columns gleich lang */
	display: block; 
	height: 0; 
   	clear: both; 
	visibility: hidden;
	}
.clearfix { 
	display: block; /* This declaration is necessary for Safari!! */
	}
	#main {
	/* display:none; */
	height:100%;
	}
	
	
/* ************************************************************************ */
/* BASIC STYLES: BACKGROUNDS */
/* ************************************************************************ */


.pageWrapper {
  	background-color:#fff;
	background-image: url("../assets/common/areasBGR1020-pageWrapper-wh.gif");
	}

#footer { 
	background-image: url(../assets/common/8b9494_dashes.gif);
	background-repeat:repeat-x;}


/* ************************************************************************ */
/* NAVGATION */
/* ************************************************************************ */



/* HTML NAVGATION BASIC */
/* ************************************************************************ */

#navBox {
	/* positioning defined above in "BASIC STYLES: FLOATS + STICKYFOOTER" */
	/* background-color:green; */
	}

#navigation {
	/* Memo: 	navbox: w260
				navigation: w:220 
	*/
	border:0px solid red;
	margin-top: 0;
	margin-left: 20px;
	font-family:"Andale Mono","Courier New",Courier,monospace;  /* <-- betty will das so! cfMEMO: font-family: Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	/* border-right:1px solid green;*/
	/* 
	height:100%;
	background-color:red;
	*/
	}
	
#navigation ul, #navigation li { 
	list-style-type:none; margin:0; padding:0;
	}



/* HTML NAVGATION SUBBLOCK MARGINS / BRACKETS */
/* ************************************************************************ */





/* HTML NAVGATION LINKS */
/* ************************************************************************ */


#navigation a {text-decoration:none; letter-spacing:-1px; }

li.navLev1-OUT a 		{font-size:20px; color:#bfbfbf; background:none; display:block; padding:0;}
li.navLev1-OUT a:hover 	{font-size:20px; color:#f49ac1; }
li.navLev1-HIT a 		{font-size:20px; color:#ffffff; padding-left:16px; background:URL("../assets/navigation/uRheres/lev1.gif") no-repeat 0px 3px;}
/* li.navLev2-HIT a:before {font-size:15px; color:#ffffff; content:"//"; } <-- IE7 malfunct */


ul.navLev2					{font-size:15px; line-height:normal;}
li.navLev2-OUT a 			{font-size:15px; line-height:normal; color:#cfcfcf; background:none; display:block; padding:0;}
li.navLev2-HIT a:hover,
li.navLev2-OUT a:hover 		{font-size:15px; line-height:normal; color:#f49ac1; }
li.navLev2-HIT a			{font-size:15px; line-height:normal; color:#ffffff; padding-left:15px; background:URL("../assets/navigation/uRheres/lev2.gif") no-repeat 0px 2px;}


ul.navLev3					{font-size:13px; line-height:normal;}
li.navLev3-OUT a 			{font-size:13px; line-height:normal; color:#9f9f9f; background:none; display:block; padding:0;}
li.navLev3-HIT a:hover,
li.navLev3-OUT a:hover 		{font-size:13px; line-height:normal; color:#f49ac1; }
li.navLev3-HIT a 			{font-size:13px; line-height:normal; color:#ffffff; padding-left:14px; background:URL("../assets/navigation/uRheres/lev3.gif") no-repeat 0px 1px;}

ul.navLev4					{font-size:11px; line-height:12px;}
li.navLev4-OUT a 			{font-size:11px; line-height:12px; color:#9f9f9f; background:none; display:block; padding:0;}
li.navLev4-HIT a:hover,
li.navLev4-OUT a:hover 		{font-size:11px; line-height:12px; color:#f49ac1; }
li.navLev4-HIT a 			{font-size:11px; line-height:12px; color:#ffffff; padding-left:14px; background:URL("../assets/navigation/uRheres/lev4.gif") no-repeat 0px 0px;}


div.navLev2BracketTop 		{font-size:13px; color:#cfcfcf; height:13px; width:220px; overflow:hidden; margin-top:10px; font-weight:normal;}
div.navLev2BracketBottom	{font-size:13px; color:#cfcfcf; height:13px; width:220px; overflow:hidden; margin-bottom:10px; font-weight:normal;}

div.navLev3BracketTop 		{font-size:11px; color:#9f9f9f; height:13px; width:220px; overflow:hidden; margin-top:6px; font-weight:normal;}
div.navLev3BracketBottom	{font-size:11px; color:#9f9f9f; height:13px; width:220px; overflow:hidden; margin-bottom:6px; font-weight:normal;}

div.navLev4BracketTop 		{font-size:11px; color:#9f9f9f; height:13px; width:220px; overflow:hidden; margin-top:3px; font-weight:normal; letter-spacing:3px;}
div.navLev4BracketBottom	{font-size:11px; color:#9f9f9f; height:13px; width:220px; overflow:hidden; margin-bottom:3px; font-weight:normal; letter-spacing:3px;}


/*
  # LEVEL 1 - DIN:22
  1.NO.10.fontColor = #bfbfbf
  1.RO.10.fontColor = #f49ac1
  1.CUR.10.fontColor = #ffffff
     
  # LEVEL 2 - DIN:16
  2.NO.10.fontColor = #cfcfcf
  2.RO.10.fontColor = #f49ac1
  2.CUR.10.fontColor = #ffffff
  
  # LEVEL 3 - DIN:14
  3.NO.10.fontColor = #9f9f9f
  3.RO.10.fontColor = #f49ac1
  3.CUR.10.fontColor = #ffffff
*/




div#xtraHTMLBox {
	border:0px solid red;
	width:275px;
	height:275px;
	position:absolute;
	top:40px;
	right:80px;}



/* ************************************************************************ */
/* BASIC STYLES: FONTS / TEXT ALIGNS */
/* ************************************************************************ */



body {
	font-family:"Andale Mono","Courier New",Courier,monospace;
	color:#666;
	font-size:12px;
	}
	
#footer_content {
	text-align:right; font-size:10px; padding-top:4px; padding-right:25px;
	}

#topnav {
	text-align:right;font-size:10px; padding-top:10px; padding-right:25px;
	}
#topnav a {
	color:#666;
	}



#contentBox p { 
	line-height:15px; margin-bottom:15px;
	}
	

/* LARGE STANDARD H1 */
/* ************************************************************************ */

	/*
	h1 {
		color: #52414a;
		font-family: Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		margin-bottom:15px;
		text-transform:uppercase;
		width:530px;
		height:40px;
		background: url("../assets/common/arrowline_600_h1sub.gif") no-repeat 0px bottom;
		letter-spacing:0px; 
		}
	*/

	
	h1.standard {									/* <-- FALLBACK DEFINITION: normaler weise sind h1 grafisch */
		font-family: Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		margin-bottom:0px;
		text-transform:uppercase;
		background: none;
		}
	h1.invisible { display:none;}
	

	h1.header20pxDIN { 	height:45px; width:510px;
	background: url("../assets/common/arrowline_600_h1sub.gif") no-repeat 0px bottom;
	border:0px solid red;
	margin-bottom:15px;
	}



/* ACCORDION-PAGE-HEADLINE H1 */
/* ************************************************************************ */


#accordionPageHeadline h1.header20pxDIN {
	height:35px; width:510px; 	margin-bottom:0px;
	background:none;
		border:0px solid green;
		padding-left:30px;
	}



/* H2-4 */
/* ************************************************************************ */

h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #52414a;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	margin-bottom:5px;
	letter-spacing:0px; 
	  }


/* HR UL TD */
/* ************************************************************************ */

#content hr {
	border:0px solid green; height:12px; width:510px; 
	background: url("../assets/common/arrowline_600_h1sub.gif") no-repeat 0px bottom;
	margin-bottom:10px;
	}

#content ul, #content li {
	margin:0; line-height:14px; padding:0;}
#content ul {
	/* list-style-position:inside; */
	margin-left:18px;
	list-style-image:url("../assets/common/li-image.gif");}

#content table.contenttable td {margin:0; padding:0; vertical-align:top;}
#content table.contenttable p {margin:0;}
tr {border-top:1px solid #666; /*font-weight:bold;*/}
#content table.contenttable td.firstRow {width:120px; /*text-align:right;*/}
#content table.contenttable td.firstRow p {/*text-decoration:underline;*/ text-transform:uppercase; }



/* A */
/* ************************************************************************ */


#content a {
	color: #f49ac1; /* pink */
	color: #52414a;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	/* letter-spacing:1px; */
	text-decoration:none;
	/* border-bottom:1px solid red;*/

	
	}
a { -moz-outline-width: 0; } /* <--- onfocus="this.blur();" */



/* ACCORDION TOGGLE HEADLINES */
/* ************************************************************************ */


/* HIDE H1-HEADLINES */
div.rgaccord2-content h1 {display:none;}


/* SHOW TOGGLES */
h3.rgaccord2-toggle {
font-size:12px;
color: #52414a;
text-transform:uppercase;
font-weight:bold;
margin-bottom:5px;
margin:0px;
padding-top:18px;
padding-left:20px; 
background: url("../assets/common/arrowline_600_TOGGLE.gif") no-repeat 0px top;
cursor:pointer;
}


h3.rgaccord2-toggle:hover { }

div.rgaccord2-content {margin-bottom:5px; } /* influences paddings between ">>> & TOGGLE", Ð also wenn closed */

div.rgaccord2-content-trailer {height:7px;} /* <- div wurde in EXT:rgaccordion/ext_typoscript_setup.txt eingefŸgt */

div.rgaccord2-content h1 { display:block; color:#fff; font-size:1px; height:15px; background:none; margin:0; padding:0;}

div.rgaccord2-content p {/*padding-bottom:15px;*/}

div.rgaccord2-content .rgslideshowce  {border:0px solid red; padding-bottom:30px;}

#rgaccord2-nest-pre-end {border:0px solid red; height:12px; background: url("../assets/common/arrowline_600_TOGGLE.gif") no-repeat 0px top;}



/* RGSLIDESHOW*/
/* ************************************************************************ */
/* --> /fileadmin/css/v2009_cf_rgslideshow_css-gfx/rgslideshow_cfmod.css */



div.cfMediaCenterLeadIn {width: 450px; height: 14px; background-color: #52414a; background-image: url("../assets/common/frameBorder_450top_VideoPlayerLeadIn.gif");}
div.cfMediaCenterLeadIn+object {margin-bottom:30px;}