body { text-align:center; color:black;}

div { border:0px solid #888; }

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

#base { margin:auto; text-align:left; position:relative; top:0px; left:0px; width:920px;
      z-index:1; background-color:#FDF6DC; background: url(GUI/markosimsa_base.png); }

#top { text-align:center; position:relative; top:0px; left:0px; width:920px; height:269;
      z-index:2; background: url(GUI/markosimsa_top.png); }
#top_left{ margin:auto; text-align:center; position:relative; top:25px; left:0px; width:40px; height:100px;
      z-index:3; font-size:12; font-family:'arial'; overflow:hidden; float:left; color:#FFC900;}
#top_link{ margin:auto; text-align:center; position:relative; top:25px; left:0px; width:167px; height:100px;
      z-index:3; font-size:12; font-family:'arial'; overflow:hidden; float:left; line-height:25px; color:#FFC900;}
#top_center{ margin:auto; text-align:right; position:relative; top:25px; left:0px; width:668px; height:100px;
      z-index:3; font-size:12; font-family:'arial'; overflow:hidden; float:left; line-height:25px; color:#FFC900;}


/*~~~~~~~~ main + Links~~~~~~~~~~~~~~~~~~~*/


#middle{ text-align:left; position:relative; top:0px; left:0px; width:920px;
      z-index:2;}
#left{ text-align:left; position:relative; top:0px; left:0px; width:40px; height:278;
      z-index:3; background: url(GUI/markosimsa_leftwelle.png); float:left; }
#linktop{ text-align:left; position:relative; top:0px; left:0px; width:179px; height:112;
      z-index:3; background: url(GUI/markosimsa_linktop.png); }
#link{ text-align:left; position:relative; top:0px; left:0px; width:179;
      z-index:3; float:left;}
#link1{ text-align:left; position:relative; top:0px; left:0px; width:179px; height:20; vertical-align:center; line-height:20px;
      z-index:3; background: url(GUI/markosimsa_link.png); font-family:arial; font-size:14px; color:#830000; }
#link2{ text-align:left; position:relative; top:0px; left:0px; width:179px; height:20; vertical-align:middle; line-height:20px;
      z-index:3; background: url(GUI/markosimsa_linkred.png); font-family:arial; font-size:14px; color:#FFC900; }

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

#center{ text-align:center; position:relative; top:0px; left:0px; width:644px;
      z-index:3; float:left;}
#überschrift{ margin:auto; text-align:center; position:relative; top:0px; left:0px; width:523px;
      z-index:3; font-size:30; font-family:arial; font-weight:bold; font-style:italic; color:#830000;}
#überschrift2{ margin:auto; text-align:center; position:relative; top:0px; left:0px; width:523px; height:20;
      z-index:3; font-size:12; font-family:arial; color:#830000;}
#ergebnisse{ margin:auto; text-align:center; position:relative; top:0px; left:0px; width:523px;
      z-index:3; font-size:20; font-family:arial; font-weight:bold; font-style:italic; color:#830000;}
#space{ margin:auto; text-align:center; position:relative; top:0px; left:0px; width:521px;
      z-index:3; font-size:14; font-family:'arial';}
#center15{ margin:auto; text-align:justify; position:relative; top:0px; left:0px; width:521px;
      z-index:2; font-size:12; font-family:'arial'; }
#center2{ margin:auto; text-align:justify; position:relative; top:0px; left:0px; width:521px;
      z-index:2; font-size:12; font-family:'arial'; }

#pressehead{ margin:auto; text-align:center; position:relative; top:0px; left:0px; width:523px; height:27; line-height:22px; vertical-align:middle;
      z-index:3; font-size:13; font-family:arial; font-weight:bold; font-style:none; background: url(GUI/markosimsa_pressehead.png); 
      overflow:hidden;}
#pressecenter{ margin:auto; text-align:justify; position:relative; top:0px; left:0px; width:521px;
      z-index:3; font-size:12; font-family:'arial'; overflow:hidden; line-height:1.4;}
#pressebefehle{ margin:auto; text-align:left; position:relative; top:0px; left:0px; width:521px;
      z-index:3; font-size:13; font-family:'arial'; overflow:hidden; color:#830000; line-height:20px;}


#log{ margin:auto; text-align:right; position:relative; top:0px; left:0px; width:521px;
      z-index:3; font-size:14; font-family:'arial'; overflow:hidden; }
#log_left{ margin:auto; text-align:right; position:relative; top:0px; left:0px; width:240px; height:30px; line-height:25px;
      z-index:3; font-size:14; font-family:'arial'; overflow:hidden; float:left; }
#log_center{ margin:auto; text-align:center; position:relative; top:0px; left:0px; width:5px; height:30px; line-height:25px;
      z-index:3; font-size:14; font-family:'arial'; overflow:hidden; float:left; }
#log_right{ margin:auto; text-align:left; position:relative; top:0px; left:0px; width:276px; height:30px; line-height:25px;
      z-index:3; font-size:14; font-family:'arial'; overflow:hidden; float:left; }

#GB_neu{ margin:auto; text-align:left; position:relative; top:0px; left:0px; width:523px;
      z-index:2; font-size:16px; font-weight:bold; font-family:arial; color:#830000;}
#GB_neuU{ margin:auto; text-align:left; position:relative; top:0px; left:0px; width:523px;
      z-index:2; font-size:16px; font-weight:bold; font-family:arial; color:#830000; display:none;}
#GB_bild{ margin:auto; text-align:left; position:relative; top:0px; left:0px; width:130px; height:50px; float:left;
      z-index:3; font-size:16px; font-weight:bold; font-family:arial; color:#830000;}
#GB_eintrag{ margin:auto; text-align:left; position:relative; top:0px; left:0px; width:385px; height:50px; float:right;
      z-index:3; font-size:16px; font-weight:bold; font-family:arial; color:#830000; line-height:45px; }
#GB_neuhead{ margin:auto; text-align:center; position:relative; top:0px; left:0px; width:523px;
      z-index:3; font-size:16px; font-weight:bold; font-family:arial; color:#FFC900; background-color:#830000;
      line-height:20px; border-width:1px; border-color:#830000; border-style: solid; }
#GB_neumain{ margin:auto; text-align:center; position:relative; top:0px; left:0px; width:523px;
      z-index:3; font-size:12px; font-weight:bold; font-family:arial; color:#830000;
      border-width:1px; border-color:#830000; border-style: solid; background-color:#F8E8A5; }
#GB_nneu_feld{ margin:auto; text-align:right; position:relative; top:0px; left:0px; width:130px; float:left;
      z-index:3; font-size:16px; font-weight:bold; font-family:arial; color:#830000; line-height:25px;}
#GB_nneu_text{ margin:auto; text-align:left; position:relative; top:0px; left:0px; width:380px; float:right;
      z-index:3; font-size:16px; font-weight:bold; font-family:arial; color:#830000;}
#GB{ margin:auto; text-align:justify; position:relative; top:0px; left:0px; width:523px;
      z-index:2; font-size:12px; font-family:arial; color:#000000;}
#GB_head{ margin:0px; text-align:right; position:relative; top:0px; left:0px;
      z-index:3; font-size:13px; font-weight:bold; font-family:arial; color:#000000; background-color:#F8E8A5;
      border-bottom-width:1px; border-top-width:1px;
      border-bottom-color:#830000; border-top-color:#F8E8A5;
      border-bottom-style: solid; border-top-style: solid; }
#GB_text{ margin-top:10px; text-align:justify; position:relative; top:0px; left:0px; width:523px; z-index:3;
      line-height:20px; font-size:12px; font-family:arial; color:#000000; border-width:1px; border-color:#830000; border-style: solid; }
#GB_navi{ margin-top:10px; text-align:center; position:relative; top:0px; left:0px; width:523px; z-index:3; height:23px;
      line-height:23px; font-size:14px; font-family:arial; color:#FFC900; border-width:1px; border-color:#830000; border-style: solid;
      background-color:#830000; font-weight:bold;}


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

#bottom { clear:right; clear:both; text-align:left; position:relative; top:0px; left:0px; width:920px; height:50; overflow:hidden;
      z-index:1; background: url(GUI/markosimsa_bottom.png); /*background-color:blue;*/ }
#bottom_left{ margin:auto; text-align:center; position:relative; top:0px; left:0px; width:40px; height:50px;
      z-index:3; font-size:12; font-family:'arial'; overflow:hidden; float:left; color:#830000;}
#bottom_link{ margin:auto; text-align:center; position:relative; top:0px; left:0px; width:167px; height:50px;
      z-index:3; font-size:12; font-family:'arial'; overflow:hidden; float:left; line-height:25px; color:#830000;}
#bottom_center{ margin:auto; padding-top:28px; text-align:right; position:relative; top:0px; left:0px; width:666px; height:50px;
      z-index:3; font-size:12; font-family:'arial'; overflow:hidden; float:left; line-height:25px; color:#830000;}



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


h1 {
font-size:30;
font-family:arial;
font-weight:bold;
font-style:italic;
color:#830000;
margin:0px;
}

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



.line{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 0px;
margin-bottom: 0px;
border-bottom-color: #830000;
border-bottom-style: solid;
border-bottom-width: 1px;
clear: both;
}


.head{
/*color:#830000;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
text-align:left;
}

.spielpl{
color:#830000;
font-weight:normal;
text-decoration:underline;
}

.spielpl:hover{
color:#830000;
font-weight:bold;
text-decoration:underline;
}

.spielpl2{
color:#830000;
font-weight:normal;
text-decoration:underline;
}

.spielpl2:hover{
color:#830000;
text-decoration:none;
}

.textlink{
color:#830000;
text-decoration:underline;
}

.textlink:hover{
color:#830000;
text-decoration:none;
}

.text
{
font-size:12px;
font-family:arial;
}

.linkpfeil
{
float:left;
}

.link
{
display:block;
height:20px;
width:179px;
background: url(GUI/markosimsa_link.png);
color:#830000;
text-decoration:none;
font-family:arial;
font-size:14px;
line-height:20px;
}

.link:hover{
background: url(GUI/markosimsa_linkred.png);
color:#FFC900;
text-decoration:none;
font-family:arial;
font-size:14px;
line-height:20px;
} 


.album
{
display:block;
margin:0px 0px 0px 0px;
height:211px;
width:170px;
background: url(GUI/album32.png);
color:#830000;
text-decoration:none;
font-family:arial;
font-size:14px;
overflow:hidden;
}

.album:hover{
background: url(GUI/album32-hover.png);
}

.foto
{
display:block;
margin:0px 0px 0px 0px;
height:125px;
width:125px;
background: url(GUI/fotos.png);
color:#830000;
text-decoration:none;
font-family:arial;
font-size:14px;
overflow:hidden;
}

.foto:hover{
background: url(GUI/fotos2.png);
}

.headlink{
color:#FFC900;
text-decoration:none;
}

.headlink:hover{
font-weight:bold;
}

.headwk{
display:block;
height:25px;
width:125px;
float:right;
background: url(GUI/WK2.gif);
color:#830000;
text-decoration:none;
font-family:arial;
font-size:14px;
text-align:right;
line-height:25px;
background-repeat:no-repeat;

}

.headwk:hover{
/*font-weight:bold;*/
background: url(GUI/WK3.gif);
}


.bottomlink{
color:#830000;
font-weight:normal;
text-decoration:none;
}

.bottomlink:hover{
color:#830000;
text-decoration:none;
font-weight:bold;
}

.gb-entry{
color:#830000;
text-decoration:none;
}

.gb-entry:hover{
font-weight:bold;
text-decoration:underline overline;
}


/* ~~~~~~~~~~~~ für Alben-Tabelle! ~~~~~~~ */

.tabf{
table-layout:fixed;
width:521px;
border-width:0px;
vertical-align:middle;
font-size:12px;
/*background-color:green;*/
/*background-color:#F8E8A5;*/
}

.tabf2{
/*width:172px;*/
width:33%;
height:211px;
text-align:center;
}

/* ~~~~~~~~~~~~ für Fotos-Tabelle! ~~~~~~~ */

.tabef{
table-layout:fixed;
width:521px;
border-width:0px;
/*vertical-align:middle;*/
font-size:12px;
/*background-color:#F8E8A5;*/
}

.tabef2{
width:25%;
height:126px;
text-align:center;
vertical-align:middle;
}

/* ~~~~~~~~~~~~ für Spielplan-Tabelle! ~~~~~~~ */

.tab{
table-layout:fixed;
border-color:#830000;
border-style:solid;
border-width:0px;
background-color:#FDF6DC;
vertical-align:middle;
font-size:11px;
}

.tab1{
width:95px;
text-align:center;
background-color:#F8E8A5;
overflow:hidden;
border-color:#830000;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:1px;
border-top-width:1px;
border-style:solid;
}

.tab2{
width:75px;
background-color:#830000;
text-align:center;
border-color:#830000;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-top-width:1px;
border-style:solid;
}

.tab3{
width:210px;
background-color:#F8E8A5;
border-color:#830000;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-top-width:1px;
border-style:solid;
}

.tab4{
width:141px;
background-color:#F8E8A5;
border-color:#830000;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-top-width:1px;
border-style:solid;
}

.tab5{
height:10px;
}

.tab6{
text-align:right;
font-size:12px;
color:#830000;
}

/* ~~~~~~~~~~~~ für input-feld! ~~~~~~~ */
.gb-input{
border-width:1px;
border-style:solid;
border-color: #830000;
text-align:left;
width:250px;
height:23px;
line-height:18px;
background-color:#FDF6DC;
font-family: verdana;
font-size:14px;
}

.gb-textarea{
border-width:1px;
border-style:solid;
border-color: #830000;
text-align:left;
width:350px;
height:180px;
background-color: FDF6DC;
font-family: verdana;
font-size:12px;
}

.inputfeld{
border-width:1px;
border-style:solid;
border-color: #830000;
text-align:left;
width:500px;
height:23px;
line-height:18px;
background-color:#FDF6DC;
font-family: verdana;
font-size:14px;
}

.head-presse{
border: none;
text-align:center;
line-height:20px;
width:521px;
height:20px;
background-color: #F8E8A5;
font-weight:bold;
font-family: arial;
font-style:none;
}

.textarea-presse{
border-width:1px;
border-style:solid;
border-color: #830000;
text-align:left;
font-size:12px;
width:521px;
height:200px;
background-color: #FDF6DC;
font-family: arial;
line-height:1.4;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.ue2{
color:#830000;
text-decoration:none;
}

.ue2:hover{
text-decoration:none;
font-weight:bold;
}

.unterue
{
margin:15px 10px 5px 10px;
font-family:arial;
font-size:14px;
font-weight:bold;
text-align:left;
color:#830000;	
}

.eingabe
{
margin:0px 10px 5px 10px;
font-family:arial;
font-size:12px;
text-align:left;	
}

.pressebefehle{
text-decoration:none;
color:#830000;
}

.pressebefehle:hover{
text-decoration:underline;
}

.open_prod{
color:#830000;
text-decoration:underline;
}

.open_prod:hover{
color:#B98108;
text-decoration:underline;
}

.log{
width:120px;
}

.gb_seite{
color:#FFC900;
text-decoration:none;
}

.gb_seite:hover{
color:#FDF6DC;
text-decoration:none;
}


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

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

.gbbild{
float: left;
margin-top: 00px;
margin-left: 80px;
margin-right: 0px;
margin-bottom: 0px;
}