/* CSS Document */

/* --------------------------------------------- Allgemein -------------------------------------------*/

body
		{
			margin:0px;
			padding:0px;
			width:100%;
			background-color:rgb(223,223,223);
			background-image:url(../images/gruener_streifen.gif);
			background-repeat:repeat-x;
			
		}
		
		h1,h2,h3,div,li,span,a
		{
		font: Verdana, Arial, Helvetica, sans-serif;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		}
	
		#page-container
		{
		position:relative;
		display:block;
		top:16px;
		margin:0px 0px 10px -346px;
		padding:0px;
		
		left:50%;
		margin-left:-346px;
		width:693px;
		clip:auto;
		overflow:visible;
		background-image:url(../images/hintergrund_kachel.gif);
		background-repeat: repeat-y;
		background-color:white;		
		overflow:hidden;
		height:auto;
		}
		
		* html #page-container
		{
			width:693px;
		}
			
		#page-header
		{
		position:relative;
		width:693px;
		top:0px;
		left:0px;
		color:white;
		font-family:arial;
		font-size:0.9em;
		background-color:transparent;
		height:186px;
		background-image:url(../images/obere_kante.gif);
		background-repeat: no-repeat;
		float:left;
		clear:left;
		}
		
		#languages
		{			
			display:block;
			position:relative;
			
			bottom:0px;
			top:26px;
			margin:0px 0px 10px -346px;
		padding:0px;
		
		left:50%;
		margin-left:197px;
		width:693px;
		clip:auto;
			width:162px;
			height: 28px;
		
			
		}

		#languages span.languages
		{
			display:block;
			margin:10px 10px 10px 15px;
		}

		#languages span.languages .lang-selection a
		{
			font-family:Arial;
			font-size:0.01px;
			font-weight:bold;
			color:White;
			text-decoration:none;
			background-repeat: no-repeat;
			float:left;
			width: 29px;
			height:18px;
			border: 1px solid black;
			margin:0px 8px 0px 0px;
		}
		
		
		#languages span.languages .lang-selection.de a
		{
			background-image: url(../images/flag_de.gif);
		}
		#languages span.languages .lang-selection.en a
		{
			background-image: url(../images/flag_en.gif);
		}
		#languages span.languages .lang-selection.fr a
		{
			display:none;
			background-image: url(../images/flag_fr.gif);
		}
		
		#rdm-logo
		{
		position:absolute;
		width:693px;
		top:590px;
		left:550px;
		width:50px;
		}
		
		#rdm-logo img
		{
		width:70px;
		}
		
		#page-footer
		{
		position:relative;
		width:693px;
		top:0px;
		left:1px;
		background-position: bottom;
		background-color:transparent;
		height:50px;
		background-image:url(../images/untere_kante.gif);
		background-repeat: no-repeat;
		float:left;
		clear:left;
		}
		
		
		#page-features #feat-page-logo-link
		{
			position:relative;
			float:right;
			right:50px;
			top:50px;
		}
		
		#logo-content
		{
		position:relative;
		float:left;
		width:167px;			
		height:90px;
		display: block;
		padding:0px;
		margin:0px;
		border:0px;
		top:0px;
		left:0px;
		bottom:0px;

		}

		#logo-content img
		{
		width:167px;
		height:90px;
		margin:0px;
		padding:0px;
		border:0px;
		display:inline;
		margin-bottom:-3px;
		}

		#banner-content-old
		{
		position:relative;
		width:490px;
		height:186px;
		top:15px;
	
		left:16px;
		display: block;
		float:left;
		}
		
		#banner-content-old img
		{
		
		width:490px;
		margin:0px;
		padding:0px;
		border:0px;
		display:inline;
	
		}
		
		#banner-content-old object
		{
		
		width:490px;
		height:186px;
	
		}
		
		#banner-content-old object embed
		{
		
		width:490px;
		height:186px;
	
	
		}
		
		#banner-content {
    position:relative;
    height:490px;
}

#banner-content IMG {
    position:absolute;
    top:15px;
	left:16px;
    z-index:8;
}

#banner-content IMG.active {
    z-index:10;
}

#banner-content IMG.last-active {
    z-index:9;
}
			
		
		#page-content
		{
		position:relative;
		width:450px;	
		left: 30px;
		top: 15px;
		border: 0px;
		float:left;
		clear:left;
		background-image:url(../images/bgcontent.gif);
		background-repeat: no-repeat;
		background-position: center;
		margin:10px 0px 0px 0px;
		min-height:500px;
		}
		

	
		
		
		
		
		div.content-block
		{
			width:450px;			
			padding:0px;
			float:left;
			display:block;
			margin:0px 5px 10px 0px;
		
		
		}
	
		.content-block h1.content-title,.content-block h1.para-title, .content-block h2.teaser-title , .content-block h2.teaser-title a, div.content-block.filter-paragraph h2.para-title
		{
		font-size: 16px;
		font-weight:bold;
		color: rgb(68,149,134);
		text-decoration:none;
		line-height:16px;
		margin:0px 0px 10px 0px;
		}
		
		.content-block h1.content-title,.content-block h1.para-title
		{
			font-size: 17px;
			text-align:center;
			
		}
		
		.content-block h2.teaser-title , .content-block h2.teaser-title a, div.content-block.filter-paragraph h2.para-title
		{
		font-size: 13px;
		line-height:13px;
		margin:0px;
		
		}
		
		.content-block h2.teaser-title a
		{

		border-width:0px 0px 1px 0px;
		border-style:dashed;
		border-color: rgb(68,149,134);
		margin:0px;
		padding:0px;
		
		}
		
		.content-block h2.teaser-title a:hover
		{

		border-width:0px;
		border-style:dashed;
		border-color: rgb(68,149,134);
		
		}

		.content-block .content-title, .content-block .teaser-title 
		{
			margin:10px 5px 5px 0px;
			display:block;
		}
		
		.content-block.filter-paragraph .para-title
		{
			margin:5px 5px 5px 5px;
		}
	
		.content-block h2.para-title, .content-block h2.para-title a
		{
			font-size: 15px;
			color: rgb(68,149,134);
			font-style: italic;
			font-weight:bold;
			text-decoration:none;
			line-height:15px;
			margin:0px;
		}

		.content-block h3.para-title, .content-block h3.para-title a
		{
		font-size: 11px;
		color: black;
		font-weight: bold;
		}

	
	
		#page-content .content-block .para-text 
		{
		font-size: 11px;
		color: black;
		font-weight: normal;
		line-height:15px;
		
		}
		
		#page-content .content-block.page-introduction .para-text 
		{
			text-align:center;
		position:relative;
		left:0px;
		color:rgb(90,90,90);
		line-height:18px;
		font-size: 12px;
		font-weight:bold;
		width:450px;
		letter-spacing:1px;
		word-spacing:2px;
	
		}

		
		#page-content .content-block span.info-text 
		{
		font-size: 11px;
		color: black;
		font-weight: normal;
		font-style:italic;
			line-height:18px;
			padding:0px 10px 10px 10px;
		}

		#page-content .content-block span.date 
		{
		font-size: 11px;
		color: black;
		font-weight: normal;
		font-style:normal;
		}
		
		#page-content .content-block span.category 
		{
		font-size: 11px;
		color: black;
		font-weight: normal;
		font-style:normal;
		}
		
		#page-content .content-block p.header 
		{
		margin:0px 5px 0px 0px;
		padding:0px;
		}
		
		#page-content div.content-block
		{
			float:left;
		}
		
		.content-block.text-paragraph img
		{
			float:left;
			width:215px;
		}
		
		#page-content div.content-block.animation-paragraph
		{
			width:450px;
			float:left;
		}
		
		#page-content div.content-block.animation-paragraph object
		{
			width:450px;
			float:left;
		}
		
		#page-content div.content-block.animation-paragraph object embed
		{	
			width:450px;
			height:300px;
			float:left;
		}
		
		#page-content div.content-block.text-paragraph span
		{
			width:450px;
			float:left;
		}
		
		#page-content div.content-block.text-paragraph.titled.imaged span
		{
			width:340px;
			float:right;
		}
		
		.content-block ul
		{
		padding-left:0px;
		margin: 0px;
		}

		.content-block ul.simple-list
		{
		padding-left:20px;
		margin: 0px;
		}
		
		#page-content .content-block ul li
		{
		font-size: 11px;
		color: black;
		font-weight: normal;
		line-height:18px;
		padding: 3px 0px 3px 0px;
		margin:0px;
	
		}
		
		#page-content .content-block.text-paragraph.para-simple-statistics-block span.para-text.text-block
		{
			display:block;
			width:300px;
			float:left;
			text-align:left;
			clear:none;
		}
		
		#page-content .content-block.text-paragraph.para-simple-statistics-block span.para-text.numbers-block
		{
			display:block;
			width:170px;
			float:left;
			text-align:left;
			clear:none;
		}
		
		/* ------------------------------------- Main Menu ----------------------------------- */
		
		
		
		#main-menu
		{
		position:absolute;
		width:167px;					
		top:250px;
		left:500px;
		display: block;
		float:left;
		height:400px;
		}
		
		#main-menu ul.main-menu 
		{
		margin:0px;
		padding:0px;
		list-style-type: none;
		}
		
		#main-menu ul.main-menu li.main-menu-item
		{
		display: block;
		width: 167px;
		float:left;
		margin:15px 0px 0px 0px;
		}
		
		#main-menu ul.main-menu div.main-menu-item
		{
		display: block;
		width: 167px;	
		background-repeat: no-repeat;
		float:left;
		}

		#main-menu ul.main-menu div.main-menu-item a.main-menu
		{
		display: block;
		background-repeat: no-repeat;
		background-color: Transparent;
		width: 167px;
		height: 24px;
		text-decoration:none;
		float:left;
		}
		
		#main-menu ul.main-menu div.main-menu-item a.main-menu span
		{
		display: none;
		background-repeat: no-repeat;
		background-color: Transparent;
		width: 167px;
		height: 24px;
		
		}
	
		#main-menu ul.main-menu div.main-menu-item a.main-menu:hover 
		{
		background-position:0px -50px;
		}
	
	
	/* ---------------------------------- Sub-Menü ------------------------------------ */
		
		
		li.sub-menu-item
		{
			position:relative;
			left:30px;
		width: 160px;
		margin:0px 0px 0px 0px;
		display:block;
		clear:left;
		float:left;
		line-height:18px;
		}

		li.sub-menu-item a.sub-menu 
		{
			font-size:11px;
			color: rgb(68,149,134);
			line-height:12px;
		}
		
		li.sub-menu-item a.sub-menu.selected
		{
			color: rgb(18,99,84);
			font-weight:bold;
		}
		
		li.sub-menu-item a.sub-menu span 
		{
			line-height:12px;
		}
		
		li.sub-menu-item a.sub-menu:hover  
		{
			color: rgb(18,99,84);
		}
		
		
	
		

	/* ------------------------------- Web-Domain ------------------------------------------- */ 
		
		div.content-block.filter-paragraph
		{
			margin:0px;
			padding:0px;
			border:0px;
			position:relative;
			
		}
		
		div.content-block.filter-paragraph ul
		{
			list-style-type:none;
			padding:0px;
			margin:0px;
		}

		

		ul.filter-paragraph li h2,ul.filter-paragraph li h3,ul.filter-paragraph li span
		{
			margin:5px 5px 5px 0px;
			display:block;
			
		}

		a img
		{

			border:0px;

		}
		
		div.content-block a.external
		{
			font-size:0.7em;
			color:#505050;
			padding-left:0px;
			text-decoration:underline;
			display:inline;
		}
		
		
		
.text-paragraph.para-4-image-thumbnails
{
	position:relative;
	left:8px;
	float:left;
	margin:0px 0px 10px 0px;

	width:450px;
}

.text-paragraph.para-4-image-thumbnails div a
{
	
	margin:0px 7px 10px 0px;
	background-position:center;
	border-width:0px;
	border-style:solid;
	border-color:black;
	display:block;
	float:left;
}


div.text-paragraph.para-4-image-thumbnails div.image-teaser a img
{
	width:210px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	margin:0px;
}

.text-paragraph.para-4-image-thumbnails a:visited
{
	border-width:0px;
	border-style:solid;
	border-color:black;
}
		
		
		
		.formular-paragraph
		{
			display:block;
			float:left;
			clear:left;
			position:relative;
			margin:0px;
			padding:0px;
		}

		.formular-paragraph form
		{
			margin:0px;
			padding:0px;
		}

		.formular-paragraph form div
		{
			display:block;
			font-weight:normal;
			font-size:12px;
			float:left;
			clear:left;
			margin:5px 0px 0px 0px;
		}

		.formular-paragraph form span.section-title
		{
			display:block;
			width:450px;
			font-weight:bold;
			font-size:1em;
			float:left;
			clear:left;
			margin:5px;
			background-color:rgb(200,200,200);
		}

		.formular-paragraph form span.title
		{
			display:block;
			width:200px;
			float:left;
			clear:left;
		}

		.formular-paragraph form p.input
		{
			display:block;
			width:450px;
			position:relative;
			float:right;
			clear:right;
			margin:0px;
			padding:0px;
		}

		.formular-paragraph form span.caption
		{
			display:inline;
			margin:2px;
			position:relative;
			float:left;
		}

		.formular-paragraph form input
		{
			display:inline;
			margin:2px;
			float:left;
			position:relative;
		}