html { height: 100%; margin-bottom: 1px; }
body {
	text-align: center;
	margin: 0;
	font: 11px/100% Verdana, sans-serif;
}
#wrapper {
	width: 960px;
	z-index: 20;
	position:absolute;
	top: 90px;
	left: 10px;
	background: #FFF !important;
	text-align: left;
}

#ivw {
	display: none;
}
#nwzheaderbox {
	margin: 1em 0;
	position: relative;
	height: 90px;
}
#nwzonlinelogo {
	position: absolute;
	width: 200px;
	height: 90px;
	display: block;
	background: URL("images/logo.gif") no-repeat;
	left: 5px;
	top: 0;
	z-index: 30;
}

#left {
	width: 490px;
}

#NWZGallery {
	width: 490px;
	height: 326px;
	position: relative;
	background: URL("images/gbg.gif") no-repeat;
}
#Browse {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 488px;
	height: 325px;
	cursor: pointer;
	z-index: 0;
	background: #FFF;	
	filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;
}
#ImageTxt,
#Author {
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
}
#GalleryTxt {
	line-height: 1.2em;
}

#Pagination {
	text-align: center;
	width: 440px;
}
#Pagination a {
	color: #027ab6;
	text-decoration: none;
}
#Pagination a:hover {
	color: #a82002;
}
#Pagination a.current {
	color: #FFF;
	background: #027ab6;
	padding: 1px 3px;	
}
#Pagination a.current:hover {
	color: #FFF;
	background: #a82002;
	padding: 1px 3px;	
}
#Prev {
	float: left;
}
#Next {
	float: right;
}

.link {
	color: #027ab6;
	font-size: 18px;
	cursor: pointer;
	width: 20px;
}
.current {
	font-weight: bold;
}

a.more{color:#0476AC;padding-left:12px;background-image:url('../images/icon_arrowslink.gif');background-position: 2px 5px;background-repeat:no-repeat;font-size:10px;}


.clr {
	clear: both;
}

.nwztvbutton {
	float: left;
	width: 192px;
}
.opacity {
	filter: alpha(opacity=60); -moz-opacity: .6;	opacity: .6;
}
#Icons {
	width: 490px;
	background: URL("images/border_bottom.gif") 0 100% no-repeat;
	border-top: 1px solid #CCC;
}
#Icons .ico {
	float: left;
	display: block;
	color: #027ab6;
	line-height: 18px;
	text-decoration: none;
	margin: 0 10px 0 0;
}

#Icons .ico:hover {
	color: #a82002;	
}
#Icons span {
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	margin: 0 5px;
}
#Icons .a{ background: URL("images/icons.gif") -18px -18px no-repeat; }
#Icons a:hover .a { background-position: -18px -54px; }
#Icons .b { background: URL("images/icons.gif") 0 0 no-repeat; }
#Icons a:hover .b { background-position: 0 -36px; }
#Icons .c{ background: URL("images/icons.gif") -18px 0 no-repeat; }
#Icons a:hover .c { background-position: -18px -36px; }
#Icons .d { background: URL("images/icons.gif") -36px 0 no-repeat; }
#Icons a:hover .d { background-position: -36px -36px; }
#Icons .e { background: URL("images/icons.gif") -36px -18px no-repeat; }
#Icons a:hover .e { background-position: -36px -54px; }

#XY {
	width: 490px;
	text-align: center;
	line-height: 2.2em;
}

#NWZGalleryOptions {
	border: 1px solid #CCC;
	padding: 10px;
	margin-top: 1em;
}

#NWZGalleryOptions label {
	line-height: 1.5em;
	display: block;
	clear: both;
	margin-top: .5em;
	width: 130px;
}
#NWZGalleryOptions span {
	display: block;
	width: 80px;
	float: left;
}
h1 {
	font-size: 16px;
}
#nwzFooter {
	clear: both;
	text-align: center;
	margin: 2em 0;
}
#nwzFooter a {
	color: #027ab6;
	text-decoration: none;
}

#right {
	float: right;
	width: 460px;
	height: 375px;
	position: relative;
}
#cat {
	margin: 1em 0 4em;
	padding: 0;
	background: #027ab6;
	height: 3em;
	position: relative;
}
#cat li {
	list-style: none;
	float: left;
	line-height: 3em;
}
#cat li.active {
	background: #b3d7e9;
	color: #FFF;
}

#cat a {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 0 15px 0 15px;
}

.subcat {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 3em;
	left: 0;
	background: #b3d7e9;
	width: 960px;
	height: 3em;
}
.subcat li {
	list-style: none;
	float: left;
	width: auto !important;
	line-height: 3em;
}
.subcat a {
	padding-right: 0 !important;
}
.subcat a:hover,
.subcat .active a{
	color: #a82002 !important;	
}

#rwrap {
	border: 1px solid #CCC;
	border-bottom: none;
	width: 445px;
	height: 372px;
	overflow: hidden;
	position: relative;
}
#glist {
	margin: 0;
	padding: 0;
	width: 445px;
	position: absolute;
}
#glist li {
	border-bottom: 1px solid #CCC;
	list-style: none;
	line-height: 1.2em;
}
#glist li a {
	display: block;
	margin: 10px 10px 9px 10px;
	height: 42px;
	color: #000 !important;
	text-decoration: none;
}
#glist li a strong {
	color: #027ab6 !important;
}
#glist li a:hover strong {
	color: #a82002 !important;
}
#glist img {
	float: left;
	border: none;
	margin: 0 10px 0 0;
}
#scrollbar {
	position: absolute;
	right: 0;
	top: 13px;
	height: 347px;
	width: 13px;
	border-right: 1px solid #CCC;
	cursor: n-resize;
}
#pos {
	width: 10px;
	background: #027ab6;
	border: 1px solid #FFF;
	margin-left: 1px;
	height: 30px;
}
#arrowup {
	width: 12px;
	height: 11px;
	background: URL("images/arrows.gif") 0 0 no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#arrowdown {
	width: 12px;
	height: 12px;
	background: URL("images/arrows.gif") 0 -11px no-repeat;
	cursor: pointer;
	position: absolute;
	top: 359px;
	right: 0;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
html>body #arrowdown {
	top: 360px;
}

#blinder {
	position: absolute;
	left: 1px;
	top: 176px;
	background: #000;
	z-index: 9;
	width: 488px;
	height: 150px;	
}
#share_box,
#email_box,
#url_box {
	position: absolute;
	left: 0;
	top: 176px;
	z-index: 10;
	height: 150px;
	width: 460px;
	padding: 10px 0 0 10px;
}

#NWZGallery label {
	clear: both;
	display: block;
	margin: 0 0 1em 0;
}
#NWZGallery label span {
	display: block;
	float: left;
	width: 150px;
	line-height: 27px;
	color: #FFF;
	font-weight: bold;
}
#NWZGallery label input {
	border: none;
	width: 290px;
	background: transparent URL("images/input.gif") no-repeat;
	padding: 5px 0 0 10px;
	height: 20px;
}
#NWZGallery label input.active {
	background: transparent URL("images/input.gif") 0 -27px no-repeat;
}
.ok {
	border: none;
	width: 43px;
	height: 25px;
	background: transparent URL("images/button.gif") -245px -25px no-repeat;
	margin-left: 150px;
}
.okactive {
	border: none;
	width: 43px;
	height: 25px;
	background: transparent URL("images/button.gif") -245px 0 no-repeat;
	margin-left: 150px;
}
.cancel {
	border: none;
	width: 43px;
	height: 25px;
	background: transparent URL("images/button.gif") -307px -25px no-repeat;
}
.cancelactive {
	border: none;
	width: 43px;
	height: 25px;
	background: transparent URL("images/button.gif") -307px 0 no-repeat;
}
.url {
	border: none;
	width: 51px;
	height: 25px;
	background: transparent URL("images/button.gif") -357px -25px no-repeat;
}
.urlactive {
	border: none;
	width: 51px;
	height: 25px;
	background: transparent URL("images/button.gif") -357px 0 no-repeat;
}
.search {
	border: none;
	width: 72px;
	height: 25px;
	background: transparent URL("images/button.gif") -170px -25px no-repeat;
}
.searchactive {
	border: none;
	width: 72px;
	height: 25px;
	background: transparent URL("images/button.gif") -170px 0 no-repeat;
}


#sb {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#sky {
	width: 180px;
	height: 600px;
	position: absolute;
	top: 90px;
	left: 960px;
	margin: 1em;
}


#nwztv {
	border: 1px solid #CCC;
	height: 235px;
}
#nwztv a {
	color: #027ab6;
	text-decoration: none;
	font-weight: bold;
}
#nwztv #inner {
	margin: 1em;
}
#nwztv img {
	border: none;
}
#nwztv .Video {
	float: left;
	width: 145px;
	text-align: center;
	line-height: 1.25em;
	padding: 0 5px;
	height: 170px;
	border-right: 1px solid #027ab6;
}
#nwztv .Video a {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 122px;
	height: 92px;
	border: 1px solid #FFF;
	padding: 4px;
}
#nwztv .Video a:hover {
	border: 1px solid #027ab6;
}
#nwztv .Video img {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 0;	
}
#nwztv .Video .overlay {
	display: none;
}
#nwztv .Video a:hover .overlay {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 10;
	display: block;
	width: 120px;
	height: 90px;
	background-image: none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bc_overlay.png",sizingMethod="scale")
}
html>body #nwztv .Video a:hover .overlay {
	background: URL("images/bc_overlay.png") no-repeat;
}
#nwztv .Video div {
	height: 4em;
}
#nwztv .Video span {
	font-size: .8em;
	color: #027ab6;
}



/*** bookmarks ***/
.socialBookmarks {
	margin: 0.75em 0;
	line-height: 20px;
}
.socialBookmarks div {
	margin: 0 0 10px 10px;
}
.socialBookmarks img {
	border: 0;
	padding: 0;
	height: 20px;
	display: block;
	width: 20px;
	float: left;
}
.socialBookmarks a {
	border: 0;
	padding: 0;
	height: 20px;
	display: block;
	width: 20px;
	float: left;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	background: URL("http://forum.nwzonline.de/images/social_bookmarks.gif") no-repeat;		
}
.socialBookmarks a:hover {
	color: #b3d7e9;	
}


#top10 {position:absolute;left:1px;top:1px;display:block;background:#FFF; width:488px;height:325px; overflow:auto;}
#top10 .li { margin:5px; clear:both;}
#top10 div,
#top10 strong {line-height:45px;}
#top10 strong span {color:#f90;}
#top10 h1 { margin:7px 5px 0 0; padding: 0;line-height:25px;float:left; border: 1px solid #027ab6; color: #027ab6; text-align:center; width:25px; letter-spacing:-2px; display:block;}
#top10 img { float:left;display:block;border:none;}
#top10 a, #top10 span { margin:0 5px; color:#027ab6;}
#top10 h2 { margin-left:35px;font-size: 16px;}
          
#setMyRate { font-weight:bold;border: 1px solid #027ab6; border-left:none; color:#FFF; float:left;margin:0;cursor:pointer;line-height:22px; padding:0 3px;
	background: URL("images/rating_ok_bg.png") repeat-x;
}

#rateContainer{line-height:24px;font-weight:bold;font-size:12px;padding:0 4px;margin:10px 0;}

#vt10{float:right;font-size:14px;margin:0;padding:0;width:55px;}

#rate {color:#f90;font-size:16px;color:#000;}

#rateSlider { float:left; margin:0 0 0 5px;}
div.slider { width:200px; margin:10px 0; background: url(/fotos/images/rating_bg.png) no-repeat; height:24px; position: relative; }
.rate-link { width: 20px; float: left; text-decoration:none; }
#setMyRate { display:none; }
/*div.slider div.handle { margin-top:2px;width:20px; height:20px; background: url(/fotos/images/rate_target.gif) no-repeat; cursor:pointer; position: absolute; }*/
 
                         
.fr{float:right;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
.fl{float:left;}