html {
   height:100%;
}

body {
	height:100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:70%;
	background-color:#FFFFFF;
	background-image:url(/html/fileadmin/rheinmedia_basic_template/navpics/background.gif); background-repeat:repeat-y;
}

h1#seitenueberschrift {font-size:1.2em; color:#FFFFFF; font-weight:bolder; display:block; width:388px; height:0.9em; background-color:#335C1B; margin:0px; padding:12px; margin-top:-2px; margin-left:-20px; padding-left:20px;}
html>body h1#seitenueberschrift {margin-top:0px;}

h1 {font-size:100%; color:#FFFFFF; font-weight:bold; display:block; width:100%; background-color:#94A678; margin-left:-5px; padding:5px 0px 5px 5px;}
h2 {font-size:100%; color:#424242; font-weight:bold;margin-bottom:2px;}

table {width:100%;margin:10px 0px 10px 0px;}
table.sichtbar {border:1px solid #94A678; border-bottom:0px; border-collapse:collapse;}

table.sichtbar th, table.sichtbar td.ueberschrift {background-color:#94A678; text-align:left; padding:3px}
table.sichtbar td {border:1px solid #94A678; padding:3px; vertical-align:top;}
table p {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:70%;
	margin:0px:
	padding:0px;
}

td {vertical-align:top}

td.ueberschrift p{
	font-weight:bold;
}


a {color:#0A3378}

a.toplink {
	padding-left:16px;
	padding-top:1px;
	background-image:url(../navpics/pfeil_top.gif);
	background-position: left top; 
	background-repeat: no-repeat;
	margin-left:-5px;
	display:block;
	margin-bottom:30px;
}


.topnav {position:relative; vertical-align:bottom; float:right; padding:38px 5px 2px 5px; background-repeat:repeat-x; background-position:left top;}
.topnav a {font-size:0.9em; color:#000000; padding:0px 3px 0px 3px; text-decoration:none;}
.topnav a:hover {color:#FFFFFF;}

#topnav  {position:relative; width:675px; min-height:52px; float:left; background-image:url(/html/fileadmin/rheinmedia_basic_template/navpics/bg_topnav.gif); background-repeat:repeat-x;}

#topnav0 {background-image:url(/html/fileadmin/rheinmedia_basic_template/navpics/bg_topnav0.gif); width:60px; height:1em;}
#topnav1 {background-image:url(/html/fileadmin/rheinmedia_basic_template/navpics/bg_topnav1.gif);}
#topnav2 {background-image:url(/html/fileadmin/rheinmedia_basic_template/navpics/bg_topnav2.gif);}
#topnav3 {background-image:url(/html/fileadmin/rheinmedia_basic_template/navpics/bg_topnav3.gif);}
#topnav4 {background-image:url(/html/fileadmin/rheinmedia_basic_template/navpics/bg_topnav4.gif);}

#logo	 {position:relative; float:left;}

#leftnav {position:absolute; left:14px; top:115px; width:155px; z-index:1}
#leftnav p {margin:0px; padding:0px}
#leftnav a {display:block; width:142px; background-color:#FFFFFF; text-decoration:none; padding:6px 4px 6px 8px; font-size:0.9em; font-weight:bold; color:#000000; margin-bottom:1px;}
#leftnav a:hover     {background-color:#A7BE95;}
#leftnav a.ebene1aktiv {background-color:#335C1B; color:#FFFFFF;}
#leftnav a.ebene2      {background-color:#A7BE95; padding: 4px 4px 4px 8px;}
#leftnav a.ebene2:hover     {background-color:#FFFFFF;}
#leftnav a.ebene2aktiv {color:#335C1B;}


#suche {position: absolute;top:40em;left:0;padding-top:5px; border-top:1px solid #A5AB97; font-size:0.9em; font-weight:bold;}
#suche form {margin:2px 0px 2px 0px;}
#suche input.text {border:1px solid #91B281; width:120px;}
#suche input.submit {padding-left:5px;}
#input {float:left}

#kundewerden {margin-top:15px; border:2px solid #FFFFFF; background-color:#335C1B; background-image:url(/html/fileadmin/rheinmedia_basic_template/navpics/leftnav_blatt.gif); background-position:right top; background-repeat:no-repeat; float:left; width:151px;}
#kundewerden a {width:120px; background-color:#335C1B; color:#FFFFFF; font-size:1.0em;padding-left:3px;padding-right:0px;}
#kundewerden a:hover {background-color:#335C1B;}

#rahmen {position:relative; width:680px; float:left; left:0px; top:0px;}
#pano    {margin:0px; margin-left:-20px;}
#content {position:relative; width:652px; padding-left:197px; float:left;}
html>body #content {width:455px;}

#content p {line-height:120%}
#content a {color:#000000}
#content ul { list-style-type:square;  line-height:170%}
#content ol {  line-height:170%}
#content img.links {margin-right:5px; margin-top:5px;}


.kastenGruen, .csc-frame-frame1 {width:100%; background-color:#94A678; margin:10px 0px 10px -5px ; padding:5px 0px 1px 5px;}
.kastenGruen p, .csc-frame-frame1 p {margin-top:0px;}


#right {position:absolute; left:700px; top:145px; width:150px; z-index:2; text-align:center; font-size:0.9em;}




/* Formulare */

.zeile{
	display: block;
	clear: both;
	text-align:left;
	width:100%;
	padding-top:5px;
}

.bezeichner {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 16em;
	float: left;
	padding: 5px 0 1px 0;
}

.feld {
	float: left;
}



/* Suche */

.csc-searchResultInfo{
	margin-top:1em;
}

.csc-searchResultHeader{
	padding-top:1em;
	margin-bottom:-1em;
}
.csc-searchform{
	padding-top:2em;

}
.csc-searchResultPrevNext{
	padding-top:1em;
}
.csc-searchResultPrev{
	margin-right:3em;
}




/* CSS STYLED IMGTEXT */
#centercontent .csi-textpic
	{
		padding: 0px;
		background-repeat: no-repeat;
		background-position: top right;
		background-image:url();

	}
/* HollyHack \*/

* html #centercontent .csi-textpic {
		height:1%;
}
/* End HollyHack */


#rightcontent .csi-textpic
	{
		padding: 3px;
	}


#rightcontent .csi-textpic

	{
		width: auto;
	}


.csi-textpic img
	{
		margin: 0px;
		padding:0px;

	}

.csi-textpic .csi-caption
	{
		text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
		font-style: italic;  /*XXX demo only*/
	}

.csi-textpic .csi-image
	{
		border: 0px solid {$css_color2};   /*XXX demo only*/
		margin: 0 0 0 0;  /*XXX demo only*/
	}

.csi-textpic .csi-imagewrap
	{
		border: 0px solid blue; /*XXX demo only*/
		margin-bottom:10px;
	}

.csi-textpic .csi-text
	{
		border: 0px solid black; /*XXX demo only*/
		text-align: left; /*will have to be an inline style - controlled by TS*/
		padding:0px;
		vertical-align:top;
	}

.csi-text p
	{
		margin: 0;
	}

/* CENTER */
.csi-center .csi-image
	{
		margin: 0 auto ;
	    text-align:center;

		padding-top:10px;
		padding-bottom:10px;
	}

/* HollyHack \*/

* html .csi-center .csi-image {
		height:1%;
}
/* End HollyHack */

/* RIGHT */
.csi-right div.csi-image
	{
		float: right;
	}

.csi-right div.csi-text
	{
		clear: right;
	}

/* LEFT */
.csi-left div.csi-image
	{
		float: left;
	}

.csi-left div.csi-text
	{
		clear: left;
	}


/* INTEXT LEFT */


.csi-intext-left .csi-image
	{
		float: left;
		margin: 0px 10px 10px 0px;
		clear:left;
		vertical-align:top;
	}


.csi-intext-left .csi-image
	{
		clear:left;
	}


/* INTEXT RIGHT */
.csi-intext-right .csi-image
	{

		margin: 0px 0px 10px 10px;
		float: right;
		margin: 0px 0px 10px 10px;
		clear:right;

	}


/* INTEXT RIGHT NOWRAP */
.csi-intext-right-nowrap .csi-text
	{
		margin-right: 215px; /*will have to be an inline style - controlled by TS*/
	}

.csi-intext-right-nowrap .csi-image
	{
		float: right;
	}


/* INTEXT LEFT NOWRAP*/
.csi-intext-left-nowrap .csi-text
	{
		margin-left: 215px; /*will have to be an inline style - controlled by TS*/
	}

.csi-intext-left-nowrap .csi-image
	{
	float: left;