/* 
    Document   : stylesheet
    Created on : 17.06.2013, 13:23:52
    Author     : Franziska Wurzel
    Description:
        Purpose of the stylesheet follows.
*/

body { /*background-color: silver; */
background-color: #AEF26D;
text-align:center;
}


#webseite {
width:1000px;
margin:0 auto;
/*border: 3px black dotted;*/
background-color: #6BEC3B;
}
#main {
width:1000px;
/*border:2px yellow double;*/
}
#header {
width:1000px;
height:150px;
/*border: 2px blue dashed;*/
}
#footer {
width:1000px;
height:30px;
margin-top:20px;
clear: both;
border-top:2px green dotted ;
font-size: x-small;
/*padding-top: 1px;*/
}

p {color: green;
   font-family: verdana;
   text-align: center; }

h1 { /*color: darkred; */
/*color: #499500;*/
color: green;
     font-family: verdana;
     font-style: italic;
     text-align: center; 
     margin-top: 1.5em; 
     margin-bottom: 1.5em;}

h2 { color: green; 
     font-family: verdana;
     font-weight: bold;
     text-align: center; 
     margin-top: 1.5em;
     margin-bottom: 1.5em }

h3 { color: green; 
     font-family: verdana;
     text-align: center; 
     margin-top: 1em; }
     
h4 { color: green; 
     font-family: verdana;
     text-align: center; 
     margin-top: 1.5em; 
     margin-bottom: 1em;}

.navigation{
	text-align: center;
	color: green;
        font-weight: bold;
}

.anmeldung_rot{
    margin-top: 2em;
    color: red;
    font-weight: bold; 
}

div#twoLeftLocation2{
	float: left;
	width: 150px;
        margin-left: 300px;
        margin-bottom: 2em;
}

div#twoRightLocation2{
    font-family: verdana;
    font-weight: bold;
    margin-top: 80px;
    margin-right: 200px;
}


.anmeldung{
    margin-top: 2em;
    color: green;
    font-family: verdana;
    font-weight: bold;
}

a {
	color: green;
	text-decoration:none;
}
.space{
   color: green;
   font-family: verdana;
   text-align: left;
   padding-bottom:5px}
   
.pleft{
   color: green;
   font-family: verdana;
   text-align: left;
}

.abstand{
    margin-top: 220px;
    text-align: left;
}
     
div#one {
	text-align:center;
	margin: 0 auto;		/* horizontale Zentrierung */
}	

div#twoMiddleLeft{
	float: left;
	width: 50%;
}

div#twoMiddleRight{
	margin-left: 50%;
}

/* div für Lage*/
div#twoLeftLocation{
	float: left;
	width: 350px;
        margin-left: 20px;
}

div#twoRightLocation{
	margin-left: 400px;
        margin-right: 30px;
}

/* div für Anfahrt*/
div#twoLeftLocation1{
	float: left;
	width: 280px;
        margin-left: 85px;
}

div#twoRightLocation1{
	margin-left: 400px;
        margin-right: 85px;
}

div.imageHold {
  padding: 55px 85px; /* damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}

div.imageHold div {
  float: left;
  width: 230px;
  height: 150px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  margin-left: 50px;
}

div.imageHold img {
  width: 230px;  /* wir skalieren das große bild auf die kleine größe */
  height: 150px; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold img:hover {
  position: absolute;
  margin-left: -85px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -55px;  /* hier genau so */
  width: 400px;       /* die weite beim vergrößern */
  height: 260px;      /* die höhe beim vergrößern */
}


#container
{
margin: 20px 0;
padding: 10px;
font-size: 0.9em;
}

#galerie li
{
list-style-type: none;
float: left;
margin: 0 10px 10px 0;
text-align: center;
font-weight: bold;
position: relative;
}

#galerie img
{
width: 280px;
height: 187px;
display: block;
padding: 3px;
/*border: 1px solid #8B0000;*/
}

#galerie a .gross
{
display: none;
}

#galerie a:hover .gross
{
width: 510px;
height: 341px;
display: block;
position: absolute;
top: -50px;
left: -50px;
z-index: 1;
background: #6BEC3B;
}

/*--Spezialangaben für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;}