@charset "utf-8";
/* CSS European accents in Perm */
/* EAP-Rot #cc0033 */
/* EAP-Rot RGB 204.0.51 */

body,div,p {
	margin:0;
	padding:0;
	font-family:Verdana,Helvetica,Arial;
	font-size:8pt;
	text-align:left;
	color:#000000;
	}

img { border:0; }

table#auswahl { width:230pt; float:left; }
td.eins { text-align:right;white-space:nowrap;}

div#body {
	width:100%;
	height:auto;
	margin:auto;
	overflow:hidden; /* hidden habe ich gemacht, weil div sonst innere elemente nicht umrandet (opera) */
	}
	
a, a:active, a:visited {
	font-style:italic;
	color:#000000;
	text-decoration:underline;
	}
	
a:hover {
	font-style:italic;
	color:#000000;
	text-decoration:underline overline;
	} 

h1 {
	font-family:Tahoma,Verdana,Arial;
	font-size:14pt;
	color:#cc0033;
	font-weight:normal;
	margin-top:0;
	margin-bottom:15pt;
	}
	
h2 {
	font-family:Tahoma;
	font-size:11pt;
	color:#cc0033;
	font-weight:bold; 
	margin-top:0;
	margin-bottom:10pt;
	}

hr {
	color:#cc0033;
	margin-top:25pt;
	margin-bottom:25pt;
	}

div#header {
	width:100%;
	height:200px;
	overflow:hidden;
	margin-bottom:30pt;
	padding-left:2%;
	background:url(../img/head.jpg) bottom no-repeat;
	}
	
#header div.logo {
	width:28%;
	height:200px;
	overflow:hidden;
	float:left;
	}
	
#header div.headerbild {
	float:left;
	width:70%;
	height:200px;
	overflow:hidden;
	}
	
.headerbild img { float:right; margin-right:25%; }

/* div #links, #mitte und #rechts sind drei hauptspalten */

div#links {
	width:20%;
	overflow:hidden;
	float:left;
	}

div#mitte {
	width:30%;
	float:left;
	overflow:hidden;
	margin-right:5%;
	}

	
#mitte div.eingabe { padding-right:0; margin-bottom:60pt; }

#mitte p { margin-bottom:20pt; }
p#gross { font-size:10pt; margin-bottom:30pt; }
#mitte img { margin-bottom:10pt; }

div#rechts {
	width:35%;
	float:left;
	overflow:hidden;
	}
div#mitteplusrechts{
/*margin-left:20%;*/
width:80%;
float:left;
}
div#mitteplusrechts div#mitte{
/*margin-left:20%;*/
width:40%;
float:left;
}
div#mitteplusrechts div#rechts{
/*margin-left:20%;*/
width:55%;
float:left;
}

#mitteplusrechts p { margin-bottom:20pt; }
#mitteplusrechts img { margin-bottom:10pt; }

.liste {
	width:90%;
	/*margin-left:20%;*/
	/*margin-right:20%;*/
	float:left;
	
	}

.liste img.listen { float:left; margin-bottom:5%; }
.liste div.daten1 { width:20%; float:left; margin-left:5pt; }
.liste div.daten2 { width:40%; float:left; margin-left:5pt;margin-bottom:20pt; }
#rechts div.daten_prof { width:100%; float:left;}

div#info { margin-top:50pt; margin-left:10%; margin-bottom:50pt; }

div#language_navi{
  padding-left:10%;
	margin-bottom:10pt;
}

div#language_navi img{border:1px solid #000000;margin-right:5pt;}

.menu  {
	font-family:Tahoma;
	font-size:11pt;
	font-style:italic;
	font-variant:small-caps;
	line-height:20pt;	
	list-style: none;
	margin:0;
	padding-left:10%;
	padding-right:20%;
	}
.menu li {list-style: none; }

	
.menu a.l1-no, .menu a.l1-no:active, .menu a.l1-no:visited {font-size:11pt;text-decoration:underline; color:#000000; }
.menu a.l1-no:hover { text-decoration:overline underline; color:#000000; }
.menu a.l1-act, .menu a.l1-act:active, .menu a.l1-act:visited {font-size:11pt; text-decoration:underline; color:#cc0033; }
.menu a.l1-act:hover { text-decoration:overline underline; color:#cc0033; }

.menu a.l2-no, .menu a.l2-no:active, .menu a.l2-no:visited {font-size:9pt;text-decoration:underline; color:#000000; }
.menu a.l2-no:hover { text-decoration:overline underline; color:#000000; }
.menu a.l2-act, .menu a.l2-act:active, .menu a.l2-act:visited {font-size:9pt; text-decoration:underline; color:#cc0033; }
.menu a.l2-act:hover { text-decoration:overline underline; color:#cc0033; }


div#footer {
	width:70%;
	height:auto;
	overflow:hidden;
	margin-left:20%;
	margin-right:5%;
	margin-top:70px;
	margin-bottom:70px;
	color:#000000;
	}
	
#footer div { float:left; width:50%; }
#footer div.eingabe { text-align:right; padding-right:0; }

.login { font-size:8pt; background-color: #fff; border: 1px solid #cc0033; margin-bottom: 5pt; }
.button { font-size:8pt; background-color: #cc0033; color: #fff; border: 0; }
.button_list { font-size:11pt; width:70pt; height:20pt; margin-top:0pt;; background-color: #cc0033; color: #fff; border: 0; }
.auswahl { font-size:8pt; background-color: #fff; border: 1px solid #cc0033; width:130pt; }

.member {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:30pt;
	}

img.portrait { float:left; margin-right:5%; margin-bottom:5%; }

.member div { float:left;width:50%; overflow:hidden; }
.member p { margin-top:15pt; margin-bottom:15pt;}

a.name, a.name:hover, a.name:active, a.name:visited, div.name a, div.name a:visited, div.name a:hover,div.name a:active { font-size:10pt; color:#cc0033; }
a.schild a.schild:hover, a.schild:active, a.schild:visited { text-decoration:none; }

div#labforc {
	width:330px;
	height:300px;
	padding-top:15pt;
	padding-left:30pt;
	margin-top: 50pt;
	overflow:hidden;
	background:url(../img/labforc.png) no-repeat;
	}
div#labforc a{
	font-family:Tahoma;
	font-size:11pt;
	color:#cc0033;
	font-weight:bold;
	margin-top:0;
	margin-bottom:10pt;
	}	
div#preview { }
#preview img { margin-right:10pt; margin-bottom:10pt; }

#footer img { margin-bottom:10pt;}
#footer div.eu { float:left; width:auto; margin-right:15pt; }
#footer div.rest { float:none; overflow:hidden; width:auto; }