/*
*	Stylesheet Landesportal RLP.de
*	Media: Screen
*	Author: Norman Sand, Juli 2008
*/



/* ***************************************************************************
*
*  Generelle Definitionen
*
*  ***************************************************************************  */


* {

}


html {
	
	
}

body {
	/*background-color: #FAF38A; - gelb für TEST*/
	/*background-color: #29a733; - grün */
	background-color: #e8e8e8;
	background-image: url(images/background_gradient.jpg);
	background-repeat: repeat-x;
	margin: 0;
	font-family: Arial, Helvetica, "Sans Serif" !important;
	min-width: 1200px;
	font-size: 12px;
	
}

/* Bilder haben nie einen Rahmen */
img {
	
	border: none;
}


/* Horizontale Trennlinie */
hr {
	
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #919090;
 	border-bottom: solid 1px #FFFFFF; /* Für IE (Seiten-Hintergrundfarbe!) */
 	margin: 10px 0;

}


fieldset {

	border: none;
	margin:0;
	padding:0;

}

a {
    font-size: 12px;
	color: #000;
	
}


/* Überschriften werden hier definiert */
h2 {  

	color:#871d33;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 110%;
		
}

/* Überschrift verlinkt? */
h2 a {

	color:#871d33;
	text-decoration: none;

}

h2 a:hover {

	text-decoration: underline;

}

h3 {  

	color:#676767;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 110%;
		
}
h3.doku {  

	color:#871d33;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 110%;
		
}

.img_secondlogo {  /*Zweites Logo */
	width: 200px;
}

/* ***************************************************************************
*
*  Tabmen "Skiplink"
*
*  ***************************************************************************  */

.skiplink a {

    position: absolute;
    top: -100px;
    left: 0;
    padding: 0 5px;
    background: #e8e8e8;
    font-size: 12px;
    z-index: 100;
    
}
.skiplink a:focus {
	
	top: 0px;

}


/* Haupt-DIV - quasi "alles" - mittig zentriert */
#main {

	/* width:818px;  /* 818px + 2 px Rand = 820px */
	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	border-left: solid #919090 1px;
	border-right: solid #919090 1px;
	border-bottom: solid #919090 1px;
	background-color: #e3e3e3;
	background-color: #fff;
	min-width:820px;
		
}



/* ***************************************************************************
*
*  Kopf - Der obere Bereich mit Verlauf, Suche, Logo und horizontalem Men��� 
*
*  ***************************************************************************  */


#head {
	
	background-image: url(images/background_head.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	height: 117px;
	
	color: #4e4e4e;

}


#head a {

	color: #4e4e4e;
	
}

/* Postionierung des Kopf-Men���s */
#head_menu {

	padding: 5px 0 0 10px;
	
	
}

/* Ministeriums-Logo. Setzt das Logo etwa 4em vom rechten Rand. Dieser Wert ist je nach Ressort und Logogr������e zu ���ndern. */
#head_logo {

	margin-top: 19px;
	margin-right: 42px;
	text-align: right;

}




/* ***************************************************************************
*
*  Trenner - trennt Kopf und Hauptbereich durch einen zweifarbigen Streifen 
*
*  ***************************************************************************  */



#left_red {

	height:6px;
	background-color: #871d33;
	margin:0;
	width:201px;

}

#right_grey {

	height:6px;
	background-color:#8e8e8e;
	margin:0;
	padding:0;
	

}


/* ***************************************************************************
*
*  Unterteilung in "left" und "right": Left ist das Men��, Right der rechte
*  Bereich einschlie���lich der Highlights
*
*  ***************************************************************************  */


#left {

	height:100%;
	float:left;
	width:201px;
	background-color: #e3e3e3;
	
	

}


/* ***************************************************************************
*
*  Hauptmen�� auf der linken Seite mit allen Men��ebenen
*
*  ***************************************************************************  */




#main_menu {
	
	width:201px;
	height:100%;
	
	
}

#main_menu a:hover {

	text-decoration: underline;
}




/* Men���-Ebene 1 */
.main_menu_1 {

	padding:0;
	margin:0;
	width:100%;	
	
}


.main_menu_1 li {

	list-style: none;
	background-image: url(images/menue_inactive_back.gif);
	background-repeat: repeat-x;
	margin:0;
	padding: 6px 0 6px 10px;
	line-height: 12px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
    text-transform: uppercase;

	

}

.main_menu_1 li a {

	color:#000;
	text-decoration: none;
}



/* Men���-Ebene 1 aktiver Punkt */
li.main_menu_1_active  {

	background-image: url(images/menue_active_back.gif);
	background-repeat: repeat-x;
}

li.main_menu_1_active a {

	color: #fff;
}


.main_menu_1 ul {

	border-right: solid #ccc 1px;

}



/*Men���-Ebene 2 */
.main_menu_2 {

	padding:0;
	margin:5px 0 -6px 0;

}



.main_menu_2 li {

	list-style: none;
	background-image: none;
	background-color: #ddd;
	padding: 5px 0 5px 12px;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: solid 1px #999;
	margin: 0 0 0 -10px;
	line-height: 14px;
	font-size: 10px;
	text-transform: none;
}

.main_menu_2 li a {
	color: #000;
	text-decoration: none;
}

/* Men���-Ebene 2 aktiver Punkt */
li.main_menu_2_active  {
	background-image: none;
	background-color: #ebebeb;
}

li.main_menu_2_active a {
	color: #871d33;
}

.main_menu_2 ul {
	border-right: none;
}



/* Men��� unter dem Standard-Men��� */

#bottom_menu {
	background-color: #fff;
	background-image: url(images/menue_bottom.gif);
	background-repeat: repeat-x;
	width:100%;
	margin:0;
	padding:0 0 30px 0;
	font-size:6px;
	height:300px;
			
}

#bottom_menu ul {
	list-style-type: none;
	margin:0;
	padding-top:15px;
	padding-left: 10px;
	font-size: 10px;
}


#bottom_menu a {

	color:#374248;
	text-decoration: none;
	font-size:10px;
	line-height: 160%;
}




/* ***************************************************************************
*
*  Der Inhaltsbereich. 
*
*  ***************************************************************************  */
#main_content {
	position:relative;
	padding: 10px;
	color: #404040;
	line-height: 130%;
	padding-bottom: 30px;
	margin: 0 0 0 202px;
	/min-width: 618px;
	/*overflow:auto;*/
}

/* ***************************************************************************
*
*  Text im Hauptbereich nach folgendem Prinzip:
* 
*  - Gibt es Highlights, dann die Klasse "theme_content_wide" verwenden f���r reinen Text.
*  - Hat der Inhalt ein Bild (z. B. bei News), dann "theme_box" und darin "theme_pictures" und
*    "theme_content"
*  - Gibt es keine Highlights, dann die Klasse "theme_content_full" verwenden
*
*
*  ***************************************************************************  */

/* Hauptinhalt, wenn es keine Highlightspalte gibt */

.theme_full {
	margin-top: 15px;
}


/* Weiche f���r IE 6 */
* html .theme_full {
	margin-top: 0;
}

/* Weiche f���r IE 7 */
*:first-child+html .theme_full {
	margin-top: 0;
}




/* Schriftgr������en f���r alle Texte in der Mitte, egal ob mit oder ohne Highlightspalte */

.content, .content_overview {

	font-size:11px;
	line-height: 130%;

}


/* ��überschriften auf den ��übersichtsseiten */

.content_overview h2 {

	font-size:11px;
	color: black;

}


/* ***************************************************************************
*
*  Footer 
*
*  ***************************************************************************  */

#footer_menu {

	width:80%;  	
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
}

.clear {

	clear:both;
}



/* ***************************************************************************
*
*  Formulare
*  Wichtig: Die Formulare m��ssen innerhalb der Klassen "theme_content_wide" und "theme_full" stehen, s. o.
*
*  ***************************************************************************  */


.theme_full label, .theme_full input, .theme_full select { 
font-family: Arial,Helvetica,"Sans Serif" !important;
font-size: 12px; 
	/*width:150px;*/

}

/* Rahmen um die Input-Boxen */
.theme_content_wide input, .theme_full input {

	border:1px solid #a5a5a5;
	font-family: Arial, Helvetica, "Sans Serif" !important;
}

.theme_full input[type=checkbox] {

	border:0px;
}


/* Textareas */
.theme_content_wide textarea, .theme_full textarea {

  	display: block;
  	float: left;
  	margin-bottom: 6px;
  	width:500px;
  	height:150px;
  	overflow: hidden;
 	border:1px solid #a5a5a5;
 	font-family: Arial, Helvetica, "Sans Serif" !important;
	font-size: 1.1em;
}

.theme_content_wide input#checkbox, .theme_content_wide input#radio, .theme_full input#checkbox, .theme_full input#radio {

	border:none;
	width:10px;
	font-family: Arial, Helvetica, "Sans Serif" !important;


}

.theme_content_wide label, .theme_full label { 

  	width: 100px;
  	font-size: 12px;
  	font-family: Arial, Helvetica, "Sans Serif" !important;
  
}

label.labelSpan{ 
  	width: 100px;
  	font-size: 11px;
  	font-family: Arial, Helvetica, "Sans Serif" !important;
	line-height: 100%; 
}
input.olButton { 
    width: 10px;
    height: 10px;
}
/* Der Submit-Button soll rechts, aber b���ndig zu den Formularfelrdern sein. */
.theme_content_wide input#submit, .theme_full input#submit { 

  	float: none;
  	width: auto;
	margin-left: 100px;
	background-color: #fff;
	border:1px solid #000;
	font-size: 12px;
	font-family: Arial, Helvetica, "Sans Serif" !important;
	
}


/* ***************************************************************************
*
*  Sortierte und unsortierte Listen
*  Bei den sortierten Listen wird die Nummerierung nicht angezeigt, um m��glichst
*  flexibel in einer eigenen Nummerierung sein zu k��nnen.
*
*  ***************************************************************************  */


.theme_content_wide ul, .theme_full ul {

	margin-top: 5px;

}


.theme_content_wide ol, .theme_full ol {

	list-style-type: none;
	margin-top: 5px;
	
}


.theme_content_wide li, .theme_full li {

	margin-bottom: 5px;
	

}