body { margin:0px; text-align:center; color:black; background: url(GUI/ruthsimsa_org_border.png); background-repeat:repeat-x;}

div { border:0px solid #888; }

/*~~~~~~~ Basis + Top ~~~~~~~~~~~~~~~~~~~~*/

#base { margin:auto; text-align:center; position:relative; top:0px; left:0px; width:950px; z-index:1; font-family:arial,verdana; font-size:13px;}

#top { text-align:center; position:relative; top:0px; left:0px; width:950px; height:250;
      z-index:2; background: url(GUI/ruthsimsa_org.png); }
#topsub { text-align:center; position:relative; top:0px; left:0px; width:950px; height:190; z-index:3; color:#8E1010;}

.headlink{
color:#8E1010;
text-decoration:none;
}
.headlink:hover{
color:#8E1010;
text-decoration:none;
background-color:#EAEAEA;
}

/*~~~~~~~~~ MENÜ-Bereich ~~~~~~~~~~~~~~~~~~*/
#menumain { text-align:center; position:relative; top:0px; left:0px; width:950px; z-index:3; font-size:14px; color:#2F2F2F; letter-spacing: 1px;}

.submenu{
padding-top:17px;
padding-bottom:10px;
text-align:center;
position:relative;
top:0px;
left:0px;
z-index:3;
font-size:14px;
color:#8E1010;
}

.menu_mainlink{
color:#2F2F2F;
text-decoration:none;
}
.menu_mainlink:hover{
color:#2F2F2F;
text-decoration:none;
background-color:#DADADA;
}

.sub{
text-decoration:none;
color:#8E1010;
}
.sub:hover{
color:#8E1010;
text-decoration:none;
background-color:#DADADA;
}

.nachoben{
text-decoration:none;
color:#8E1010;
}
.nachoben:hover{
text-decoration:none;
font-weight:bold;
/*color:#5F5F5F;
background-color:#DADADA;*/
}

/*~~~~~~~~~ Textbereich ~~~~~~~~~~~~~~~~~~*/

#text{ margin:auto; text-align:left; position:relative; top:0px; left:0px; width:800px;
      z-index:2; clear:both;}
#text2{ margin:auto; text-align:left; position:relative; top:0px; left:0px; width:600px;
      z-index:2; clear:both;}

.newelement{
color:#5F5F5F;
text-decoration:none;
}
.newelement:hover{
color:#8E1010;
text-decoration:none;
}

#heading1{ margin:0px 0px 0px 0px; padding:15px 0px 5px 0px; text-align:left; position:relative; top:0px; left:0px; z-index:3;}

.heading2
{
font-size:20px;
color:#8E1010;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
padding:30px 0px 15px 10px;
}

/*~~~~~~~~~ Bottom ~~~~~~~~~~~~~~~~~~*/

#bottom {margin:0px; padding:30px 0px 0px 0px; clear:both; text-align:center; position:relative; top:0px; left:0px; width:950px; z-index:2; color: #5F5F5F; font-size:12px;}


/*~~~~~~~~~ Überschriften "h" ~~~~~~~~~~~~~~~~~*/


h1 {
font-size:28;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#8E1010;
margin: 0px 0px 0px 0px;
float:left;
}

h2 {
font-size:20;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2F2F2F;
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
clear:right;
}

/*~~~~~~~~~ Sonstiges ~~~~~~~~~~~~~~~~~*/

p{
   margin:0px;
}
font{
   font-size:13px;
   font-family: Arial, Helvetica, sans-serif;
}
ol{
   margin-top:0px;
   margin-bottom:0px;
}
ul{
   margin-top:0px;
   margin-bottom:0px;
}
li{
   margin-top:0px;
   margin-bottom:0px;
}

a{
   color:#8E1010;
   text-decoration:underlined;
}
a:hover{
   color:#8E1010;
   text-decoration:none;
}

.editlink{
   color: #5F5F5F;
   text-decoration:none;
}
.editlink:hover{
   color:#8E1010;
   text-decoration:none;
}

.line{
font-family: Arial, Helvetica, sans-serif;
font-size: 0px;
padding-top: 13px;
padding-bottom: 0px;
margin-top:0px;
margin-bottom: 13px;
border-bottom-color: #8E1010;
border-bottom-style: solid;
border-bottom-width: 1px;
clear: both;
}
.line_grau{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5F5F5F;
padding-top: 13px;
padding-bottom: 0px;
margin-top:0px;
margin-bottom: 13px;
border-bottom-color: #B0B0B0;
border-bottom-style: solid;
border-bottom-width: 1px;
clear:both;
}
.line_grau_bottom{
font-family: Arial, Helvetica, sans-serif;
font-size: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-bottom-color: #5F5F5F;
border-bottom-style: solid;
border-bottom-width: 1px;
clear: both;
}
.line_grauh{
text-align:center;
color: #5F5F5F;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 15px 0px 5px 0px;
padding: 2px 0px 2px 0px;
border-color: #B0B0B0;
border-style: solid;
border-bottom-width: 1px;
border-top-width: 1px;
clear: both;
letter-spacing: 0px;
}

.fotolink
{
background:url(GUI/foto_back1.png); 
}
.fotolink:hover
{
background: url(GUI/foto_back1a.png);
}


.bildrechts{
float: right;
margin-top: 20px;
margin-left: 20px;
margin-right: 0px;
margin-bottom: 10px;
/*border-style: solid;
border-width: 1px;
border-color: #000000;*/
}

/*~~~~~~~~~ Login ~~~~~~~~~~~~~~~~~*/

#login_text{
position:relative; width:150px; height:30px; float:left; text-align:right; font-size:14px; line-height:30px;
}

#login_feld{
position:relative; width:640px; height:30px; float:right; text-align:left; font-size:14px;
}

.login_input{
margin-top:2px;height:23px; width:150px; font-size:14px; line-height:17px; border:1pt solid #8E1010;
}

/*~~~~~~~~~ Ergebnisse ~~~~~~~~~~~~~~~~~*/

#result1{
text-align:center; margin:auto; margin-top:30px; color:#8E1010; font-size:16px; font-weight:bold;
}

#result2{
text-align:center; margin:auto; margin-top:10px; color:#2F2F2F;
}

/*~~~~~~~~~ textarea ~~~~~~~~~~~~~~~~~*/

.textbereich{
width:600px;
height:300px;
}

/*~~~~~~~~~ input ~~~~~~~~~~~~~~~~~*/
.inputfeld
{
margin-top:0px; height:23px; width:528px; font-size:13px; line-height:18px; border:1pt solid #8E1010;
font-weight:bold;
}