/*#############################################################
Name: Dark Ritual
Date: 2006-11-06
Description: Tribal-style three column layout.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
html {
  height: 100%;
  margin-bottom: 1px;
}

* {
	margin: 0;
	padding: 0;
}

a {color: #ff9933;}

a:hover {color: #ffcc99;}

body {
	background:   #333333 ;
	color: #EAEAEA;
	font: normal 10px verdana, arial, sans-serif;
	margin:  0;
}

table, tr, td {
	
	font: normal 10px verdana, arial, sans-serif;
	margin:  0;
}

p,ul {
	padding-bottom: 1em;
}

ul {margin-left: 1.2em;
	}

li {
	list-style-type: none;
}

.main li {
	list-style-image: url(bilder/orange_kl.gif);
}
.main_info li {
	list-style-image: url(bilder/orange_kl.gif);
}


h1 {
	font-size: 12px;
	margin-top: 25px;
}



h1,h2,h3 {color: #ff9900;}

/* misc */
.clearer {clear: both;}
.main .padded {padding: 0px  /*von oben */ 5px/* von rechts */ 6px/* von unten */ 2px/* von links */;}
.main_info .padded {padding: 0px  /*von oben */ 30px/* von rechts */ 6px/* von unten */ 2px/* von links */;}

 /*.main .padded {padding: 90px 104px6px 20px;}*/
.main_login .padded {padding: 0px 20px;}
.meta {font-size: 0.9em; color: #666;}
.left {float: left;}
.right {float: right;}

/* structure */
.container {
	font-size: 11px;
	margin: 0 auto;
	width: 900px;
	
}

/* header */
.header {
	float: left;
	width: 900px;
	background:  url(bilder/hul_01.gif) no-repeat;
	height: 110px;
	
	
}

.subnav {
	float: left;
	width: 140px;
/* 	background: #f3ac00; */
}
.main {
	float: left;
	width: 600px;
	padding: 10px;
	line-height: 21px;
}

.main_info {
	float: left;
	width: 550px;
	padding: 25px;
	line-height: 21px;
}

/* sub-navigation */

.subnav ul {
	margin: 0;
	padding: 0;
	width: 140px;
}
.subnav li {
	list-style: none;
	 border-bottom: 1px solid #333;
	 background-image: url(bilder/hul_05_2.gif);
	 /*border-left: 1px solid #696755;

	background: #f3ac00;gelb */
}

.subnav li a {
	color: #FFF;
	display: block;
	padding: 8px 0 8px 16px;
	width: 140px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;


}
.subnav li a:hover {
	color: #ff9900;
}
.subnav li a#current {
	color: #ff9900; text-indent: 20pt;
}
.subnav li a#oversub {
	color: #ff9900; 
}
.subnav li a#sub {
	color: #fff; text-indent: 20pt;
}
.subnav li a#sub:hover {
	color: #ff9900; text-indent: 20pt;
}	
/* footer */
.footer {
	/*background:  url(bilder/hlv_16.gif) repeat-x;*/
	color: #666; 
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
}
.footer .left,.footer .right {padding: 0 110px;}
.footer a {color: #666;}
.footer a:hover {color: #ff9900;}
/* ------------------------------------------------------------------------------------------------------- */
/* ab hier beginnt eigenes css */
.news{border: 1px solid #696755;	font-size: 0.9em; }
.grau{background: #333;}
.active{color: #ff9900; text-indent: 20pt;}
.orange{color: #ff9900; }
.info{color: #ff9900; font-size: 12px; padding-left:20px;}
.border {
	border: 10px solid #FFFFFF;
	margin-left: 30px;
}

.border1 {
	border: 4px solid #FFFFFF;	
}