BODY {
        FONT-SIZE: 12px;
	    FONT-FAMILY: Arial, Verdana;	
	    color: black; 
	    background-color: #f3f3f3;
}

a.footer-text:link { 
	font-weight: bold;
	color: #bbbbbb; 
   }


A:link {
        FONT-WEIGHT: bold;
        FONT-SIZE: 12px;
        COLOR: black;
        TEXT-DECORATION: none
}
A:visited {
        FONT-WEIGHT: bold;
        FONT-SIZE: 12px;
        COLOR: black;
        TEXT-DECORATION: none
}
A:active {
        FONT-WEIGHT: bold;
        FONT-SIZE: 12px;
        COLOR:#cccccc;
        TEXT-DECORATION: none
}
A:hover {
        FONT-WEIGHT: bold;
        FONT-SIZE: 12px;
        COLOR: #cccccc;
        TEXT-DECORATION: none
}

A.header:link {
        COLOR: black;
        TEXT-DECORATION: none
}
A.header:visited {
        COLOR: black;
        TEXT-DECORATION: none
}
A.header:active {
        COLOR: #eeeeee
}
A.header:hover {
        COLOR: #BBBBBB
}

td {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 18px}


#header {
   height: 20px;
   width: 900px;
   padding: 10px;
   color: #5e8edb;
   }
   
.header-text {
   display: block;
   float: left;
   border-right: 1px solid #5e8edb;
   padding-right: 5px;
   padding-left: 5px;
   text-align: center;
   }
   
.header-text-last {
   display: block;
   float: left;
   padding-right: 5px;
   padding-left: 5px;
   text-align: center;
   }

.header-text:hover {
	background-color: #5e8edb;
	color : white;
   }

.header-text-last:hover {
	background-color: #5e8edb;
	color : white;
   }
 

#main {
   width: 960px;
   height: 450px; 
   }

#main-guestbook {
   width: 960px;
   }

#picture-navi {
   margin-top: 20px;
   text-align: center;
   width: 960px;
   height: 25px;
   }

#footer {
   position: absolute;
   border-top: 1px solid #5e8edb;      
   text-align: right;
   height: 20px;
   width: 960px;
   bottom: 0px;
   color: #bbbbbb;
   }
   
.footer-text {
   display: block;
   padding-left: 12px;
   margin-top: 3px;
   text-align: left;
   }


#hauptbild {
   padding: 5px 0px 5px 150px;
   width: 660px;
   height: 440px;
}

#hauptbild-s {
   padding-left: 291px;
   width: 377px;
   height: 440px;
}



#hauptbild-hochformat {
   padding-top: 5px;
   padding-left: 320px;
   width: 293px;
   height: 440px;
}


#hauptbild-panorama {
   padding-top: 75px;
   padding-left: 0px;
   width: 293px;
   height: 440px;
}

#hauptbild-panorama2 {
   padding-top: 63px;
   padding-left: 0px;
   width: 293px;
   height: 440px;
}


#hauptbild-quadratisch {
   padding: 5px 0px 5px 260px;
   width: 293px;
   height: 440px;
}


.mainpicture {
   border: 0;
}


#vorschau18 {
         position: absolute;
         top: 192px;
         left: 0px;
         height: 260px;
         width: 160px;
         }

#vorschau28 {
         text-align: center;
         position: absolute;
         top: 192px;
         left: 160px;
         height: 260px;
         width: 100px;
         }
#vorschau38 {
         text-align: center;
         position: absolute;
         top: 192px;
         left: 260px;
         height: 260px;
         width: 100px;
         }
#vorschau48 {
         text-align: center;
         position: absolute;
         top: 192px;
         left: 360px;
         height: 260px;
         width: 100px;
         }
#vorschau58 {
         text-align: center;
         position: absolute;
         top: 192px;
         left: 460px;
         height: 260px;
         width: 100px;
         }
#vorschau68 {
         text-align: center;
         position: absolute;
         top: 192px;
         left: 560px;
         height: 260px;
         width: 100px;
         }
#vorschau78 {
         text-align: center;
         position: absolute;
         top: 192px;
         left: 660px;
         height: 260px;
         width: 100px;
         }
#vorschau88 {
         text-align: center;
         position: absolute;
         top: 192px;
         left: 760px;
         height: 260px;
         width: 160px;
         }




         
#startseite-quadrant1 {
		 text-align: right;
         position: absolute;
         top: 82px;
         left: 60px;
         height: 200px;
         width: 200px;
         }
#startseite-quadrant2 {
		 text-align: left;
         position: absolute;
         top: 82px;
         left: 280px;
         height: 200px;
         width: 200px;
         }
#startseite-mitte {
		 text-align: left;
         position: absolute;
         top: 350px;
         left: 0px;
         height: 50px;
         width: 960px;
         }
#startseite-quadrant3 {
		 text-align: right;
         position: absolute;
         top: 82px;
         left: 500px;
         height: 200px;
         width: 200px;
         }
#startseite-quadrant4 {
		 text-align: left;
         position: absolute;
         top: 82px;
         left: 720px;
         height: 200px;
         width: 200px;
         }
         
         
         
         

#text-col-13 {
		 text-align: right;
         position: absolute;
         top: 100px;
         left: 0px;
         height: 150px;
         width: 465px;
         }
#text-col-23 {
         position: absolute;
         top: 100px;
         left: 465px;
         height: 150px;
         width: 30px;
         }
#text-col-33 {
         text-align: left;
         position: absolute;
         top: 100px;
         left: 495px;
         height: 150px;
         width: 400px;
         }
#text-full-width {
         text-align: center;
         position: absolute;
         top: 250px;
         left: 0px;
         height: 100px;
         width: 960px;
         }



#fill-links {
         position: absolute;
         top: 72px;
         left: 0px;
         height: 380px;
         width: 385px;
         }

#foto-links {
         text-align: right;
         position: absolute;
         top: 72px;
         left: 385px;
         height: 380px;
         width: 80px;
         }
#spacer {
         text-align: right;
         position: absolute;
         top: 72px;
         left: 465px;
         height: 380px;
         width: 1px;
         }   


#first-text {
         text-align: left;
         position: absolute;
         top: 106px;
         left: 495px;
         height: 12px;
         width: 465px;
 		 }
 
#second-text {
         text-align: left;
         position: absolute;
         top: 206px;
         left: 495px;
         height: 12px;
         width: 465px;
 		 }
#third-text {
         text-align: left;
         position: absolute;
         top: 306px;
         left: 495px;
         height: 12px;
         width: 465px;
 		 }     
 #fourth-text {
         text-align: left;
         position: absolute;
         top: 406px;
         left: 495px;
         height: 12px;
         width: 465px;
 		 }



#prev-col-1 {
         position: absolute;
         top: 38px;
         left: 0px;
         height: 450px;
         width: 120px;
}
#prev-col-2 {
         position: absolute;
         top: 38px;
         left: 120px;
         height: 450px;
         width: 120px;
}
#prev-col-3 {
         position: absolute;
         top: 38px;
         left: 240px;
         height: 450px;
         width: 120px;
}
#prev-col-4 {
         position: absolute;
         top: 38px;
         left: 360px;
         height: 450px;
         width: 120px;
}
#prev-col-5 {
         position: absolute;
         top: 38px;
         left: 480px;
         height: 450px;
         width: 120px;
}
#prev-col-6 {
         position: absolute;
         top: 38px;
         left: 600px;
         height: 450px;
         width: 120px;
}
#prev-col-7 {
         position: absolute;
         top: 38px;
         left: 720px;
         height: 450px;
         width: 120px;
}
#prev-col-8 {
         position: absolute;
         top: 38px;
         left: 840px;
         height: 450px;
         width: 120px;
}



#complete{
    position: absolute;
    left: 50%;
    top: 50%;
    WIDTH: 960px;
    HEIGHT: 564px;
    margin-left: -480px;
    margin-top: -285px;
    TEXT-ALIGN: left;
    background-color: white;
}

#startseite{
    position: absolute;
    left: 50%;
    top: 50%;
    WIDTH: 960px;
    HEIGHT: 564px;
    margin-left: -480px;
    margin-top: -285px;
    TEXT-ALIGN: center;
    background-color: white;
}



.preview-pic-big {
         border: 0;
}


 
.vorschaubild-vierzeilig { 
         height: 80px;
         width: 100px;
         text-align: center;
         margin-top: 40px;
         margin-left: 10px;
}

.vorschaubild-dreizeilig {
         height: 80px;
         width: 100px;
         text-align: center;
         margin-top: 100px;
         margin-left: 10px;
}

.preview-pic-small {
         border: 0;
}


.linkzeile {
         text-align: center;
         padding: 0px;
         margin-top: 10px;
}

.platzhalter-links {
         margin-left: 425px;
         display: block;
         background-image: url(../fotos/thumbs/platzhalter.jpg);
         width: 20px;
         height: 20px;
         float: left;
}

a.pfeil-links {
         margin-left: 425px;
         display: block;
         background-image: url(../fotos/thumbs/pfeil-links.jpg);
         width: 20px;
         height: 20px;
         float: left;
}

a.pfeil-links:hover {
        background-image: url(../fotos/thumbs/pfeil-links-hell.jpg);
}

a.pfeil-rechts {
         display: block;
         margin-left: 10px;
         background-image: url(../fotos/thumbs/pfeil-rechts.jpg);
         width: 20px;
         height: 20px;
         float: left;
}

a.pfeil-rechts:hover {
        background-image: url(../fotos/thumbs/pfeil-rechts-hell.jpg);
}


a.pfeil-oben {
         display: block;
         margin-left: 10px;
         background-image: url(../fotos/thumbs/pfeil-oben.jpg);
         width: 20px;
         height: 20px;
         float: left;
}

a.pfeil-oben:hover {
        background-image: url(../fotos/thumbs/pfeil-oben-hell.jpg);
}