* {
margin: 0;
padding: 0;
}
html {
min-height: 101%;
position: relative;
}
body{
background: #272727;
color: #fff;
font-family:Palatino,"Palatino Linotype","Book Antiqua","Times New Roman",Times,serif;
font-size:13px;
line-height: 15px;
text-align: center;
}
h1 {
text-align: right;
padding: 13px 20px 13px 0;
font-size: 15px;
background: #212121 url(../bilder/top.jpg) repeat-x 0 0;
height: 15px;
}
h2 {
padding: 5px 0;
font-size: 15px;
}
h3 {
font-size: 15px;
color: #999;
}
a {
outline-style:none;
}
a:link, a:visited {
text-decoration: none;
color: #c0c0c0;
}
a:focus, a:active, a:hover  {
color: #fff;
}
#navigation {
list-style: none;
width: 450px;
margin: 0 auto;
font-size: 15px;
font-weight: 700;
position: relative;
top: -34px;
}
#navigation li{
display: inline;
line-height: 21px;
}
#vor, #zurueck {
padding: 0 30px;
color: #5c5c5c;
font-size: 25px;
}
#info {
background: transparent url(../bilder/info.png) no-repeat 0 0;
}
#schliessen {
background: transparent url(../bilder/schliessen.png) no-repeat -1px 0;
}
.tgl {
display:block;
height:23px;
width:20px;
position: absolute;
top: 11px;
left: 20px;
overflow: hidden;
text-indent: 999em;
}
* html #info,
* html #schliessen {
width: 100px;
background-image: none;
text-indent: 0;
text-align: left;
}

#info:hover, #schliessen:hover {
background-position: -40px 0px !important;
}

#leinwand {
padding:20px 0 30px;
width:100%;
min-height: 500px;
/*background: transparent url(../bilder/loader.gif) no-repeat 50% 240px;*/
}
* html #leinwand {
height: 500px;
}
#photo {
padding: 5px;
background: #333;
border: 1px solid #333;
/*border: 8px solid #333;  */
}
#notiz {
/*text-align:left;*/
width: 720px;
margin: 0px auto;
line-height: 20px;
font-size: 15px;
text-shadow:1px 1px 0 #000000;
}
#notiz a:link, #notiz a:visited {
border-bottom: 1px dotted;
}
#notiz a:active, #notiz a:focus, #notiz a:hover {
border-bottom: 0;
}
#fuss {
margin-top: 40px;
padding-bottom: 20px;
text-transform: uppercase;
font-size: 10px;
color: #999;
letter-spacing:2px;
line-height: 18px;
}
#fuss a {
color: #999 !important;
}
#fuss em, h1 em {
font-style: normal;
}
h1 strong {
color: #c0c0c0;
}
h1 img{
position: absolute;
top: 10px;
right: 20px;
}
#aux {
position:absolute;
z-index:10;
top:42px;
left:-400px;
width:450px;
}
#auxList{
width:350px;
background-color:#252525;
overflow:auto;
}
#auxList ul {
list-style: none;
padding: 7px 0;
text-align: left;

}
#auxList ul li {
padding:8px 15px;
border-bottom:1px solid #666;
line-height: 19px;
}
#aux.nichtscript {
position: static;
top: 0;
left: 0;
width: 100%;
margin-top: 80px;
}
.nichtscript #auxList {
margin: 0 auto;
}
input.formfield, textarea {
width:250px;
padding:3px;
background-color:#333;
color:#DDD;
border:1px solid #666;
margin-top: 3px;
}
input.formfield:focus, textarea:focus {
color:#FFF;
background-color:#494949;
}

/*****************************************************************/

#archiv h2 {
margin: 30px 0 25px;
text-align: center;
}
#archiv p {
line-height: 20px;
margin: 10px 0;
}
#archiv #leinwand{
width: 720px;
margin: 0 auto;
text-align: left;
/*background-image: none;*/
}
#archiv #leinwand a{
margin: 5px;
}
#archiv #leinwand a img{
border: none;
background:#333;
border:1px solid #333;
padding: 3px;
margin: 10px 0;
}
#archiv #info {
display: none;
}
#blogroll {
line-height: 25px;
}
#blogroll li {
list-style: none;
text-transform: lowercase;
display: inline;
}
/*****************************************************************/

.hidden {
display: none;
}
/*****************************************************************/
#start #leinwand{
width: 655px;
margin: 0 auto;
text-align: left;
position: relative;
min-height: 400px;
/*background-image: none;*/
}
* html #start #leinwand {
height: 400px;
}
#start ul {
list-style: none;
}
#start li {
display: inline;
}
#start #thumbsrahmen a img{
border: none;
background:#333;
border:1px solid #333;
padding: 3px;
margin: 10px;
display: inline;
}
/*#start #thumbsrahmen a:hover img {
border-color: #999;
border-width: 2px;
padding: 2px;
} */
#thumbsrahmen {
height:106px;
overflow:hidden;
width:100%;
top: 150px;
position: relative;
z-index: 50;
text-align: center;
}
#thumbsrahmen ul {
width: 1308px;
height: 116px;
padding-top: 10px;
}
#thumbsrahmen li {
display: none;
}
#thumbsrahmen img {
display: block;
margin: 65px auto 0;
}
#thumbsrahmen img.fallback {
display:block;
margin:1px auto 0;
}
#ende {
width: 655px;
height: 106px;
background: transparent url(../bilder/kreide_ohne.png) no-repeat 0 0;
position: relative;
top: 46px;
display: none;
z-index: 100;
text-align: right;
}
#ende a {
display: block;
padding: 80px 30px 0 0;
}
#thumbsrahmen li h3 {
display: none;
}
#laden {
display: none;
}
#start #hoverdiv {
height: 250px;
left:0;
position:absolute;
top:195px;
width:100%;
z-index: 10;
text-align: center;
line-height: 18px;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
}
#hoverdiv h3 {
margin-top: 150px;
color: #fff;
text-shadow:1px 1px 0 #000000;
}
#start h3 span {
display: block;
font-size: 13px;
font-weight: normal;
margin-bottom: -8px;
color: #999;
}
#start #starttext a:link, #start #starttext a:visited {
border-bottom: 1px dotted;
}