/*
	stylesheet copyright 2011 by RoWang.eu
	theme name: Default
	last updated: 02.02.2011
*/

/* general settings */
a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #808080;
	text-decoration: underline;
}

acronym, abbr {
	border-bottom: 1px dotted #2E3E71;
	cursor: help;
}

body {
	background-color: #E0E0E0;
	color: #2E3E71;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}

button {
	background: transparent;
	border: 1px solid #0F2942;
	width: 25px;
	padding: 0;
}

button:hover {
	border: 1px solid #43627F;
}

code {
	color: #2a2a2a;
	font-family: "Courier New", Courier, monospace;
}

em {
	color: #2E3E71;
	font-style: italic;
}

h1 {
	border-bottom: 1px solid #e0e0e0;
	font-size: 16px;
	font-weight: bold;
	margin: 8px 20px 10px 20px;
	text-align: left;
	padding: 5px 0 4px 0;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 10px 20px;
	text-align: left;
	clear: both;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 15px 0 10px 20px;
	text-align: left;
	clear: both;
}

img {
	border: 0;
}

kbd {
	color: #FF7F01;
	font-weight: bold;
}

#main {
	margin: 0 auto;
	padding: 0;
	width: 860px;
}

/* header related settings */
#header {
	background: #2E3E71 url(pics/newbg01.jpg) no-repeat;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	height: 145px;
	margin: 0 auto;
	padding: 0;
	width: 860px;
}

#header h1 {
	display: none;
	visibility: hidden;
}

/* the navigation bar */
#navbar {
	background: #2E3E71 url(pics/newbg02.jpg) no-repeat bottom;
	color: #ffffff;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	height: 25px;
/*	letter-spacing: 1px; */
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 860px;
	vertical-align: middle;
	line-height: 25px;
}

#navbar ul, #footnote ul {
	margin: 0;
	padding: 0;
}

#navbar li, #footnote li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#navbar a {
	color: #ffffff;
}

#navbar a:hover {
	color: #10243A;
	text-decoration: none;
}

/* content related settings */
#sitecontent {
	background: #ffffff url(pics/newbg03.jpg) repeat-y;
	margin: 0;
	padding: 0;
	width: 860px;
	overflow: hidden;
}

#content {
	margin: 0 0 0 30px;
	min-height: 400px;
	padding: 0;
	width: 540px;
	float: left;
	overflow: hidden;
}

#content a {
	color: #000000;
	text-decoration: none;
}

#content a:hover {
	color: #29639C;
}

#content p, #content table, #content dl {
	color: #2E3E71;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	margin: 0 20px 5px 20px;
	padding: 0;
	text-align: justify;
}

/*#content p:first-letter, .content li:first-letter, #content dt:first-letter {
	font-weight: bold;
}
*/
#content ul, #content ol {
	font-size: 12px;
	margin: 0;
	padding: 0 20px 5px 20px;
}

#content ul>li, .iefix {
	color: #2E3E71;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 5px 20px;
	padding: 0;
	text-decoration: none;
	text-align: justify;
	line-height: 130%;
	list-style-type: circle;
}

#content ol>li {
	color: #2E3E71;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	list-style: decimal !important;
	margin: 0 0 5px 20px;
	padding: 0;
	text-decoration: none;
	text-align: justify;
}

.iefix2 {
	list-style: decimal inside;
}
 
#content table {
	width: 500px;
}

#content th {
	border-bottom: 1px dashed #43627F;
}

#content dd {
	margin-left: 10px;
	line-height: 130%;
}

p.extra {
	background-color: #2E3E71;
	border: 3px double #e0e0e0;
	color: #ffffff !important;
	padding-bottom: 3px !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
	padding-top: 3px !important;
	margin-bottom: 14px;
}

p.extra code {
	color: #000000 !important;
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	text-align: left;
}

.description {
	border: 1px solid #43627F;
	padding: 5px !important;
	width: 490px;
}

p.left {
	padding: 0;
	width: 150px;
	display: inline;
}

p.right {
	width: 300px;
	display: inline;
	clear: both;
}

img.left {
	float: left;
	margin-bottom: 10px;
	padding: 0;
	clear: both;
}

img.right {
	float: right;
	margin: 0 0 10px 10px;
}

.clearr {
	clear: right;
}

.clearr img.left {
	margin-right: 10px;
}

.clearb {
	clear: both;
}

p.center {
/*	margin: 5px auto 10px auto; */
	text-align: center !important;
	padding: 0;
}

.line {
	border-bottom: 1px dashed #e0e0e0;
	clear: both !important;
	margin-bottom: 10px !important;
	height: 10px;
}

.fix {
	clear: both;
}

.small {
	color: #43627F !important;
	font-size: 9px !important;
	text-align: center !important;
}

.smalll {
	color: #43627F !important;
	font-size: 9px !important;
	text-align: left !important;
}

.smaller {
	font-size: 11px !important;
}

#content p.nickname {
	float: left;
	font-weight: bold !important;
	width: 350px;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-left: 20px !important;
}

#content p.date {
	float: left !important;
	font-size: 10px !important;
	text-align: right !important;
	width: 150px;
	margin: 0 !important;
}

#content p.image {
	float: left;
	font-weight: bold !important;
	width: 253px;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-left: 20px !important;
}

#content p.text {
	float: left !important;
	font-size: 12px !important;
	text-align: justify !important;
	width: 242px;
	margin: 0 !important;
	padding-left: 5px !important;
}

.comment {
	border: 1px dotted #43627F !important;
	color: #FF7F01 !important;
	font-size: 11px !important;
	font-style: italic !important;
	padding: 2px 5px !important;
}

/* for the wallpaper site */
.gallery ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}

.gallery li {
/*	float: left; */
	list-style-type: none;
	margin: 3px !important;
	padding: 0;
	text-align: center !important;
}

.gallery li.pic {
	float: left;
	height: 140px;
	list-style-type: none;
	margin: 3px !important;
	text-align: center;
	width: 160px;
}

.gallery li.pic2 {
	float: left;
	height: 40px;
	list-style-type: none;
	margin: 4px !important;
	text-align: center;
	width: 92px;
}

.gallery li.label {
	clear: left;
	float: left;
	list-style-type: none;
	margin: 4px 0 !important;
	text-align: justify !important;
	width: 140px !important;
}

.gallery li.width {
	clear: right;
	float: left;
	list-style-type: none;
	margin: 4px 0;
	text-align: justify !important;
	width: 350px;
}

.gallery li.fix {
	clear: both;
	list-style-type: none;
	margin: 4px 0;
	text-align: justify;
}

td.label {
	margin: 4px 0 !important;
	text-align: justify !important;
	width: 140px !important;
}

td.width {
	margin: 4px 0;
	text-align: justify !important;
	width: 350px;
}

/* side navigation related settings */
#sidenav {
	color: #2E3E71;
	font-size: 10px;
	float: right;
	margin: 0 30px 0 0;
	padding: 0;
	width: 210px;
	overflow: hidden;
}

#sidenav h3 {
	border-bottom: 1px solid #e0e0e0;
	font-size: 11px;
	font-weight: bold;
	margin: 20px 20px 4px 0;
	padding: 0 0 2px 0;
	text-decoration: none;
}

#sidenav ul {
	list-style: none;
	margin: 5px 20px 5px 0;
	padding: 2px 8px;
}

#sidenav li, #sidenav li:hover {
	line-height: 140%;
	margin: 0;
	padding: 0;
}

#sidenav a, #footnote a {
	color: #2E3E71;
	text-decoration: none;
}

#sidenav a:hover, #footnote a:hover {
	color: #29639C;
}

#sidenav p {
	margin: 5px 20px 5px 0;
	padding: 2px 8px;
}

#sidenav form {
	margin: 5px 20px 5px 0;
	padding: 2px 8px;
	text-align: center;
}

#sidenav input {
	border: 1px solid #43627F;
	background-color: transparent;
	color: #ffffff;
	margin: 0 auto 4px auto;
	width: 170px;
}

input.button {
	background-color: #43627F !important;
/*	margin-left: 88px !important; */
	width: 90px !important;
}

input.button:hover {
	border: 1px solid #FF7F01 !important;
/*	color: #10243A !important; */
}

.spacer {
	height: 20px;
}

/* footnote related settings */
#footnote {
	background: #ffffff url(pics/newbg03.jpg) repeat-y;
	clear: both;
	color: #43627F !important;
	font-size: 9px;
	height: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 860px;
}

/* copyright notice related settings */
#copyright {
	background: #2E3E71 url(pics/newbg04.jpg) no-repeat bottom;
	clear: both;
	color: #10243A;
	font-size: 9px;
	height: 34px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 860px;
}

#copyright a {
	color: #10243A;
	text-decoration: none;
}

#copyright a:hover {
	color: #B1CCEB;
}

/* we all have to live somehow, right? */
#werbung {
	left: 760px;
	position: absolute;
	top: 140px;
}

/* for the mail form */
form {
	margin-top: 15px;
}

input, textarea, select {
	border: 1px solid #43627F;
	background-color: #ffffff;
	color: #ffffff;
	padding: 1px 2px 1px 4px;
}

textarea {
	overflow: auto;
	width: 490px;
}

option {
	background-color: #0F2942;
	border: none;
}

.width300 {
	width: 200px;
}

.achtung {
	color: #FF7F01;
	font-weight: bold;
}
#badfix {
	background-color: #10243A;
	height:20px;
	min-height: 20px;
}

.iefix {
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 5px 0 !important;
	padding: 0;
	text-decoration: none;
	text-align: justify;
	line-height: 130%;
	list-style-type: none;
}

/* download site related settings */
#filename {
	width: 230px;
}

#actions {
	text-align: center;
	width: 85px;
}

#uploaddate {
	text-align: right;
	width: 100px;
}

#filesize {
	text-align: right;
	width: 75px;
}

.filename {
	padding-right: 3px;
	vertical-align: middle;
}

td.filename img, td.actions img {
	padding-top: 3px;
	vertical-align: top;
}

.filedescription, .actions {
	font-size: 10px;
	padding-bottom: 3px;
}

.actions {
	text-align: center;
	vertical-align: top;
}

.filesize, .uploaddate {
	font-size: 11px;
	text-align: right;
	vertical-align: top;
}

#filetable {
	border-collapse: collapse;
}

#filetable td {
	border-bottom: 1px dashed #43627F !important;
	padding-bottom: 3px;
}

#filetable th {
	border-bottom: 1px solid #43627F !important;
	padding-bottom: 3px;
}

.totalsize {
	font-size: 10px !important;
	text-align: right !important;
	padding-top: 3px;
}

div.totalsize {
	float: right;
	font-size: 10px !important;
	margin-right: 20px;
	margin-top: -5px;
	text-align: right !important;
}

.phpatm {
	font-size: 10px !important;
	text-align: left !important;
	padding-top: 3px;
}

div.phpatm {
	float: left;
	font-size: 10px !important;
	margin-left: 20px;
	margin-top: -5px;
	text-align: left !important;
}

.foldernav {
	border-bottom: 1px dotted #43627F;
/*	color: #9185AD !important; */
	margin-bottom: 12px !important;
	padding: 3px !important;
}

.sortby {
	text-align: center !important;
}

#sort select {
	margin-right: 8px;
}

/* websnapr */
.leftBottom {
	background: transparent url(pics/lb.png) no-repeat 0 0 !important;
}

.leftBottom div {
	left: 113px;
	top: 82px; 
}

.leftBottom img {
	top: 28px;
	left: 25px;
}

.leftTop {
	background: transparent url(pics//rt.png) no-repeat 0 0 !important;
}

.leftTop div {
	left: 113px;
	top: 76px;
}

.leftTop img {
	top: 16px;
	left: 25px;
}

.rightBottom {
	background: transparent url(pics/rb.png) no-repeat 0 0 !important;
}

.rightBottom div {
	left: 103px;
	top: 80px;
}

.rightBottom img {
	top: 28px;
	left: 15px;
}

.rightTop {
	background: transparent url(pics/lt.png) no-repeat 0 0 !important;
}

.rightTop div {
	left: 103px;
	top: 70px;
}

.rightTop img {
	top: 16px;
	left: 16px;
}

#fdImageThumb {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 243px;
	height: 195px;
	visibility: hidden;
	overflow: hidden;
}

#fdImageThumb div {
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	background: transparent url(pics/loading.gif) no-repeat 0 0;
	visibility: hidden;
	z-index: 1;
}

#fdImageThumb div.imageError {
	background: transparent url(pics/error.gif) no-repeat 0 0;
}

#fdImageThumb div.imageLoaded {
	background: transparent url(pics/loading.gif) no-repeat 0 0;
}

#fdImageThumb img {
	position: absolute;
	display: block;
	border: 0 none;
	width: 202px;
	height: 152px;
	z-index: 2;
}