/*------------------------------------------------------------------------
# JoomlAxe CSS
# ------------------------------------------------------------------------
# Author: Spy2furious@gmail.com
# Websites:  http://www.joomlaxe.com
# License:  Creative Commons Attribution 3.0 License
-------------------------------------------------------------------------*/


/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Arial, Verdana, sans-serif;
	color: #222222; 
	background: #F8A219;
	text-align: left;
    font-size:12px;
}
/*	background: url(../images/back_links.gif) repeat; */

/* links */
a, a:link, a:visited{ 
	color: #000066;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #0000CC;
	background-color: inherit;
}
	.text	{ font-size:12px; font-weight:normal; }
	.klein	{ font-size:10px; font-weight:normal; }
	.sehrklein	{ font-size:8px; font-weight:normal; color: #000000;}
	.gross	{ font-size:14px; font-weight:bold; }
	.grosser	{ font-size:16px; font-weight:bold; }
	.titel	{ font-size:22px; font-weight:bold; }
	.kltitel	{ font-size:18px; font-weight:bold; }
	.grgr	{ font-size:32px; font-weight:bold; }
	.grgrgr	{ font-size:46px; font-weight:bold; }
	.palette	{ font-size:120px; font-weight:bold; }
	.rottext	{ font-size:14px; font-weight:bold; color:#ff0000; }
#randviolett {
	  border-color:#7700ff;
	  background-color:#ccccFF;
	}
#randpurpur {
	  border-color:#ff0099;
	  background-color:#ffcccc;
	}
	
/* headers */
h1, h2, h3 {
	font: bold 1em Arial, Verdana;
	color: #333333;	
}
h1 { font-size: 2.5em; color: #ffffff; } 
h2 { font-size: 2.4em; text-transform:uppercase;}
h3 { font-size: 2.3em; }

p, h1, h2, h3 {
	margin: 3px 3px;  /* 10px 15px;  */
}
ul, ol {
	margin: 5px 5px;   /* 15px; */
	padding: 0 15px;
}
ul span, ol span {
	color: #333344; /* #666666 31.08.09 u.a Menü sidebar links*/
}

/* images */
img {
	border: none;
}

fieldset {
	padding: 5px 5px;
	border: none;
}

fieldset a {
	font-weight: bold;
}

/***********************
	  LAYOUT
************************/
#wrap {
 	background: #FFF; /* #FFF; */
/*     background: url(../images/header_hanffaser.jpg) 100% 100% repeat-x; */
	width: 950px; height: 100%; 
	margin: 0 auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: #FFF; /* #FFF; */
}

/* header */
#header {
	position: relative;
	height: 120px;	  
    background: url(../images/kopf_hanffaser.jpg) 100% 100% repeat-x;
	top: 0px;
	/*	background: #000 url(../images/headerbg.gif) repeat-x 0% 100%;	*/
}
#header h1#logo {
	position: absolute;
	margin: 0; padding:2px 0 0 220px;	
	font:  Arial, Verdana, Sans-serif;  /* bolder 2.5em 'Trebuchet MS', 28.08.09 */
	font-size:12px; font-weight:normal;
	color:#000000;
/* 	letter-spacing: -2px; */
}
#header h1#logo a, #header h1#logo a:link, #header h1#logo a:visited{ 
	color: #ffffff;
	background-color: inherit;
	text-decoration: none;
}
#header h1#logo a:hover {
	color: #ffffff;
	background-color: inherit;
}
#header h2#slogan {
	position: absolute;	 
	top: 17px; left: 95px;
	color: #000000;
	text-indent: 0px;
	font: bold 11px Arial, Verdana, 'Trebuchet MS', Sans-serif; 
	text-transform: none;	
}
#header form.searchform {
/*	position: absolute; */
	top: 85px; right: 2px; /* -12 */	
}

/* search */
#search{
/* position: absolute;    28.08.09 */
	float: right;
	padding: 95px 2px 0 0px ;
	margin: 0 0 0 0;
}
/* links search*/
#search a, #search a:link, #search a:visited{ 
	color: #000;
	text-decoration: none;
}
#search a:hover {
	color: #000;
}
/* top menu */
#topmenu{
	float: right;
	margin: 10px 0 0 0;
}

/* main */
#main {
	float: left;
/*	margin-left: 5px; */
	padding: 7px 0 0 0;
/*	width: 50px;  */
	overflow: hidden;
}

#main div{
	margin: 0 0 2px 0;  /* margin: 0 0 5px 0; */
}

/* sidebar */
#sidebar {
	float: left;
	width: 150px;  /* Breite Menü */
	margin: 0;	padding: 0px 0px; /* padding: 7px 7px; */
	display: inline;
	overflow: hidden;	
	background: #EEE;
}

/* rightbar */
#rightbar {
	float: right;
	width: 2px;
	padding: 2px 2px; margin:0;
	overflow: hidden;
	
}

/* Footer */
#footer { 
	clear: both; 
	color: #FFF; 
	background: #fff; 
	border-top: 5px solid #fff;
	margin: 0; padding: 0; 
	height: 10px;	  
	font-size: 95%;		
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	float: left;
	width: 100%;
}