@charset "utf-8";
/* CSS Document */

body { 
margin: 0px;
padding:0px;
background-color:#333;

  
font-family:Arial, Helvetica, sans-serif;  
color:#333;  
font-size:13px;  
line-height:19px; 
}

#main { background:#c2c2c2 url(../img/AndiLayout2.0/BG.png) repeat-x;
}

#main .container {
	background-image:url(../img/AndiLayout2.0/BG_content.png);
	background-repeat: no-repeat;
	min-height: 500px;
}

#footer { background-image:url(../img/AndiLayout2.0/Footer.png);
background-repeat:repeat-x;
color:#FFF;
padding: 40px;
font-family:Verdana, Arial, Helvetica, sans-serif;  
font-size:10px; 
}


.container {
width:1050px;
margin:0px auto;
position:relative;
}

/*--Footerstyles--*/
 

.footer_spalte {  
float:left;  
width:170px;
margin-top:-20px;
min-height:160px;
color:#505050; 
}

.footer_spalte2 {  
float:left;  
width:120px;
margin-top:-20px;
min-height:160px; 
}
.footer_spalte3 {  
float:left;  
width:120px;
margin-top:-20px;
min-height:160px; 
}

.footer_wetter { 
float:right;  
margin-top:-20px;
}

.footer_counter { 
float:right;  
margin-top:-20px;
min-width:100px;

}

#footer h3 {  
color:#e2dddc;  
text-transform:uppercase;  
font-size:10px;  
}  

.footer_spalte ul li, .footer_spalte ul {  
list-style:none;  
margin:0px;  
padding:0px;  
} 

.footer_spalte2 ul li, .footer_spalte2 ul  {  
list-style:none;  
margin:0px;  
padding:0px;  
} 

.footer_spalte3 ul li, .footer_spalte3 ul  {  
list-style:none;  
margin:0px;  
padding:0px;  
} 



a {
	color:#3076b0;
	text-decoration:none;
	border:none
}

a:hover { text-decoration:underline;
}
	 
/*--footerstyle ende--*/


#header {  
padding-top:20px;  
}  

#logo {  
margin-top:5px;  
}  

#logo {  
background-image:url(../img/AndiLayout2.0/Andi-Logo.png);  
background-repeat:no-repeat;  
width:240px;  
height:71px;  
}
 
/*--Navi--*/ 
#nav {  
margin-left:698px; padding:0px;  
position:absolute;  
  
}  

#nav li {  
display:inline;
margin-left: 12px;  
} 
  
#nav li a {  
text-decoration:none;  
color:#dedede;  
font-family:Verdana, Arial, Helvetica, sans-serif;  
font-size:10px;  
font-weight:bold;  
text-transform:uppercase;  
}  

#nav li a.active {
color:#fff;  
} 
#nav li a:hover {  
color:#333;
}
/*--naviende--*/


/*--blockstyle--*/  
#content {  
border:1px solid #a3a09e;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
background:#fff url(../img/AndiLayout2.0/TextBG.png) repeat-x;    
padding:0px 20px;
margin:10px 0px; 
}






#news_container {  
overflow:auto;   
}  

#news_block {  
width:615px;  
margin-right:25px; 
float:left;
margin-bottom:25px;
margin-top:25px;    
}
  
#text_right {  
float:right;  
width:375px;
margin-top:-20px;
margin-bottom:25px;  
}  

#text_right h2#text_title {  
text-indent:-9999px;  
background-image:url(../img/AndiLayout2.0/RechtesTextfeld.png);  
background-repeat:no-repeat;
width:283px;  
height:148px; 
margin-left: 32px;
}  
   
.news_img {  
margin-bottom:25px;    
}  

.news_img .block_innen {  
background:none;
background-color:#acacac;  
padding:15px 25px 25px 25px;  
border:1px solid #333;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
}

.news_img .thumbnail { 
float:left;
margin-right:20px;


}    
 
/*--------------*/
/*--1.GALLERIE--*/
/*--box ist der Behälter für Galerie--*/
#box { width:400px; height:685px; margin:10px 10px 10px 650px;}
a.galerie, a.galerie:visited {display:inline; color:#727272; text-decoration:none; border:solid 1px #676767; width:75px; height:75px; float:left; margin:5px; position:relative; cursor: default}
/* Tumbnail Bilder */
a.bild01 {background-image: url(../img/Hochzeit/zuZweitThump.jpg); }
a.bild02 {background-image: url(../img/Hochzeit/gruppeThump.jpg); }
a.bild03 {background-image: url(../img/Hochzeit/treppeThump.jpg); }
a.bild04 {background-image: url(../img/Hochzeit/treppeSoloThump.jpg); }
a.bild05 {background-image: url(../img/Hochzeit/stegThump.jpg); }
a.bild06 {background-image: url(x); }
a.bild07 {background-image: url(x); }
a.bild08 {background-image: url(x); }
/*--Ende Tumbnail Bilder--*/

a.galerie span { visibility:hidden; display:block; position:absolute; width:710px; height:800px; top:10px; left:0px; font-size: 12px; text-align:center; }

/*--Galerie Bilder--*/
/*--Position --*/
a.bild01 span { left:-700px; top:-11px}

a.bild02 span { left:-787px; top:-11px}

a.bild03 span { left:-874px; top:-11px}

a.bild04 span { left:-961px; top:-11px}

/*-- Basiswert: -700px/-11px. für jedes weitere Bild +87px left und top damit die folgenden Bilder zentriert sind. --*/

a.bild05 span { left:-700px; top:-98px}

a.bild06 span { left:-787px; top:-98px}

a.bild07 span { left:-874px; top:-98px}

a.bild08 span { left:-961px; top:-98px}

/* Ende Galerie Bilder */

a.galerie:hover {white-space:normal; z-index:100;}
a.galerie:hover span {visibility:visible; z-index:100;}
a.galerie:hover span img { position:relative; z-index:100; margin-top: 10px; margin-bottom: 10px; }
a.galerie:active span, a.gallery:focus span {visibility:visible; z-index:10;}


/*--------------*/
/*--2.GALLERIE--*/
/*--------------*/

#box2 { width:400px; height:485px; margin:-480px 10px 10px 650px;}
a.galerie2, a.galerie2:visited {display:inline; color:#727272; text-decoration:none; border:solid 1px #676767; width:75px; height:75px; float:left; margin:5px; position:relative; cursor: default}
/* Tumbnail Bilder */
a.bild1 {background-image: url(../img/Hochzeit/zuZweitThump.jpg); }
a.bild2 {background-image: url(../img/Hochzeit/gruppeThump.jpg); }
a.bild3 {background-image: url(../img/Hochzeit/treppeThump.jpg); }
a.bild4 {background-image: url(../img/Hochzeit/treppeSoloThump.jpg); }
a.bild5 {background-image: url(../img/Hochzeit/stegThump.jpg); }
a.bild6 {background-image: url(x); }
a.bild7 {background-image: url(x); }
a.bild8 {background-image: url(x); }
/*--Ende Tumbnail Bilder--*/

a.galerie2 span { visibility:hidden; display:block; position:absolute; width:710px; height:800px; top:10px; left:0px; font-size: 12px; text-align:center; }

/*--Galerie Bilder--*/
/*--Position --*/
a.bild1 span { left:-700px; top:-231px}

a.bild2 span { left:-787px; top:-231px}

a.bild3 span { left:-874px; top:-231px}

a.bild4 span { left:-961px; top:-231px}

a.bild5 span { left:-700px; top:-318px}

a.bild6 span { left:-787px; top:-318px}

a.bild7 span { left:-874px; top:-318px}

a.bild8 span { left:-961px; top:-318px}


a.galerie2:hover {white-space:normal; z-index:100;}
a.galerie2:hover span {visibility:visible; z-index:100;}
a.galerie2:hover span img { position:relative; z-index:100; margin-top: 10px; margin-bottom: 10px; }
a.galerie2:active span, a.gallery:focus span {visibility:visible; z-index:10;}