/*
Farben:
aliceblue: #F0F8FF;
rot: #B22222;
schiefergrau: #778899;
grn: #008030;
*/



body{
background-color:#F0F8FF;
margin-top:40px;
margin-left:200px;
}


a:link{text-decoration:none;font-weight:bold;font-size:12px;color:#B22222;}
a:visited{text-decoration:none;font-weight:bold;font-size:12px;color:#A02020;}
a:focus{text-decoration:none;font-weight:bold;font-size:12px;color:#008030;}
a:hover{text-decoration:none;font-weight:bold;font-size:12px;color:#008030;}
a:active{text-decoration:none;font-weight:bold;font-size:12px;color:#008030;}



h1, h2, h3, h4, h5{
font-family:verdana,arial,helvetica;
color:#000;
text-align:left;
}

p, td, div, span{
font:12px verdana,arial,helvetica;
color:#000;
}

td{
padding-right:10px;
text-align:left;
vertical-align:top;
}

.name{
float:left;
margin-right:15px;
}



.close{
border:solid #008030; 1px;
color:#B22222;
background-color:#FFF;
}

.innermenu{
float:right;
font-weight:bold;
}

div.container{
  width:70%;
}

div.headline{
color:#008030;
background-color:#F0F8FF;
}

span.menuItems{
font-size:small;
font-weight:bold;
text-align:right;
padding-right:10px;
}

div.infoline{
float:right;
padding-top:22px;
padding-bottom:15px;
}


div.content{
clear:both;
padding:25px;
min-height:300px;

border:solid #008030; 8px; /* grner Rahmen */
color:#000;
background-color:#FFF;
}





.foto{
float:left;
margin-right:30px;
margin-bottom:20px;
}

.desc{
padding-top:30px;
min-height:300px;
}

.descListe{
margin-top:50px;
margin-left:180px;
line-height:2.0em;
}

/* verwendete Farben */
.blue{
color:#F0F8FF;
}

.rot{ 
color:#B22222;
}

.grau{
color:#778899;
}

.gruen{
color:#008030;
}

.schwarz{
color:#000;
}

/* ***************** */
.fett{
font-weight:bold;
}

.spaltefett{
font-weight:bold;
width:100px;
}

.mager{
font-weight:normal;
}

.einzeilig{
line-height:1.5em;
}

.size14{
font-size:14px;
}

.bigger{
font-size:16px;
}



.vAbstand{
padding-top:10px;
padding-bottom:10px;
}

p.vAbstand{
margin-top:0em;
}

.vAbstandOben{
padding-top:10px;
}

.vAbstandOben2{
padding-top:20px;
}


.liste{
line-height:1.6em;
margin-top:0.5em;
}

.howtoListe{
margin-left:250px;
}

td.spalte{
position:relative;
width:45%;
padding-top:40px;
padding-right:25px;
padding-left:25px;
text-align:justify;
vertical-align:top;
}

td.spalteU{
width:55%;
padding-top:20px;
padding-right:25px;
padding-left:50px;
text-align:justify;
vertical-align:top;
}

td.spalteK{
width:40%;
padding-top:20px;
padding-right:25px;
padding-left:50px;
text-align:left;
vertical-align:top;
}

td.abstand{
width:5%;
}

div.tuer{
margin-top:85px;
text-align:center;
}

div.johnCage{
position:relative;
float:right;
margin-top:100px;

}


#memory{
text-align:left;
}



.abstand-li{
padding-left:10px;
}

.hide{
visibility: hidden;
display: none;
}



/* was wird hier noch benutzt? */


div.spalteLinks{
position:relative;
float:left;
padding:10px;
margin-left:300px;
}

div.spalteRechts{
position:relative;
padding:10px;
margin-top:40px;
margin-left:350px;
}

div.textBlockLinks{
position:relative;
float:left;
margin-top:40px;
padding-left:50px;
width:250px;
text-align:justify;
}

div.textBlockRechts{
margin-top:40px;
padding-left:50px;
padding-right:10px;
width:250px;
text-align:justify;
/*border:solid #008030; 8px;*/
}

div.textBlock{
position:relative;
float:left;
margin-top:40px;
padding-left:50px;
padding-right:10px;
padding-bottom:10px;
width:400px;
text-align:justify;
}

.block{
text-align:justify;
}


.textblockMitte{
position:relative;
float:left;
margin-top:20px;
padding-left:50px;
padding-right:10px;
padding-bottom:10px;
width:600px;
text-align:justify;
}


div.textMitte{
position:relative;
float:right;
padding:10px;
text-align:justify;
}

div.tabelle{
position:absolute;
padding:10px;
margin-top:40px;
margin-left:300px;
}