#myImage1, #myImage2 {
    position: absolute;  /* Bilder uebereinanderlegen */
	top:50px;
    height: 250px;
    width: 800px;
	
    border: 0;
    display: block;
}
#layoutPanel{
position:absolute; 
left:50%; 
margin-left:-400px; 
top:0px; 
height:1200px; 
width:800px; 
background-color:#FFEDE0; 
}

#leftPanel{
position:absolute; 
left:727px; 
top:381px; 
width: 72px; 
height:100%; 
background: -moz-linear-gradient(to right,#F5F5F5, #FFEDE0); /* FF 3.6+ */  
background: -ms-linear-gradient(to right,#F5F5F5, #FFEDE0); /* IE10 */  
background: -webkit-gradient(linear, left TOP, right TOP, color-stop(0%, #F5F5F5), color-stop(100%, #FFEDE0)); /* Safari 4+, Chrome 2+ */  
background: -webkit-linear-gradient(to right,#F5F5F5, #FFEDE0); /* Safari 5.1+, Chrome 10+ */  
background: -o-linear-gradient(to right,#F5F5F5, #FFEDE0); /* Opera 11.10 */  
background:  linear-gradient(to right,#F5F5F5, #FFEDE0);
}
#topPanel{
position:absolute; 
top:300px; 
width:100%; 
height:79px; 
background: linear-gradient(#FFEDE0,#F5F5F5);
background: -moz-linear-gradient(#FFEDE0, #F5F5F5); /* FF 3.6+ */  
background: -ms-linear-gradient(#FFEDE0, #F5F5F5); /* IE10 */  
background: -webkit-gradient(linear, left TOP, left BOTTOM, color-stop(0%, #FFEDE0), color-stop(100%, #F5F5F5)); /* Safari 4+, Chrome 2+ */  
background: -webkit-linear-gradient(#FFEDE0, #F5F5F5); /* Safari 5.1+, Chrome 10+ */  
background: -o-linear-gradient(#FFEDE0, #F5F5F5); /* Opera 11.10 */  

}
#contentPanel{
position:absolute; 
left:173px; 
top:380px; 
width:550px; 
height:100%; 
text-align:top; 
font-size:13px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color:#F5F5F5;
}
#navigationPanel{
margin:0;
padding:0;
position:absolute;
left:0px;
top:380px;
width:170px;
height:100%;
text-align:left; 
background: linear-gradient(to right, #FFEDE0,#F5F5F5);
background: -moz-linear-gradient(to right,#FFEDE0, #F5F5F5); /* FF 3.6+ */  
background: -ms-linear-gradient(to right,#FFEDE0, #F5F5F5); /* IE10 */  
background: -webkit-gradient(linear, left TOP, right TOP, color-stop(0%, #FFEDE0), color-stop(100%, #F5F5F5)); /* Safari 4+, Chrome 2+ */  
background: -webkit-linear-gradient(to right,#FFEDE0, #F5F5F5); /* Safari 5.1+, Chrome 10+ */  
background: -o-linear-gradient(to right,#FFEDE0, #F5F5F5); /* Opera 11.10 */  
}

.links{
position:absolute; 
 left:173px;
 top:950px; 
 width:550px; 
 height:250px; 
 text-align:top; 
 font-size:15px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 overflow:auto; 
 background-color:#F5F5F5
}
.auswahl{
list-style:none;
border:1px solid;
border-color:gray;
}

.auswahl li {
display:inline;
}


.lightbox {
 list-style-type:none;
 margin:70px 0 0 7px;
 padding:0;
 width:520px;            /* Bildbreite */
 height:390px;           /* Bildh�he */
 overflow:hidden;        /* Bitte nur ein Bild zeigen. */
 border:1px solid #000;
 -moz-box-shadow:0px 0px 5px #000;
 -webkit-box-shadow:0px 0px 5px #000;
 -o-box-shadow:0px 0px 5px #000;
 box-shadow:0px 0px 5px #000;
 
} 

.lightbox li a {
 display:block;
 height:448px;
}

.lightbox li img {
 display:block;
} 





h1 {
padding:0 4px;
line-height: 0.5;
text-align: center;
letter-spacing: 2px;
font-weight: lighter;
color: #58583b;
margin-top:30px;
}
h1 span{
display:inline-block;
position:relative;
}

h1 span:before,
h1 span:after{
 content: "";
  position: absolute;
  height: 10px;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  top: 0;
  width: 100px;
}
h1 span:before{
right:100%;
margin-right:15px;
}

h1 span:after {
  left: 100%;
  margin-left: 15px;
}


ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
	margin-top:30px;
	margin-left:3em;
    margin-bottom: 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
.navigation-list{
margin-top:70px;
margin-left:25px;
}
.navigation-list li{
	margin: 20px 0 0 0;
}
.navigation-list a:before {
	content:attr(abb);
	position: absolute; 
	top: 50%;
    left: -1.3em;
    margin-top: -1.3em;
    background: #ffc477;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
}
.navigation-list a {
    position: relative;
    display: block;
    padding: .4em .4em .4em 1.5em;
    *padding: .4em;
    margin: .5em 0;
    background: #F5F5F5;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
	font-size:15px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
.navigation-list a:hover{
    background: #778899;
}

.rounded-list a {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #F5F5F5;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}

.rounded-list a:hover{
    background: #778899;
}


.rounded-list a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #ffc477;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}


.content-list a {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #F5F5F5;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}

.content-list a:hover{
    background: #778899;
}


.content-list a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #ffc477;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}

.content-list p {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #F5F5F5;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;   
}




.content-list p:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #ffc477;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}