@charset 'utf-8';


/* RESET */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0px; 
    padding:0px; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0px; 
} 
fieldset,img {  
    border:0px; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym {
	border:0px; 
}

/* Layout */

body{
	background:#000000 url(../images/background.jpg) no-repeat center top;
}

#page{
    margin:auto;
    width:760px; /* 1000 - 436 */
    height:705px;
    /*padding-left:436px;*/
   
}
#marginal{
    padding-right:0px;
    float:right;
    width:20px;
    height:575px;
}

#content {
border: 6px solid #ededed;
background-color:#000000;
}

#navigation,
#content,
#logos{
	float:left;
	width:380px;
    /*padding-left:400px;*/
}


#navigation{
	width:376px; /* 380 - 3(runde ecke) -1(padding-left) */
	list-style:none;
	height:40px; /* 116 - 1(border) -86(padding)*/
	padding:120px 0px 0px 0px;
    background:url(../images/navigation_bg.png) no-repeat 0px 123px;
}

#navigation li{
	position:relative;
	float:left;
	bottom:0px;
	height:30px;
	padding:0px 0px 0px 3px;
	margin-right:1px;

}

#navigation a{
	display:block;
	background:url(../images/nav_bg_right.gif) no-repeat top right;
	padding:0px 6px 0px 3px;
}

#navigation a:hover{
	color:#af8c5d;
}

body#home #navigation li#nav_home,
body#about #navigation li#nav_about,
body#pics #navigation li#nav_pics,
body#downloads #navigation li#nav_downloads,
body#guestbook #navigation li#nav_guestbook{
	background:url(../images/nav_bg_left_active.gif) no-repeat top left;
}

body#home #navigation #nav_home a,
body#about #navigation #nav_about a,
body#pics #navigation #nav_pics a,
body#downloads #navigation #nav_downloads a,
body#guestbook #navigation #nav_guestbook a{
	background:url(../images/nav_bg_right_active.gif) no-repeat top right;
}

#content h1{
	float:left;
	width:300px; /* 380 - 30(padding)  - 30(padding)*/

	height:26px; /* 56 - 30(padding-top) */
	padding:30px 30px 40px 27px;
}

#content{
    padding-top:20px; 
	padding-bottom:20px;
	min-height:492px;
}

#content a{
    color:#af8c5d;
    text-decoration:none;
    font-weight:bold;
    padding:0px 3px 0px 10px;
    background:url(../images/content_link_bullet.gif) no-repeat;
}
#content a:hover{
    background:#ededed url(../images/content_link_bullet_over.gif) no-repeat;
    color:#af8c5d;
}

#content a.back{
	background:url(../images/content_link_back_bullet.gif) no-repeat;
}

#content a.back:hover{
	background:#ededed url(../images/content_link_back_bullet_over.gif) no-repeat;
}

#maincol{
	float:left;
	width:392px;
    padding-left:330px;
}

#content p{
	float:left;
	width:320px; /* 380 - 30(padding) - 30(padding) */
	padding:0px 30px 12px 30px;
}

#logos{
	padding-top:23px;
	padding-bottom:60px;
}

#logos ul{
	list-style:none;
}

#logos li {
	float:left;
	width:110px;
	height:52px;
	margin-right:25px;
}

#logos li.last{
	margin:0px;
}

#logos a span{
	display:none;
}

#marginal #ribbon{
	position:relative;
	width:105px; /* 150 - 45(padding) */
	height:85px;
	top:358px;
}

#marginal #ribbon p{
	width:90px;
	padding-bottom:85px;
	text-align:center;
	line-height:13px;
}



/**** CONTENT ****/

#content p.newblock {
	padding-top:30px;
}

.gallery {
	float:left;
	display:inline;
	width:350px; /* 380 - 30(padding-left) */
	padding:0px 30px 30px 0px;
}


#content dl img,
.gallery li {
	float:left;
	background-color:#333;
	border:none;
	padding:4px;
}

.gallery li {
	display:inline;
	margin-left:30px;
}

#content .gallery a,
#content .gallery a:hover {
	float:left;
	width:135px;
	height:101px;
	background:none;
	color:#af8c5d;
	padding:0px;
	text-align:center;
}

#content .gallery li {
	margin-bottom:28px;
}

strong{
	font-weight:bold;
}

dl,dt, dd {
	float:left;
}

dl{
	padding-left:30px;
	padding-bottom:10px;
}

#content dl.guestbook,
#content dl.faq {
	display:inline;
	margin-left:30px;
	margin-bottom:1px;
	padding:5px;
	width:310px;
	background-color:#333;
}

#content dl.guestbook.author_player{
	background-color:#666;
	width:308px;
}

#content dl.guestbook dt,
#content dl.faq dt {
	width:100%;
}

#content dl.faq dt {
	width:100%;
	font-weight:bold;
	padding-bottom:0.5em;
}

#content dl.guestbook dt {
	margin-bottom:10px;
}

#content dl.guestbook dd{
	width:100%;
	overflow:auto;
}

#content dl.thumb dt a {
	background:none;
	padding:0px;
}

#content dl.thumb dt {
	width:110px;
	text-align:center;
	background-color:#333;
	border:1px solid #666;
	padding-top:5px;
}

#pics #content dl.thumb dt,
#pics #content dl.thumb a {
	width:145px;
}

#pics #content dl.thumb dd{
	width:170px;
}

#content dl.thumb dt img {
	display:inline;
	float:none;
	border:none;
	padding:0px;
}
#content dl.thumb dd {
	width:200px;
	padding-left:10px;
}

#content dl.thumb dd ul {
	padding-top:10px;
}

#content p.intro {
	padding-bottom:30px;
}

#content p.head_title {
	width:auto;
	padding-bottom:40px;

}

#content p.head_nav,
#content p.pager {
	width:auto;
	padding:0px;
	padding-right:30px;
	float:right;
	padding-bottom:40px;
}



/** about **/


#aboutnav{
	float:left;
	width:340px;
	height:20px;
	margin-left:30px;
	padding-bottom:15px;
}

#aboutnav li{
	float:left;
	width:78px;
	margin-right:2px;
	text-align:center;
}

#content table{
	float:left;
	border-collapse:collapse;
	margin-left:30px;
	margin-right:30px;
	width:320px;
}

#content table td{
	background-color:#333333;
	padding:4px;
	border:none;
	vertical-align:top;
    border: 1px solid #000000;
}

#aboutnav a{
	display:block;
    color:#ffffff;
    text-decoration:none;
	font-weight:normal;
	padding:0px;
    background:none;
    background-color:#333333;
}
#aboutnav a:hover,
#aboutnav .active a{
    background:#666666;
    color:#ddd;
}

#content .guestbook input,
#content .guestbook label,
#content .guestbook textarea {
	float:left;
}

#content .guestbook input,
#content .guestbook textarea {
	width:220px;
	background-color:#333;
	border:1px solid #666;
	padding:2px;
	color:#ffffff;
}

#content .guestbook input{
	width:222px;
}

#content .guestbook textarea {
	width:302px;
	height:302px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#content .guestbook label {
	width:80px;
}

#content .guestbook p,
#content p.table_desc {
	display:inline; /* ie bugfix */
	float:left;
	background:#333;
	margin-right:1px;
	width:310px; /* 320 - 6(padding-left) -4(padding-right) */
	margin-left:30px;
	padding:6px;
	padding-left:6px;
	margin-bottom:1px;
}

#content p.table_desc {
	font-weight:bold;
	font-size:12px;
	border-bottom:none;
	width:309px;
	margin-bottom:0px;
	border-top:none;
	padding-left:4px;
	color:#ddd;
}

#content .guestbook p.konter {
	text-align:right;
}

#content table.stats td {
	width:25%;
    border: 1px solid #000000;
}

/*************************************************************************/

/* FONTS */
body{
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

#content h1{
	font-family:Verdana;
	font-weight:bold;
	font-size:30px;
	letter-spacing:-2px;
}

#navigation a{
	line-height:30px;
	font-family:verdana;
	letter-spacing:-1px;
	font-size:15px;
/*	font-weight:bold; */
	text-decoration:none;
	color:#000000;
}
#marginal #ribbon p{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
}
#marginal #ribbon p a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
}
#marginal #ribbon p a:hover{
	color:#999999;
}

#aboutnav li{
	font-size:12px;
}

#content table td{
	font-size:12px;
}


#content table .about_category{
	font-weight:bold;
}