/*css-Datei zur Einstellung der Index-Seite ProOO-Box*/
/*Optimiert für eine Darstellungsauflösung ab 1024 x 764*/
/*by Jan-Christian Wienandt / www.wienandt.de*/
/*Erstellt 08.15*/

/*----------------------Seitenformatierung / Festlegung----------------------*/
html {
height: 100%
}

body {
padding:0px;
margin:auto;
text-align:center;
background:#BFBFBF;
min-height: 101%;
}

/*Festlegen des Hauptcontainers*/
#seite{
width:64em;
margin:0 auto;
padding:0;
background:#FFFFFF;
}

/*Darstellung von Links*/
a {
text-decoration:none;
color:#0000FF;
}

/*Darstellung von Bildern*/
img {
border:none;
}

/*Festlegen des Textcontainers*/
#container{
overflow:hidden;
background-color:#ffff;
width:64em;
height:auto;
text-align:justify;
}

/*Festlegen des Fussbereiches*/
#fuss{
clear:both;
background:#FFFFFF;
width:64em;
height:3.438em;
margin:1em 0 0 0;
}

/*-------------------Ende Seitenformatierung / Festlegung--------------------*/

/*------Festlegung der Boxen für die Aufnahme Menuelinks und Haupttext------*/

/*Linke-Box für Sub-Menue*/
#boxli{
height:100%;
width:19%;
margin:0;
padding:0;
float:left;
background:transparent;
}

/*Rechte-Box für Texte*/
#boxmi{
height:100%;
width:80%;
margin:0;
padding:0;
float:left;
text-align:left;
background:transparent;
}

#boxuntenlinks{
height:100%;
width:50%;
margin:0;
padding:0;
float:left;
text-align:left;
background:transparent;
}

#boxuntenrechts{
height:100%;
width:29%;
margin:0;
padding:0.6em 0.7em 0 0 ;  /*Original 1.9em*/
float:right;
text-align:left;
background:transparent;
}

/*----Ende Festlegung der Boxen für die Aufnahme Menuelinks und Haupttext----*/

/*-----------------Festlegung des Menues auf der linken Seite----------------*/
#menuelinks{
float:left;
width:12em;
background-color: transparent;
position:relative;
}

/*Festlegung Menuegerüst*/
.menuecontainer {
width:10em;
margin: 2em 0 0 1.5em;
background-color: transparent;
}

/*Festlegung Menutitel*/
.menuelinkstitel {
margin: 0 0 1em 0;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
text-align: left;
}

/*Darstellung des Auswahlmenüs*/
.menuelinks {
display: block;
width:13.25em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: normal;
padding: 0.6em 0.3em 0.6em 0;
text-align: left;
text-decoration: none;
border-bottom: #000000 1px solid;
}

/*Darstellung nicht besuchter Link*/
.menuelinks:link {
color: #000000;
background-color: transparent;
text-decoration: none;
}

/*Darstellung besuchter Links*/
.menuelinks:visited {
color: #000000;
background-color: transparent;
}

/*Darstellung angeklickter Link*/
.menuelinks:active {
color: #000000;
background-color: transparent;
}

/*Darstellung des Links bei Berührung mit Maus*/
.menuelinks:hover {
color: #FFFFFF;
background-color: #003380;
}

/*-------------Ende Festlegung des Menues auf der linken Seite---------------*/

/*------------------Festlegung der Seitenüberschriften ----------------------*/

#seitenueberschriftmittel{
padding:1.4em 0 0.9em 0.7em;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:left;
text-decoration:none;
background:transparent;
}

/*-------------------Ende Festlegung Seitenüberschrift---------------------*/

/*----------------------Festlegung des Haupttextes--------------------------*/
#haupttext{
padding:0em 1em 0 1em;
color:#3F3F3F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:justify;
text-decoration:none;
background:transparent;
}

/*-------------------Ende Festlegung des des Haupttextes---------------------*/

/*---------------Festlegen der Texteeigenschaften im Fussmenue---------------*/
#fusstext {
padding:1em 2.5em 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
color: #003380;
text-align:right;
text-decoration:none;
background:transparent;
}

/* Festlegen des Hovereffektes bei link*/
#fusstext a:link{
color:#003380;
}

/* Festlegen des Hovereffektes bei link*/
#fusstext a:hover{
color:#FF0000;
}
/*------------------Ende der Texteeigenschaften im Fussmenue----------------*/

/*---------Festlegung des Zusatztextes in der linken Box (Menue)------------*/
#linkertext{
padding:1em 1em 0 2em;
color:#FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight: bold;
text-align:left;
text-decoration:none;
background:transparent;
}
/*------ Ende Festlegung des Zusatztextes in der linken Box (Menue)---------*/

/*------------------------------Ende index.css-----------------------------*/