/* style.css - Varietat 2: Teile einer Stadt  */

body{
margin: 0;
padding: 0;
background: #000419;
*font: 12px, georgia, sans-serif; 
}

#xx {
position: relative;
width: 800px;
margin: 15px auto;
padding:0 0 0 0;
background: #000419;
color: black;  
}

#kopf {
position: relative;
width: 800px ;
height: 169px;
border: 0px solid red;
z-index: 7;
border-bottom:4px solid black;
}


#link {
position: relative; 
top: 0;
*top: -1px ;
left: 0;
margin: 0;
padding: 0;
height: 35px;
width: 790px; 
z-index:10;
background: #a0b1d0;
padding-top:5px;
padding-left: 10px;
border:0px solid red;
}


#nav {
margin-top: 5px;
padding: 0 ;
height: 26px;
width: 799px;
*width:700px;
*margin: 10px 5px 5px 5px;
}


#nav a {
text-decoration: none;
}

#nav li { 
float: left;
margin: 0;
display: block;
padding-right: 0px;  
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
background: #0072FF;
}

#nav li a {
color: #224d6f;
font-weight: bold;
display: block;
margin-right:0px;
padding: 0;		
}

#nav li.on a {
color: #F99E16;
}


#nav li span {
position: absolute;
left: -9384px; 
}

#liHome a, #liKunstler a, #liKarten a, #liPartner a, #liInfo a, #liKontakt a, #liArchiv a {
display: block;
position: relative;
height: 26px;
background:  url(./bilder/link-map.gif) no-repeat; 
}


#liHome a {
width: 74px;
background-position: 0 0;
}
#liKunstler a {
width: 100px;
background-position: -74px 0;
}
#liKarten a {
width: 73px;
background-position: -190px 0;
}
#liInfo a {
width: 127px;
background-position: -273px 0;
}
#liPartner a {
width: 102px;
background-position: -420px 0;
}
#liKontakt a {
width: 125px;
background-position: -542px 0;
}
#liArchiv a {
width: 131px;
background-position: -680px 0;
}


#liHome.on a {
background-position: 0px -26px;
} 
#liKunstler.on a {
background-position: -74px -26px;
}
#liKarten.on a {
background-position: -185px -26px;
} 
#liInfo.on a {
background-position: -273px -26px;
}  
#liPartner.on a {
background-position: -420px -26px;
}
#liKontakt.on a {
background-position: -542px -26px;
}
#liArchiv.on a {
background-position: -680px -26px;
}


#liHome a:hover, #liHome:hover a, #liHome.over a {
background-position: 0 -52px;
}
#liKunstler a:hover, #liKunstler:hover a, #liKunstler.over a {
background-position: -74px -52px;
}
#liKarten a:hover, #liKarten:hover a, #liKarten.over a {
background-position: -185px -52px;
}
#liInfo a:hover, #liInfo:hover a, #liInfo.over a {
background-position: -273px -52px;
}
#liPartner a:hover, #liPartner:hover a, #liPartner.over a {
background-position: -420px -52px;
}
#liKontakt a:hover, #liKontakt:hover a, #liKontakt.over a {
background-position: -542px -52px;
}
#liArchiv a:hover, #liArchiv:hover a, #liArchiv.over a {
background-position: -680px -52px;
}

#kopf-link {
text-decoration:none;
}

#inhaltbox {
position: relative;
top:4px;
left:0;
width: 800px;
height: 100%;
padding-top:5px;
z-index: 5;
color:color:;
font-family: verdana, times, sans-serif; 
background: #a0b1d0;
}
* html  #bild-solo { top: 400px; }   /*   IE6 */


#unten table{
margin: 0 auto;
text-align: right;
font-size: 1em;
}

.sog-l {
float:left;
width: 113px;
height: 150px;
margin: 30px 15px 0 50px;
padding: 0;
border: 0px solid yellow;
}

.sog-r {
width: 685px;
margin: 0;
padding: 0 15px 0 0;
border-left: 1px solid green;
text-align:left;
}

#sog-logo {
width: 113px;
height: 150px;
}


img {
border: none;
}

a { 
text-decoration: none;
color:#121b3c;
}

p{
margin-top:5px;
padding:0;
font-size: .75em;
*font-size: 1em;
}

#text ul, #text li {
margin-top:0;
font-size: .9em;
*font-size: 1em;
}

h2 {
text-align: center;
font-size: 1.2em;
*font-size: 1.5em;
font-family:georgia;
margin-top:5px;
*margin-top:15px;
margin-bottom:2px;
color:#121b3c;
}

h3 {
text-align: center;
font-size: 1em;
*font-size: 1.3em;
font-family:georgia;
color:#121b3c;
}

h4 {
/**margin-top:15px;  */
margin:3px 0;
padding:0;
text-align: center;
font-size: 1em;
*font-size: 1.3em;
font-family:georgia;
color:#121b3c;

}


.center {
text-align: center;
}

.left {
text-align: left;
}

.null-neun {
font-size: .9em;
*font-size: 1em;
}

.gross {
font-size: 1.5em;
color:#black;
}

.klein {
font-size: .8em;
font-weight: normal;
}


b {
color:black;
}