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

* {margin:0; padding:0;}

body {
	font-family:Arial;
		background-image:url('../img/bg-album-white.gif');
		background-position:center top;
		background-repeat:no-repeat;
		background-color:#ac173f;
	}
	
#container{

	width:990px;
	height:980px;
	position:absolute;
	left:50%;
	margin-left:-495px;
	

}


#mainMenuTop{
	width:990px;
	height:120px;
	background-color:#991438;
	background-image:url('../img/header.gif');
		background-position:center top;
		background-repeat:no-repeat;
}
.areaTitle{
	width:400px;
	height:20px;
	margin-left:40px;
	margin-top:40px;
	color:#FFFFFF;
	float:left;
}

.areaTitle2{
	width:300px;
	height:20px;
	margin-left:70px;
	margin-top:40px;
	color:#FFFFFF;
	float:left;
}


h1{
font-size:18px;
margin:0;
color:#FFFFFF;
}

h2{
font-size:18px;
margin:0;
color:#FFFFFF;
}

h3{
font-size:13px;
margin:0;
color:#FFFFFF;
}

#disclaimer{
	width:950px;
	height:460px;
	margin-left:40px;
	margin-top:10px;
	float:left;
}


#albumArea{
	width:950px;
	height:460px;
	margin-left:40px;
	margin-top:10px;
	float:left;
		background-image:url('../img/bg-album-area.gif');
		background-position:left top;
		background-repeat:no-repeat
}

#homeArea{
	width:950px;
	height:500px;
	margin-left:40px;
	margin-top:30px;
	float:left;
	
}

#registerArea{
	width:950px;
	height:460px;
	margin-left:40px;
	margin-top:10px;
	float:left;
	
}

#listAlbuns{
	width:950px;
	height:1300px;
	margin-left:40px;
	margin-top:10px;
	float:left;
	
}

#listAlbuns2{
	width:950px;
	height:460px;
	margin-left:40px;
	margin-top:10px;
	float:left;
	
}

#photoView{
	width:500px;
	height:350px;
	margin-top:20px;
	float:left;
	overflow:hidden;
}

#description{
	width:470px;
	height:450px;
	margin-top:20px;
	float:left;
}

#conditions{
	width:470px;
	height:350px;
	margin-top:20px;
	float:left;

}


#thumbsAlbum{
	width:515px;
	height:70px;
	margin-top:15px;
	float:left;
}

#thumb{
width:90px;
height:65px;
margin-right:12px;
float:left;
overflow:hidden;
}

#thumbHome{
width:90px;
height:65px;
margin-right:10px;
float:left;
background-color:#7d112e;
margin-top:10px;
}

.borderThumb{
border-style:solid;
border-width:3px;
border-color:#FFFFFF;
}


.thumb A:hover {border-style:solid;
border-width:3px;
border-color:#FFFFFF}


#albumInfo{
	width:450px;
	height:350px;
	margin-top:20px;
	float:right;
		background-image:url('../img/bg-album-info.gif');
		background-position:center top;
		background-repeat:no-repeat
}

.albumLineShare{
width:450px;
height:25px;
font-size:10px;
color:#FFFFFF;
text-align:right;
}

.albumLineShare A:link {text-decoration: none; color:#FFFFFF;}
.albumLineShare A:visited {text-decoration: none ; color: #FFFFFF; }
.albumLineShare A:active {text-decoration: none ; color: #FFFFFF;}
.albumLineShare A:hover {text-decoration: none; color:#000000;}



.albumLineTitle{
width:435px;
height:25px;
font-size:16px;
color:#FFFFFF;
text-align:left;
background-color:#851634;
padding-top:5px;
padding-left:15px;
}

.albumLineInfo{
width:435px;
height:20px;
font-size:11px;
color:#FFFFFF;
text-align:left;
padding-top:5px;
padding-left:15px;
}

.albumLineInfo A:link {text-decoration: none; color:#FFFFFF;}
.albumLineInfo A:visited {text-decoration: none ; color: #FFFFFF; }
.albumLineInfo A:active {text-decoration: none ; color: #FFFFFF;}
.albumLineInfo A:hover {text-decoration: none; color:#000000;}


.albumLineInfoBg{
width:435px;
height:20px;
font-size:11px;
color:#FFFFFF;
text-align:left;
padding-top:5px;
padding-left:15px;
background-color:#851634;
}

#albumCommentFix{
width:435px;
height:60px;
}

.albumComments{
width:435px;
height:60px;
font-size:11px;
color:#FFFFFF;
text-align:left;
padding-top:5px;
padding-left:15px;
overflow:hidden;
}



.relatedAlbumLine{
width:435px;
height:20px;
font-size:11px;
color:#FFFFFF;
text-align:left;
padding-top:5px;
padding-left:15px;
background-color:#851634;
margin-top:60px;
}


#albumNavigation{
width: 500px;
height:120px;
margin-left:40px;
float:left;
margin-top:20px;
}


#logo{
width: 400px;
height:100px;
margin-left:40px;
float:right;
margin-top:70px;
text-align:right;
}

#arrowPrevious{
width:60px;
height:60px;
margin-top:60px;
float:left;
}

.previousLink{
width:90px;
height:10px;
color:#FFFFFF;
font-size:10px;
float:left;
margin-top:70px;
}

.previousLink A:link {text-decoration: none; color:#FFFFFF;}
.previousLink A:visited {text-decoration: none ; color: #FFFFFF; }
.previousLink A:active {text-decoration: none ; color: #FFFFFF;}
.previousLink A:hover {text-decoration: none; color:#000000;}



#arrowNext{
width:60px;
height:60px;
float:right;

}

.nextLink{
width:90px;
height:10px;
color:#FFFFFF;
font-size:10px;
float:right;
margin-right:5px;
margin-top:10px;
text-align:right;
}

.nextLink A:link {text-decoration: none; color:#FFFFFF;}
.nextLink A:visited {text-decoration: none ; color: #FFFFFF; }
.nextLink A:active {text-decoration: none ; color: #FFFFFF;}
.nextLink A:hover {text-decoration: none; color:#000000;}


#footer{
width:950px;
height:10px;
margin-top:10px;
float:left;
margin-left:40px;
}

.copyright{
width:250px;
font-size:10px;
color: #666666;
float:left;
}

.footerText{
width:120px;
font-size:10px;
color: #666666;
float:right;
text-align:right;
}

.footerText A:link {text-decoration: none; color:#333333;}
.footerText A:visited {text-decoration: none ; color: #333333; }
.footerText A:active {text-decoration: none ; color: #333333;}
.footerText A:hover {text-decoration: none; color:#000000;}

.itemMenuFooter{
margin-right:20px;
float: left;
font-size:10px;
color:#333333;
}


.itemMenuFooter A:link {text-decoration: none; color:#333333;}
.itemMenuFooter A:visited {text-decoration: none ; color: #333333; }
.itemMenuFooter A:active {text-decoration: none ; color: #333333;}
.itemMenuFooter A:hover {text-decoration: none; color:#000000;}

#jetztMitmachen{
	width:110px;
	height:110px;
	position: absolute;
	margin-right:100px;
	margin-top:50px;
	left: 648px;
	top: 554px;

}

#jetztMitmachenAlbum{
	width:110px;
	height:110px;
	position: absolute;
	margin-right:100px;
	margin-top:50px;
	left: 578px;
	top: 565px;

}

#fieldLineInfo{
width:320px;
height:22px;
font-size:11px;
color:#FFFFFF;
text-align:left;
float:left;
margin-top:5px;
}


#fieldLineInfo48{
width:320px;
height:85px;
font-size:11px;
color:#FFFFFF;
text-align:left;
float:left;
margin-top:5px;
}

#fieldAreaInfo{
width:320px;
height:160px;
font-size:11px;
color:#FFFFFF;
text-align:left;
float:left;
margin-top:5px;
}


.labelLineInfo{
width:110px;
height:22px;
font-size:11px;
color:#FFFFFF;
text-align:left;
float:left;
margin-top:5px;
}

.fieldRegister{
width:300px;
height:18px;
border:#CCCCCC;
}

.fieldAutres{
width:180px;
height:18px;
border:#CCCCCC;
}
#registerBox{
	width:500px;
	height:500px;
	margin-top:20px;
	float:left;
}

#fieldLineCheck{
width:400px;
height:40px;
font-size:11px;
color:#FFFFFF;
text-align:left;
float:left;
margin-top:5px;
}

.lineSteps{
width:380px;
font-size:11px;
color:#FFFFFF;
text-align:left;
float:left;
margin-bottom:15px;
}

#boxImg{
width:50px;
height:45px;
float:left;
}


.layerDisclaimer{
width:460px;
height:340px;
overflow: auto;
font-size:11px;
color:#FFFFFF;
padding-right:10px;
overflow-x:hidden; 

}

.layerDisclaimer A:link {text-decoration: none; color:#FFFFFF;}
.layerDisclaimer A:visited {text-decoration: none ; color: #FFFFFF; }
.layerDisclaimer A:active {text-decoration: none ; color: #FFFFFF;}
.layerDisclaimer A:hover {text-decoration: none; color:#000000;}


#homePic{
width:350px;
height:300px;
float:left;
}

.homeText{
width:320px;
height:300px;
float:left;
font-size:11px;
color:#FFFFFF;
}

#photosHome{
width:350px;
height:160px;
float:left;

}


#cameraHighlight{
width:260px;
height:320px;
float:left;
}

#twitterHome{
width:260px;
height:140px;
float:left;
margin-top:10px;
background-image:url('../img/twitter-box.gif');
background-position:left top;
background-repeat:no-repeat;
}

.twitterTitle{
font-size:14px;
width:160px;
height:15px;
margin-left:60px;
margin-top:10px;
font-weight:bold;
color: #FFFFFF;
float:left;
}

.twitterMessage{
font-size:10px;
height:80px;
width:180px;
margin-left:25px;
margin-top:20px;
color: #FFFFFF;
float:left;
}

.twitterFollow{
font-size:11px;
height:20px;
width:70px;
margin-right:45px;
margin-top:10px;
color: #FFFFFF;
float:right;
font-weight:bold;
}

.photoDate{
float:left;
width:310px;
height:15px;
font-size:10px;
color:#FFFFFF;
margin-top:5px;

}

.twitterFollow A:link {text-decoration: none; color:#FFFFFF;}
.twitterFollow A:visited {text-decoration: none ; color: #FFFFFF; }
.twitterFollow A:active {text-decoration: none ; color: #FFFFFF;}
.twitterFollow A:hover {text-decoration: none; color:#000000;}



.twitterMessage A:link {text-decoration: none; color:#FFFFFF;}
.twitterMessage A:visited {text-decoration: none ; color: #FFFFFF; }
.twitterMessage A:active {text-decoration: none ; color: #FFFFFF;}
.twitterMessage A:hover {text-decoration: none; color:#000000;}


#areaMenuTop{
float:left;
width:650px;
margin-top:48px;
margin-left:290px;

}

.itemMenuTop{
height:20px;
float:left;
margin-left:30px;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
}

.itemMenuTop A:link {text-decoration: none; color:#FFFFFF;}
.itemMenuTop A:visited {text-decoration: none ; color: #FFFFFF; }
.itemMenuTop A:active {text-decoration: none ; color: #FFFFFF;}
.itemMenuTop A:hover {text-decoration: none; color:#000000;}

.contactTop{
width:100px;
height:10px;
margin-top:15px;
float:right;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}

.contactTop A:link {text-decoration: none; color:#FFFFFF;}
.contactTop A:visited {text-decoration: none ; color: #FFFFFF; }
.contactTop A:active {text-decoration: none ; color: #FFFFFF;}
.contactTop A:hover {text-decoration: none; color:#000000;}

.textMitmachen{
width: 180px;
height:20px;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-align:center;
margin-left:60px;
}

.textMitmachen A:link {text-decoration: none; color:#FFFFFF;}
.textMitmachen A:visited {text-decoration: none ; color: #FFFFFF; }
.textMitmachen A:active {text-decoration: none ; color: #FFFFFF;}
.textMitmachen A:hover {text-decoration: none; color:#000000;}

.boxComments{
width: 340px;
height:150px;
font-size:12px;
}

#tagCloud{
width:300px;
height:140px;
float:right;
}

.tagCloud1{
font-size:14px;
color:#FFFFFF;
margin-left:30px;
font-weight:bold;
}
.tagCloud2{
font-size:15px;
color:#FFFFFF;
margin-left:80px;
}
.tagCloud3{
font-size:12px;
color:#FFFFFF;
margin-left:10px;
}

.tagCloud1 A:link {text-decoration: none; color:#FFFFFF;}
.tagCloud1 A:visited {text-decoration: none ; color: #FFFFFF; }
.tagCloud1 A:active {text-decoration: none ; color: #FFFFFF;}
.tagCloud1 A:hover {text-decoration: none; color:#000000;}

#boxAlbuns{
width: 220px;
margin-right:14px;
margin-top:18px;
float:left;
}

.textAlbum{
float:left;
font-size:11px;
color:#FFFFFF;
width:170px;
}

.dateAlbum{
float:left;
font-size:10px;
color:#FFFFFF;
width:150px;
}
.picAlbum {
width: 92px;
height:65px;
float:left;
overflow:hidden;
margin-bottom:10px;
}

.textAlbum A:link {text-decoration: none; color:#FFFFFF;}
.textAlbum A:visited {text-decoration: none ; color: #FFFFFF; }
.textAlbum A:active {text-decoration: none ; color: #FFFFFF;}
.textAlbum A:hover {text-decoration: none; color:#000000;}

.boxAlbumDate{
font-size:11px;
color:#FFFFFF;
margin-right:30px;
margin-bottom:20px;
float:left;
}

.footerInfo{
width:340px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
margin-left:40px;
margin-top:30px;
float:left;
}


.footerInfo A:link {text-decoration: none; color:#FFFFFF;}
.footerInfo A:visited {text-decoration: none ; color: #FFFFFF; }
.footerInfo A:active {text-decoration: none ; color: #FFFFFF;}
.footerInfo A:hover {text-decoration: none; color:#000000;}

.footerInfoIn{
width:340px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
margin-top:30px;
float:left;
}


.footerInfoIn A:link {text-decoration: none; color:#FFFFFF;}
.footerInfoIn A:visited {text-decoration: none ; color: #FFFFFF; }
.footerInfoIn A:active {text-decoration: none ; color: #FFFFFF;}
.footerInfoIn A:hover {text-decoration: none; color:#000000;}


.footerInfoIn2{
	width:340px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	position: absolute;
	left: 40px;
	top: 639px;
}


.footerInfoIn2 A:link {text-decoration: none; color:#FFFFFF;}
.footerInfoIn2 A:visited {text-decoration: none ; color: #FFFFFF; }
.footerInfoIn2 A:active {text-decoration: none ; color: #FFFFFF;}
.footerInfoIn2 A:hover {text-decoration: none; color:#000000;}


#loading {   
	id="loading";
    width:300px;   
    top:0px;   
    text-align:center;   
    padding:7px 0 0 0;   
    font:bold 11px Arial, Helvetica, sans-serif; 
	visibility:hidden;  
}