/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

body{
background:#CD5D47 url(img/bkg.jpg) center top no-repeat;
color:#000;
font:76% Verdana, Arial, sans-serif;
margin:10px 0 0 0;
padding:0;
text-align:left;
}

p { 
line-height: 15px; 
margin: 0 0 15px 
}

a{
color:#E11A1D;
font-weight:700;
text-decoration:none;
}

a:hover{
text-decoration: underline;
}

hr{
height:1px;
margin:10px 0;
width:98%;
background-color: #E01916;
color: #E01916;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}

#container{
background:#fff /*url(img/content.jpg) repeat-y*/;
margin:0 auto;
text-align:left;
width:996px;
border: 1px solid #000;
}

#sitename{
background:url(img/header.jpg) top left no-repeat;
color:#ffffff;
font-weight:400;
height:130px;
padding: 5px 0 0 0;
margin:0 0 20px 0;
text-align:center;
}

#sitename h1{
font-size:2.2em;
margin:0;
padding-top:20px;
}

#sitename span{
font-size:1.6em;
letter-spacing:-1px;
margin:0;
}
#flash {
float: left;
}
/*#extras {
margin-top: -100px;
}*/
#search {
margin-top: 50px;
*margin-bottom: 60px;
}
#profiles {
margin-right: 3px;
margin-bottom: 20px;
}
#releaseads {
width: 100%;
background: url(img/ad.jpg) no-repeat;
height: 230px;
margin-left: -7px;
margin-top: -20px;
*margin-top: 0px;
}

#releaseads a {
text-decoration: none;
}

/* --------------Top Menu------------- */
/***********************************
	header-menu
************************************/

#nav {
	float:left;
	height:19px; 
	line-height: 20px;
	width:996px; 
	display:block;
	clear:both;
	margin-top: 4px;
	*margin-top: 10px;
    border-bottom: 1px solid #000;
}
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}


#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative; 
}

/* Link Formatting */
#nav ul li {
	float: left;   
	font-weight: normal; 
	
background-image: url(img/tab-bg.png); 
background-position: top right; 
background-repeat: no-repeat; 
border-left: 2px solid black; 
border-bottom: 2px solid black; 
}
#nav ul li a {
	display: block;  
	padding: 3px 5px 0 4px; 
	color: #000; 
	text-decoration: none;
	font-size: 12px;	background-image: url(img/tab-bg.png); background-position: top right; background-repeat: no-repeat; 
}
/* Hover Formatting */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {
background: #fff;
color: #000;
font-size: 12px;
background-image: url(img/tab-bg.png); 
background-position: top right; 
background-repeat: no-repeat; }
/* Activ Link Formatting */
#nav a.menu-parent {background: #fff; color: #000;background-image: url(img/tab-bg.png); background-position: top right; background-repeat: no-repeat; }
/* 2 Ebene */
#nav .menu li ul {
	position: absolute; 
	width: 11em; 
	margin: 0; display: none; 
	text-transform: none;  
	border-right: 2px solid #000;  
	font-size: 100%; 
	background: #fff;
	margin-top: 2px;
	margin-left: -3px;
}
#nav .menu li ul li {
	width: 11em; 
	text-align: left; 
	font-weight: normal; 
	margin: 0; 
	padding: 0; 
	line-height: 1.2em;
	background: none;
}
#nav .menu li ul li a {
	width: 10.5em; 
	padding: .3em .1em .3em .3em; 
	color: #000;  
	font-weight: bold; 
	/*border: none;*/
	background: none;
}

#nav .menu li ul li a:hover {width: 10.5em;}


/* 2 Ebene hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { background: #fff; color:#E3001B;}


/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}


/* 3 Ebene  */
#nav .menu li ul li ul	{ 
	margin: 5px 0 0 -10%; 
	z-index: 9999;  
	background: #fff;
	border-top: 2px solid #000;
}
#nav .menu li ul li ul li	{width: 11em;}
#nav .menu li ul li ul li a { width: 10.5em;}
#nav .menu li ul li ul li a:hover {width: 10.4em;}

/* 4 Ebene */
#nav .menu li ul li ul li ul	{  width: 9em; background: #fff;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}
#nav .menu li ul li ul li ul li a:hover	{ width: 8.4em;}

/* Positioning hover */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#nav li:hover {
	z-index: 10000;	
	white-space: normal;
							
}

#title h1 {
color:#000;
font-size:2em;
font-weight:400;
margin:5px 0 10px 0;
padding:0;
}

#wrap1{
background:#ffffff url(img/wrap.gif) repeat-y;
clear:both;
padding:0;
width:996px;
}

#wrap2{
background:fff;
padding:20px 10px 0 10px;
*padding:0 10px 0 10px;
width: 986px;
}

#mainsection {
min-height: 300px;
padding-bottom: 10px;
}

#header{
height:30px;
position:relative;
width:996px;
}

#header h1{
float:left;
font-size:1.4em;
margin:5px 0 10px 0;
width:180px;
}

#bottom {
width: 714px;
margin-left: -10px;
/*margin-top: -203px;*/
padding: 10px 15px 0 10px;
border-top: 1px solid #000;
}

#rightcolumn {
float: right;
width: 240px;
padding: 10px 10px 0 10px;
*margin-left: -10px;
height: auto;
}

#rightcolumn p  {
margin: 8px 10px 0 0;
}

#rightcolumn h1{
color:#000;
font-size:2em;
font-weight:400;
margin:5px 0 10px 0;
padding:0;
}

#rightcolumn h2{
color:#000;
font-size:1.5em;
font-weight:400;
margin:5px 0 10px 10px;
padding:0;
}

#rightcolumn h3{
color:#000;
font-size:1.2em;
font-weight:400;
margin:5px 0 10px 10px;
padding:0;
}

#leftcolumn{
float:left;
margin: 0;
padding: 5px 0 0 0;
width:364px;
}

#leftcolumn p{
margin:8px 10px 0 0;
}

#leftcolumn h1{
color:#000;
font-size:2em;
font-weight:400;
margin:5px 0 10px 0;
padding:0;
}

#leftcolumn h2{
color:#000;
font-size:1.5em;
font-weight:400;
margin:5px 0 10px 10px;
padding:0;
}

#leftcolumnh3{
color:#000;
font-size:1.2em;
font-weight:400;
margin:5px 0 10px 10px;
padding:0;
}

#content{
width: 706px;
padding: 5px 30px 0 10px;
}

#contentalt{
width: 706px;
padding: 5px 30px 0 10px;
margin:0;
}

#content p,#contentalt p{
margin: 10px 0 10px;
}

#content h1,#contentalt h1{
color:#000;
font-size:2em;
font-weight:400;
margin:5px 0 10px 0;
padding:0;
}

#content h2,#contentalt h2{
color:#000;
font-size:1.5em;
font-weight:400;
margin:5px 0 10px 10px;
padding:0;
}

#content h3, #contentalt h3{
color:#000;
font-size:1.2em;
font-weight:400;
margin:5px 0 10px 10px;
padding:0;
}

#footer{
clear:both;
background: #fff /*url(img/footer.jpg) bottom left no-repeat*/;
color:#000;
font-size:0.9em;
height:26px;
padding:10px 1px 1px 1px;
text-align:center;
width:99.8%;
border-top: 1px solid #000;
}

#footer a{
color:#E31919;
font-weight:400;
}

#footer a:hover{
color:#E31919;
text-decoration:underline;
}
.intro{
font-weight:700;
}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url(img/boxbg.gif) top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.soft{
color:#808080;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}