/* 
    Document   : style
    Created on : 21.10.2010, 11:25:24
    Author     : pue
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
	font-size: 1em; /* Dies auf keinen Fall änedern!! */
}
html {
	font-size:62.5%; /* Dies auf keinen Fall änedern!! */
}
body {
	background-color: #e8e8e8;
	background-image: url(../images/background_gradient.jpg);
	background-repeat: repeat-x;
	margin: 0;
	font-family: Arial, Helvetica, "Sans Serif" !important;
	font-size: 1em;	/* Dies auf keinen Fall änedern!! */
	padding : 0;
}

/* ***************************************************************************
*
* Haupt-DIV - quasi "alles" - mittig zentriert
*
*  ***************************************************************************  */
#main {
	/*width: 81.8em;*/
	width: 102.4em; /*1024px*/
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	border-left: solid #919090 1px;
	border-right: solid #919090 1px;
	border-bottom: solid #919090 1px;
	background-color: #e3e3e3;
	background-color: #fff;
	padding : 0;
}
/* ***************************************************************************
*
*  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: 16.3em;
	color: #4e4e4e;
	padding : 0;
}
#head_menu {
	padding: 0.4em 0 0 1em;
	float : left;
}
/* 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: 0.7em;
	margin-right: 4.2em;
	text-align: right;
}
#img_logo {  /*Bitte auch #head_logo beachten */
	width: 22.9em;
}
.log{
	height: 18.0em;
	border-top: 1px solid #ccc;
}
/* ***************************************************************************
*
*  Trenner - trennt Kopf und Hauptbereich durch einen zweifarbigen Streifen
*
*  ***************************************************************************  */
#left_red {
	height:0.6em;
	background-color: #871d33;
	margin:0;
	width:20.1em;
}
#right_grey {
	height:0.6em;
	background-color:#8e8e8e;
	margin:0;
	padding:0;
}
#bild {
	margin-top: 4.0em;
	margin-bottom: 4.0em;
	padding: 0;
	height : 780px;
	overflow : hidden;
	background : #DDDDDD;
}
#formular {
	margin-top: 4.0em;
}
.form {
	height : 25px;
	float : left;
}
label.left {
	float: left;
	text-align: right;
	width: 5em;
	margin-right: .5em;
}
input[type=text], select {
	float: left;
}
/*colores de fondo*/
input, select {
	color: #000;
	background: #ddd;
}
/*Cambiar el color de fondo cuando se hace cklic*/
input:focus, select:focus {
	color: #000;
	background: #fff;
}
input[type=submit].right {
	margin-left: 6.3em;
}
#loading_icon {
	float:right; 
	background:url(../images/ajax-loader.gif) no-repeat 1px; 
	height:30px; 
	width:30px; 
	display:none;
}
h2 {
	color:#871d33;
	padding: 0;
	margin-top: 1em;
	margin-left : 1em;
	font-size: 1.7em;
	line-height: 110%;
}

a {
	color: #000;
}
.linkUnten {
	font-size: 1.6em;
	margin: 20px !important;
}