* {
    margin: 0;
}


.text {font-size:12px; font-family:arial;color:#000000;}
  body {font-size:12px; font-family:arial;color:#000000;
    background-color: #ffffff;
}
h1
{
font-size:14px;
font-weight:bold;
padding:0px;
margin:0px;
}

h2
{
padding:0px;
font-size:13px;
font-weight:bold;
}

 ul#navigation{
list-style-type:none;
margin-left:0;
padding-left:0;
color: #000000;
}
ul#navigation li{
float:left;
padding-right:2px;
color: #000000;
}
ul#navigation li a{
background-color:#cbcbcb;
padding:0.2em;
color: #000000;
}
ul#navigation li a:hover{
	background-color:#ababab;
	color: #000000;
}

hr{
 border: 0px;
 border-top: dotted 1px #DFD861;
 height:1px;
}

#container {width:980px;
			height:100%;
			margin:auto;
			}
#kastenoben {position:relative;
            top:1px;
            margin:auto;
            width:719px;
            height:200px;
            background-color:#FFFFFF;
            color:#2F2F2F;
            padding:0px;
            border: 1px dashed silver;
            }

	#kastennavi {
	position:relative;
	top:0px;
	width:699px;
	height:14px;
	margin:auto;
	font-size:12px;
	background-color:#DCD44D;
	border: 1px dashed silver;
	padding:10px;
	border-bottom-style: none;
             }
#kastenlinks {
	position:relative;
	float:left;
	width:100px;
	background-color:#FFFFFF;
	             }

#kastenrechts {position:relative;
              float:right;
			  width:100px;
             height:auto;
             background-color:#FFFFFF;
             }

#kastenmain {
	position:relative;
	margin:auto;
	width:699px;
	height:auto;
	margin:auto;
	background-color:#F3F3F3;
	padding:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
		border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: silver;
	border-right-color: silver;
	border-bottom-color: silver;
	border-left-color: silver;
             }

#footer {position:relative;
margin:auto;
padding:10px;
margin-top:15px;
width:700px;
font-size:10px;
text-align:center;
}
.bildfloat {
	float:right;
	margin:10px;
	padding: 2px;
}
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}