/* Galerie - Template for tandemflug.aero  */
/* Florian Pahlow & Torsten Naujoks        */
/* Copyright: (c) Codecasters GmbH 2009    */


/* Global Formats */

*{
margin:					0px;
padding:				0px;
}

body{ 
font-family: 			Verdana, Helvetica, Arial, sans-serif;
font-size:				11px;
font-weight: 			300;
background:				rgb(102, 102, 102) url(http://www.tandemflug.aero/layout/tree.gif) repeat-y;
color: 					rgb(205, 205, 205);
}

h1{
font-size: 				16px;
font-weight:			900;
line-height: 			18px;
text-align: 			left;
color:					rgb(255, 255, 255);
margin:					148px 0px 18px 271px;
}

a, object{
outline:				none; 
}


/* Header-Area */

#header{
position:				absolute;
top:					0px;
left:					0px;
height:					120px;
width:					100%;
background:				rgb(0, 0, 0);
border-bottom:			2px solid rgb(54, 54, 54);
}

#logo{
margin:					21px 0px 0px 16px;
border:					0px;
}

#ticket{
position:				absolute;
top:					0px;
left:					744px;
height:					147px;
width:					258px;
border:					0px;
}

#headertext{
position:				absolute;
top:					0px;
left:					452px;
height:					120px;
width:					272px;
text-align: 			right;
}

#headertext h2{
font-size:				13px;
font-weight:			900;
line-height:			18px;
color:					rgb(225, 225, 225);
margin:					0px;
padding:				18px 5px 4px 0px;
}

#headertext p{
font-size:				11px;
text-align: 			right;
color:					rgb(225, 225, 225);
margin:					0px 0px 8px 0px;
padding:				0px;
}

#headertext p a{
font-weight:			900;
color: 					rgb(247, 224, 22);
text-decoration: 		none;
}

#headertext p a:hover{
color:					rgb(253, 0, 0);
text-decoration: 		none;
}


/* Singleview */

#skimmy{
position:				absolute;
top:					162px;
left:					799px;
height:					20px;
width:					174px;
overflow:				hidden;
}

#skimmy a{
position:				absolute;
top:					0px;
height:					20px;
overflow:				hidden;
}

a#skimmy_left{
left:					0px;
}

a#skimmy_thumbs{
left:					30px;
}

a#skimmy_right{
left:					144px;
}

#skimmy a img{
margin:					0px;
border:					0px;
}

#skimmy a:hover img{
margin:					-20px 0px 0px 0px;
border:					0px;
}

#big_img{
width:					725px;
text-align: 			center;
background-color: 		rgb(153,153,153);
border: 				1px solid rgb(54, 54, 54);
margin:					18px 0px 0px 271px;
}

#big_img img, #big_img div{
border: 				1px solid rgb(54, 54, 54);
margin: 				15px 10px 10px 10px; 
}

#big_img p{
font-size:				12px;
color: 					rgb(255, 255, 255);
margin: 				0px 10px 10px 10px;
text-align: 			left;
line-height:			18px;
}

#big_img table{
width:					673px;
border-collapse:		collapse;
text-align:             left;
margin:                 15px 10px;
}

#big_img table tr td{
font-size:              12px;
line-height:			17px;
vertical-align:         top;
color:					rgb(255, 255, 255);
padding:				0px 0px 5px 0px;
}

#big_img table tr td a{
color: 					rgb(247, 224, 22);
text-decoration: 		none;
}

#big_img table tr td a:hover{
color:					rgb(253, 0, 0);
text-decoration: 		none;
}


/* Thumbview */

#album{
position:				absolute;
left:					271px;
width: 					727px; 
}

#album p{
font-size:				12px;
line-height:			17px;
color:					rgb(255, 255, 255);
margin:					12px 12px 12px 0px;
}

#album img.thumb{
position: 				relative;
border: 				1px solid rgb(54, 54, 54);
margin: 				10px;
}

#album img.thumb:hover{
border: 				1px solid rgb(255, 255, 255);
}

#album a.albumitem{
border: 				1px solid rgb(54,54,54); 
display: 				block; 
width: 					132px; 
height: 				132px; 
float: 					left;
text-align:				center;
background:		 		rgb(153,153,153);
margin-right: 			10px;
margin-top: 			5px;
margin-bottom: 			5px;
}

#album a.albumitem:hover{
border: 				1px solid rgb(255,255,255); 
}


/* Kino */

#playlist{
margin:					5px 0px 10px 0px;
}

table{
border-collapse:		collapse;
}

.teaser{
width:					348px;
background-color: 		rgb(153,153,153);
border: 				1px solid rgb(54,54,54);
cursor:					pointer;
}

.teaser:hover{
border: 				1px solid rgb(255,255,255); 
}

.teaser img{
width:					146px;
height:					110px;
float:					left;
border: 				1px solid rgb(54,54,54);
margin:		 			5px;
margin-right: 			10px;
}

.teaser:hover img{
border: 				1px solid rgb(255,255,255); 
}

.teaser h2{
font-size: 				13px;
font-weight:			900;
line-height: 			18px;
color: 					rgb(255,255,255); 
margin:					5px 10px 0px 0px;
}

.teaser p{
margin:					5px 0px 0px 0px!important;
padding:				0px;
}

.pilot, .created, .time{
font-size:				10px;
line-height:			14px;
}

.time{
clear:					left;
float:					left;
display:				block;
width:					32px;
margin:					2px 0px 2px 5px;
padding:				0px 0px 5px 20px;
background:				transparent url(http://www.tandemflug.aero/layout/time.gif) 0px 0px no-repeat;
}

.created{
float:					right;
display:				block;
width:					50px;
background:				transparent url(http://www.tandemflug.aero/layout/created.gif) no-repeat;
margin:					2px 21px 5px 5px;
padding:				0px 0px 0px 20px;
}

.pilot{ 
float:					left;
display:				block;
width:					80px;
margin:					2px 0px 2px 15px;
padding:				0px 0px 5px 20px;
}

.gabi{
background:				transparent url(http://www.tandemflug.aero/layout/pilot-gabi.gif) no-repeat;
}

.kitt{
background:				transparent url(http://www.tandemflug.aero/layout/pilot-kitt.gif) no-repeat;
}

.markus{
background:				transparent url(http://www.tandemflug.aero/layout/pilot-markus.gif) no-repeat;
}

#dimmer{
display:				none;
position:				fixed;
top:					0px;
left:					0px;
height:					100%;
width:					100%;
background:				rgb(0,0,0);
z-index:				2;
}

#stage{
display:				none;
position:				fixed;
top:					50%;
left:					50%;
background:		 		rgb(54,54,54);
border:					1px solid rgb(0,0,0);
border-top:				1px solid rgb(72,72,72);
padding:				10px 10px 0px 10px;
z-index:				100;
}

#stage strong{
display:				block;
font-size:				13px;
text-align:				center;
padding:				0px 0px 10px 0px;
}

#fr{
border: 				1px solid rgb(0,0,0)!important;
}

#swatches{
position:				relative;
font-size:				10px;
color:					rgb(153,153,153);
background:				rgb(54,54,54);
border: 				0px none;
padding:				5px 0px 5px 0px;
}

#swatches b{
font-weight:			300;
padding:				0px 10px 0px 0px;
cursor:					pointer;
}

#swatches b:hover{
color:					rgb(247,224,22);
}

#sw3{
position:				absolute;
right:					0px;
padding:				0px!important;
}

.nix{
font-size:				12px;
padding-bottom:			5px;
}

.nix a{
color:					rgb(247,224,22);
}

/* Treemenue */

#tree{
position:				absolute;
top:					132px;
left:					10px;
width: 					240px; 
}

#tree div{
font-size:				12px;
font-weight:			300;
line-height:			18px;
color:					rgb(255,255,255);
background:				rgb(102,102,102) url(http://www.tandemflug.aero/layout/folder.gif) no-repeat 10px 5px;
border:					1px solid rgb(54,54,54);
margin:					10px 0px 0px 0px;
padding:				0px;
cursor:					default;
}

#tree div h1{
font-size: 				13px;
font-weight:			900;
line-height: 			18px;
margin:					5px 10px 5px 0px;
padding-left:			33px;
}

#tree div a, #tree div b{
display:				none;
font-weight:			900;
text-decoration: 		none;
color: 					rgb(255,255,255);
margin:					0px 10px 0px 12px;
}

#tree div b{
color: 					rgb(247,224,22);
}

#tree div a:hover{
color:					rgb(253,0,0);
}

#tree div#ccr{
padding:				0px 0px 10px 0px;
}

#tree div#ccr a, #tree div#ccr b{
display:				block;
}

p.footertext{ 
font-size: 				10px;
text-align: 			left;
margin: 				10px 0px 0px 0px;
color: 					rgb(54,54,54);
border-top:				1px solid rgb(54,54,54);
padding:				10px;
}

p.footertext a{
color: 					rgb(247,224,22);
text-decoration: 		none;
}

p.footertext a:hover{
color:					rgb(253,0,0);
text-decoration: 		none;
}