/*  Toepfermarkt Schwerin */

body { 
	background-color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#993300;
	padding:0px;
	margin:0px;
}
a {color: #993300; text-decoration:none;}
a:hover {color: #30537b;}
a:active { color:#000000;}

.show {	
		margin-top: -0px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;}
.nolink {color: #30537b;}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
text-align:left;
padding:0px;
margin:0px }

h2 {
font-size:18px;
font-weight: bold;
padding: 5px 0 0 0;
margin:0px;}


/* ----------container to center the layout-------------- */
#container {
width: 980px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}

/* ----------Fotos-------------- */
.left{float:left; }
.photo{
margin: 10px 15px 8px 0px;
}
img {border:none;}
/* ----------Kopf-------------- */
#Kopf {
width: 980px;
height: 204px;
background: url("../fotos/Kopf.jpg") no-repeat top left transparent;
padding: 0px;
margin: 0px;
text-align:right;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

/* ----------text-------------- */
#text {
color: #30537b;
text-align:left;
margin-top:16px;
padding-left:400px;
margin-right: 25px;
}

#textAussteller {
overflow-y: scroll;
height: 505px;
width: 575px;
color: #30537b;
text-align:left;
margin-top:16px;
padding-left:10px;
margin-right: 5px;
}

/* ----------links-------------- */
#KopfLink{
height: 80px;
width: 320px;
text-align:left; 
padding-left: 540px;
padding-top: 70px;
}

#Links {
text-align:left; 
padding-left: 400px;
padding-top: 30px;
}
#Links a{
font-size: 16px;
}


/* ----------Titelbilder-------------- */
#Index {
float:left;
width: 390px;
height: 505px;
background: url("../fotos/Willkommen.jpg") no-repeat bottom right transparent;
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#Thema {
float:left;
width: 390px;
height: 505px;
background: url("../fotos/Thema.jpg") no-repeat bottom right transparent;
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#Aussteller {
float:left;
width: 390px;
height: 505px;
background: url("../fotos/Aussteller.jpg") no-repeat bottom right transparent;
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#Anmeldung {
float:left;
width: 390px;
height: 505px;
background: url("../fotos/Anmeldung.jpg") no-repeat bottom right transparent;
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#Ausstellung {
float:left;
width: 390px;
height: 505px;
background: url("../fotos/Ausstellung.jpg") no-repeat bottom right transparent;
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#Kontakt {
float:left;
width: 390px;
height: 505px;
background: url("../fotos/Kontakt.jpg") no-repeat bottom right transparent;
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#Satzung {
float:left;
width: 390px;
height: 505px;
background: url("../fotos/Satzung.jpg") no-repeat bottom right transparent;
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#Anfahrt {
float:left;
width: 390px;
height: 505px;
background: url("../fotos/Anfahrt.jpg") no-repeat bottom right transparent;
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
/* ------------Gallery-------------- */
.thumbnails {
   width:600px;
   margin:10px 0 10px -40px;
   }
.thumbnails li {
   width:180px;
   float:left;
   display:inline;
   margin:0 0 0 4px;
   }
.thumbnails li img{
   width:100%;
   height:auto;
   color:#fff;
   }  

.thumbnails img:hover {
   opacity:0.8;
}
/* ------------Show-------------- */
#Show {
width: 390px;
height: 261px;
margin-top: 244px;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding-right: 60px;
text-align: right; }