
body {
	
	background: #000000 url(../images/background.jpg) repeat-y; background-position:center top;
	font: normal small Arial, Helvetica, sans-serif;
	color: #CCCCCC;

}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #000000;
}

p, ul, ol, blockquote {
	margin-top: 0;
	line-height: 160%;
}

a {
	text-decoration: none;
	color: #9ED738;
}

a.black { color:#000000;

}
a:hover {
	text-decoration: underline;

}

blockquote {
  background: transparent url(../images/quoleft.png) left top no-repeat;
}
blockquote div {
  padding: 10px 48px;
  background: transparent url(../images/quoright.png) right bottom no-repeat;
font-style: italic;
}

/* Header */



#header {
	width: 900px;
	height: 162px;
	background: url(../images/logo.jpg); background-position:center;
	margin: 0 auto;
}

#header * {
	text-decoration: none;
	text-align: center;
	color: #000000;
	margin: 0 auto;
}

#header h1 {
	padding-top: 55px;
	font-size: 3em;
}

#header h2 {
	font-size: 1.2em;
}

#header a {
	text-decoration: none;
	color: #9ED738;
}

#login {  width:215px; height:160px; margin: 0 auto; position:relative; top:5px; left:-340px; 
       }


/*- Die User Divs--------------------------- */

.userbox {
	width:150px;
	height:250px;
	float:left;

	}

.userpicture{
	height:170;
}



/*- Die Video Selection Divs--------------------------- */

.videobox {
	width:130px;
	height:180px;
	float:left;
	margin:11px;

	}

.videopicture{
	height:170;

}


/*- VideoDivs--------------------------- */


.videoinfo {
	width:170px;
	float:right;


	
}

.videocontent {
	width:450px;
	float:left;

	

}

/*- Menu Userbox--------------------------- */
	
#menu8 {
	width: 165px;
	border-style: solid;
	border-color: #656556;
	border-size: 1px;
	border-width: 1px;
	
	}

#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu8 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu8 li a:link, #menu8 li a:visited {
	color: #656556;
	display: block;
	background:  url(../images/menu8.gif);
	padding: 8px 0px 0 20px;
	}
	
#menu8 li a:hover {
	color: #474739;
	background:  url(../images/menu8.gif) 0 -32px;
	padding: 8px 0 0 20px;
	}
	

/* Content */

#content {
	width: 900px;
	margin: 0 auto;
	background: #191616;

	
}

#google {
	float: left;
	width: 900px;
}


#colOne {
	
	float: left;
	width: 200px;
	background: #3b3737;
}

#colTwo {
	
	float: left;
	width: 650px;
	padding: 20px 20px;
list-style: disc;
   	background:url(../images/ecke-l-c.gif) top left no-repeat;


 

}


#contleft {
	float: left;
	width: 420px;

}
#contleftsmall {
	float: left;
	width: 180px;
padding: 10px;


}



#contright {
	float: right;
	width: 220px;
}

#contmiddle {
	float: right;
	width: 205px;
}
#authorright {
	float: right;
	width: 100px;
	padding: 5px;

}


#authorleft {
	float: left;
	width: 100px;
	padding: 5px;

}
#contcent {
	float: right;
	width: 650px;

}

#contright50 {
	float: right;
	width: 260px;

}

#contleft50 {
	float: left;
	width: 260px;

}


.table { border: solid 1px #C0C0C0;
border-spacing:10px; }

/* Content Elements */

#content h2 {
	height: 21px;
	margin-bottom: 20px;
	padding: 9px 0 0 10px;
	background: url(../images/h2.gif);
	letter-spacing: normal;
	font-size: .9em;
	 a:#000000;
	
}

#content h3 {
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: x-small;
	color: #FFFFFF;
}


#content h4 {
	height: 18px;
	margin-bottom: 15px;
	padding: 3px 0 0 15px;
	background: url(../images/seitebalken.png);
	letter-spacing: normal;
	font-size: .9em;
	 a:#000000;
}


#content h5 {
	height: 21px;
	margin-bottom: 20px;
	padding: 9px 0 0 10px;
	background: url(../images/commentbalken.png);
	letter-spacing: normal;
	font-size: .9em;
	 a:#000000;
}

#content h6 {
	padding: 9px 5px 5px 10px;
	letter-spacing: normal;
	font-size: 1.0em;
	color:white;
}


#content ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
	
}


/* Overlapping Content */
.overlap {

position:absolute;
visibility: hidden;
border: 4px solid #eee;
background: #474747;
width: 596px;
padding: 8px;
}

#overlapb a {
	display: block;
	float: left;
	width: 300px;
	height: 30px;
	padding: 6px 10px 0px 0px;
	background: url(../images/hover-nu.gif) no-repeat center center;
	text-align: center;
	font-weight: bold;
	color: white;

}

#overlapb a:hover, #overlapb .active a {
	background-image: url(../images/hover-u.gif);
	color: #FFFFFF;
}

#overlapl {
	float: left;
	width: 280px;
	a: #066;
}

div.overlapa div a {
	color: #066;
}

#overlapm {
	float: right;
	width: 155px;
}
#overlapr {
	float: right;
	width: 160px;
}


/* Startseite */
#tower {
	
	width: 210px;
	float: left;
}
/* Text Area */
.rahmen {
	border: #B2B2B2
	border-style: solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
	background:#333333;
	color:#FFFFFF;
	overflow: hidden;
}


/* Tigra Hints */
	.hintsClass {
			font-family: tahoma, verdana, arial;
			font-size: 12px;
			background-color: #000000;
			color: #FFFFFF;
			border: 1px solid #808080;
			padding: 5px;
		}
		.hintSource {
			color: #6495ED;
			text-decoration: underline;
			cursor: pointer;
		}




/*Outside Links*/

a[href^="http:"] {
background: transparent url('../images/outside.gif') 100% 50% no-repeat;
padding-right: 13px;
}

a[href^="./"],ahref^="http://www.snow-life.de"],
 {
background: transparent;
padding-right: 0px;
}


/* Photos*/

.photos { 
	width:100%;
	cellpadding=0;
	cellspacing=3;
}

#flickr_thumbs{
height:500px;

}
.flickrpic{
	border-color: #9b9e62;
	border-width: 1px;
	border-style: solid;
	background: url(../images/red_indicator.gif) no-repeat;
	background-position: 50% 50%; 
	width:75px;
	height: 75px;
	margin: 7px;
	float: left;
	overflow: hidden;
	
}
.flickrpic img{
border:none;
}

#flickr_pic_container{
background: url(../images/loading.gif) no-repeat;
	background-position: 50% 50%; 
	width: 100%; 
	height: 500px;
}

#flickr_pic_full{

  text-align:center;
margin-left:auto;
margin-right:auto;
}


/*Ajax loading Grafik*/



/* Footer */

#ajax_loader{
background: url(../images/loading.gif) no-repeat;
background-position: 50% 50%;

width: 100%; 
}

#footer {
	
	height: 70px;
	width: 900px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../images/footer.gif) repeat-x;
}

#footer * {
	color: #FFFFFF;
}

#footer p {
	text-align: center;
	
	color: #CCCCCC;
}






