@charset "utf-8";

body {background-color:#93A1AE;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	height:780px;
	min-heigt:800px;}

img, a {
	border:none; 
	outline:none;}
h1 {
	font-size:13px; 
	color:#3796C4;}
p {
	font-size:13px;}

#rahmen { 
	height: 639px;
	width: 880px;
	position:absolute;
	top: 32px;
	left: 43px;
	background-color:#FFF;
	color:#000;
	border:1px solid #919EAE;
	margin-bottom:82px;
	background-image: url(../images/logo_konturenreich.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	z-index:2;}
#rahmen.profil {
	background-color:#D7EBF6;}	
#rahmen.cd {
	background-color:#D7DCE2;}
#rahmen.check {
	background-color:#E1E4E9;}
	
#kr_loading {
	position:absolute; 
	top:142px; 
	left:29px;
	border:0; }

#fusszeile {
	position:absolute; 
	top:679px; 
	left:45px;
	color: #EDEDED; 
	font-size:11px;}
	
#hauptnavigation {
	color:#A6A8B5; 
	font-weight:bold; 
	font-size:13px; 
	position:absolute; 
	top:45px; 
	left:52px; 
	width:50%;
	z-index:3;}
#hauptnavigation a {
	color:#A6A8B5; 
	font-weight:bold; 
	text-decoration:none;}
#hauptnavigation a:hover {
	color:#FC8F0C; 
	text-decoration:none;}
#hauptnavigation a.position {
	color:#F78C22}

#navigation {
	width:480px; 
	height:24px; 
	top:120px; 
	left:44px; 
	position:absolute;
	z-index:4;}
	
#navigation.check {
	width:880px; 
	height:24px; 
	top:120px; 
	left:44px; 
	position:absolute;
	z-index:4;}

	
#abb {
	width:479px; 
	height:528px;
	position:absolute;
	top:144px; 
	left:44px;
	z-index:5;}

/**********************************************************************************/
/*Formatierung fuer Leistungsueberblick*/
/**********************************************************************************/
#leistungen {
	width:880px; 
	height:528px; 
	position:absolute; 
	top:144px; 
	left:44px;	
	background-color:#E1E4E9;
	color:#000;
	z-index:5;}

#leistungen table {   /*Tabelle fuer Leistungsuebersicht*/
	padding:0; 
	height:490px;
	margin:37px 0 0 0; 
	border-spacing:0; 
	border-top:2px solid #33A5E1;}
#leistungen td.linierechts {background-color:#FFFFFF;
	border-right:#E2E3E7 2px solid;
	color:#3796C4; 
	text-decoration:none;}
#leistungen td.blauunten {background-color:#FFFFFF;
	border-bottom:#33A5E1 2px solid;
	color:#3796C4; 
	text-decoration:none;
	font-weight:bold;
	padding:5px 0 0px 8px;
	font-size:13px;}

#leistungen td {padding:5px 8px; vertical-align:top;}	
#leistungen td.linierechtsweiss	{
	border-right:#FFF 2px solid;
	text-decoration:none;}
#leistungen td p {
	font-size:0.9em;}
#leistungen td h2 {
	color:#3796C4;
    font-size:0.9em;
    margin-bottom:0;
   font-weight:normal;font-weight:bold;}
#leistungen td p {
	margin:0;}
#leistungen td p a {
	color: #777;
	text-decoration:none; }
#leistungen td p a:hover {
	color:#FC8F0C; 
	text-decoration:none; }
	
#leistungen td a {
	text-decoration:none; 
	color:#3796C4;}
	
#leistungen th a:hover {
	text-decoration:none; 
	color:#FC8F0C;}
	
/**********************************************************************************/
/*Formatierung fÃπr Corporate Design und Print Uebersichtsseiten und Beispielseiten*/
/**********************************************************************************/
#cordesign {
	width:880px; 
	height:528px; 
	position:absolute; 
	top:144px; 
	left:44px;	
	background-color:#1A2332;
	color:#FFF;
	z-index:5;}
#cordesign table {   /*Tabelle fuer Uebersichten*/
	padding:0; 
	margin:47px 0 0 0; 
	border-spacing:0; 
	border-top:1px solid #999;}
#cordesign table td.linie {
	border-bottom:1px #999 solid;}/*Klasse fuer die Linien zwischen den Zeilen*/
#cordesign td {
	font-size:12px;
	letter-spacing:0.03em;} /*Schriftgroesse innerhalb der Tabelle*/
#cordesign td.kategorie {
	color:#307FA6; 
	border-bottom:1px #999 solid;} /*blaue Schrift fett*/
#cordesign td.institution {
	color:#9AA4AE; 
	border-bottom:1px #999 solid;}/*graue Schrift fett*/
#cordesign td a {
	color:#9AA4AE; 
	text-decoration:none;} /*Hyperlink in den Tabellenzellen*/
#cordesign td a:hover {
	color:#FC8F0C; 
	text-decoration:none;} /*Hyperlink bei Mouseover in den Tabellenzellen*/

/*Bereich fÃπr die kleinen Grafiken auf den Beispeilseiten fÃπr die Infotextseiten*/
#cordesignbeispiele {
	width:479px; 
	height:528px; 
	position:absolute; 
	top:144px; 
	left:44px; 
	background-color:#1A2332;
	z-index:5;}
	
#subnavigation {
	margin:16px 0 0 143px;} /*Bereich fÃπr die Navigation Abbildungen und zurueck zur Uebersicht*/
	
#subnavigationzs {
	margin:0px 0 0 490px; background-color:#D7DCE2;} /*Bereich fÃπr die Navigation Zeichensparche zurueck zur Uebersicht*/
	
#subnavigation img.abstandrechts {
	margin-right:62px}
#minis {
	margin:18px 0 0 337px;
	z-index:6;} /*im div mit dieser id sind die kleinen Bilder*/
#minis img {
	margin-bottom:19px} /*Abstaende unter den Bildern*/
	

	
/******************************************/	
/*Textbloecke auf den verschiedenen Seiten*/
/******************************************/
#text {
	position:absolute;
	left: 632px;
	top:154px;
	width:268px;
	height: 501px;
	text-decoration:none;
	z-index:6;
} /*normale Textbox*/
#text2 {
	position:absolute;
	left: 632px;
	top:154px;
	width:280px;
	height:504px;
	text-decoration:none;
	overflow:auto;
	padding-right:6px;
	scrollbar-base-color:#D7EBF6;
	scrollbar-darkshadow-color:#CCC;
	z-index:6;
} /*Textbox mit Scrollbalken*/


#text a, #text2 a, #formular a {
	color:#3796C4;}
	
#bilder {position:absolute; top:70px; left:100px; z-index:1;}

span.nowrap {
	white-space:nowrap;} /*kann als Klasse genutzt werden, wenn Text nicht umgebrochen werden soll - bisher nicht benutzt*/
	
.blau
{color:#3796C4;
text-decoration:none;}

.blauklein
{color:#3796C4;
font-size:10px;}

.dunkel
{color: #001845;}

.grauklein
{color:#999;
font-size:10px;}

/******************************************/	
/*Formularblock                           */
/******************************************/
#formular {
	position:absolute;
	left: 540px;
	top:155px;
	width:360px;
	height: 501px;
	text-decoration:none;
	z-index:6;
}

#formular form label {display:block; float:left; width:92px; font-size:13px;}

#formular form input.text {width:260px;margin-bottom:3px;}
#formular form input.upload {width:80px; margin-right:3px;}
#formular form input.durchsuchen {width:260px;}
#formular form textarea {width:260px; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:13px;}