/*
1. GLOBAL
========================================================= */
html, body, form, fieldset, img {
	margin: 0;
	padding: 0;
	border: 0;}

body {  
	padding: 0;
	color : #000;
	font: 12px/120% Arial, Helvetica, sans-serif;
	background: #4b4a4d;
	}

body.width_auto {margin: 0 20px;}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 0px;
	line-height: 1.3em;
	color: #000;
	font: 12px/120% Arial, Helvetica, sans-serif;}

body.pos_left div#header,
body.pos_left div#main,
body.pos_left div#footer {
	margin: 0;}

body.pos_center div#header,
body.pos_center div#main,
body.pos_center div#footer {
	margin: 0 auto;}

body.pos_right div#header,
body.pos_right div#main,
body.pos_right div#footer {
	float: right;
	margin: 0;}

b, strong {font-weight: bold;}

h1 {font-weight:bold; font-size:150%;}
h2 {font-weight:bold; font-size:140%;}
h3 {font-weight:bold; font-size:130%;}
h4 {font-weight:bold; font-size:120%;}
h5 {font-weight:bold; font-size:110%;}
h6 {font-weight:bold; font-size:100%;}

a:link, a:visited {
	color: #680000;
	font-weight: bold;
	text-decoration: none;}

a:hover {color:#666; text-decoration:none;}

/* top link */
a#totop{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	visibility: hidden;}

div#body2 {
	width: 100%;
	overflow: hidden;
	background: #4b4a4d url(../img/body.png) 0 0 repeat-x;}

div#body3 {
	width: 100%;
	overflow: hidden;
	background: url(../img/body2.png) center top no-repeat;}
	
/*2. HEADER
========================================================= */
div#header_con {
	float: left;
	width: 100%;}

div#header {
	position: relative;
	height: 531px;
	background: #fff;
	border-bottom:1px solid #cdcdcd;
	z-index: 5;}

/* logo */
a#logo {
	position: absolute;
	top: 40px;
	left: 90px;
	width: 100%;}
	
/* inset */
div#inset {
	position: absolute;
	top: 220px;
	left: 661px;
	width: auto;
	padding: 50px 0px 0px 85px;
	font: 12px/120% Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	overflow: hidden;
	z-index: 14;
	}

/* text */
div#text {
	position: absolute;
	top: 370px;
	left: 0px;
	color: #fff;
	font-size: 21px;
	text-transform: capitalize;
	padding: 12px 20px;
	display: block;
	background: #680000;
	z-index: 2;}

/* banner */
div#banner {
	position: absolute;
	top: 200px;
	left: 0px;
	display: block;
	z-index: 6;}

/* menu */
div#menu {
	position: absolute;
	top: 170px;
	left: 0px;
	width: 100%;
	height: 30px;
	background: none;
	border-bottom: 1px solid #cdcdcd;
	z-index: 999;}

div#menu ul.menu {
	list-style: none;
	padding: 0 0 0 70px;
	width: auto;
	margin: 0px;}

div#menu ul.menu ul {padding: 0;}

div#menu ul.menu li {
	float: left;
	padding: 0px;
	margin: 0px;
	background-image: none;}

div#menu ul.menu li a:link,
div#menu ul.menu li a:visited {
	float: left;
	margin: 0px;
	padding: 0px 20px;
	width: auto;
	line-height: 30px;
	height: 30px;
	display: block;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-indent: 0px;
	text-decoration: none;}

div#menu ul.menu ul li a:link,
div#menu ul.menu ul li a:visited {
	padding:0 20px 0 20px;
	color: #000;
	display: block;
	font-size: 11px;}

div#menu ul.menu li a:hover,
div#menu ul.menu li#current a,
div#menu ul.menu li.active a  {
	color: #680000;}

div#menu ul.menu li#current ul li a,
div#menu ul.menu li#current ul li a span,
div#menu ul.menu li#current ul li {
	color: #000;}

div#menu ul.menu li a:hover {color: #680000!important;}
/* slider suche */
div#top {
	position: absolute;
	top: 201px;
	right: 0px;
	width: 321px;
	height: 330px;}

/* 3. MAIN
========================================================= */
div#main_con {
	float: left;
	width: 100%;}

div#col_left,
div#col_ileft {float: left;}

div#col_middle,
div#col_imiddle {float: left;}

div#col_right,
div#col_iright {position: relative; float: right;}

div#mainbody {
	float: left;
	width: 100%;
	color: #666;
	}

div#content_con {
	padding: 20px 80px 20px 80px;
	}
	
.onlyright div#content_con {
	padding: 20px 20px 20px 80px;
	}

/* visual backgrounds */
div#col_left,
div#col_ileft,
div#col_right,
div#col_iright,
div#content_con {background: none;}
div#mainbody {background: #000;}
div#col_imiddle {background: #fff;}


/* main background */
div#main_con .nocol,
div#main_con .onlyleft,
div#main_con .onlyright,
div#main_con .leftright {
	position: relative;
	background: #fff;
	z-index: 4;}

/* 4. FOOTER
========================================================= */
div#footer_con {
	float: left;
	width: 100%;z-index:999;}

div#footer {
	position: relative;
	height: 60px;
	background: #f5f5f5;
	z-index: 3;}

/* copyright */
div#copyright {
	position: absolute;
	top: 20px;
	left: 80px;
	width: auto;
	font-size: 11px;
	color: #666;
	background: none;
	}

/* bottommenu */
div#bottom {
	position: absolute;
	top: 20px;
	right: 80px;
	width: auto;
	height: 20px;
	background: none;}

div#bottom ul.menu {
	list-style: none;
	padding: 0px;
	margin: 0px;}

div#bottom ul.menu li {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background-image: none;}

div#bottom ul.menu li a:link,
div#bottom ul.menu li a:visited {
	float: left;
	margin: 0px;
	padding-left: 20px;
	width: auto;
	display: block;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	text-indent: 0px;
	text-decoration: none;}

div#bottom ul.menu li a:hover,
div#bottom ul.menu li#current a  {
	text-decoration: underline;}

/* 5. FORMS
========================================================= */
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;}

li {
	line-height: 16px;
	padding: 0 0 0 10px;
	background: url(../img/arrow.png) 0 4px no-repeat;}

ol li {padding: 0;	background: none;}

fieldset, img {border: 0;}
option {padding: 0 0 0 10px;}
form {margin: 0; padding: 0;}
form label {cursor: pointer;}


/* 6. MODULE
========================================================= */
/* mod1 left/right */
div.mod1 div.module {
	padding: 0px;
	margin: 10px 10px;
	width: auto;
	display: block;}

/* 8. JOOMLA CONTENT
========================================================= */
.contentheading,
.componentheading,
.contentheading a:link,
.contentheading a:visited,
.componentheading a:link,
.componentheading a:visited,
div.mod1 h3.title {
	padding: 5px 0px;
	margin: 0 0 10px 0;
	color: #680000;
	font-size: 21px;
	font-weight: normal;
	text-align: left;}

div.mod1 h3.title {margin-top:20px; text-indent:10px;}
.contentdescription {padding-bottom:30px;}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {text-decoration:none!important;}

/* poll */
table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;}

table.pollstableborder img {vertical-align:baseline;}

table.pollstableborder td {
	padding: 4px!important;
	border-collapse: collapse;
	border-spacing: 0;}

table.pollstableborder tr.sectiontableentry1 td {background:#ECECEC;}

/* section listing */
.sectiontableheader {
	padding: 8px 5px;
	color: #FFFFFF;
	border-right:1px solid #fff;
	background: #444444;}

.sectiontableheader a:link,
.sectiontableheader a:visited {color:#fff; text-decoration: none;}
.sectiontableheader a:hover {color:#000;	text-decoration:none;}

.sectiontableentry1,
.sectiontableentry2 {
	text-align: left;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #fff;
	background: #fefefe;}

.sectiontableentry2 {background: #f5f5f5;}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2,
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {padding:4px;}


tr.sectiontableentry1 td {
	padding: 8px 5px;
	background: url(../img/hdot2.gif) left bottom repeat-x;}

tr.sectiontableentry2 td {
	padding: 8px 5px;
	background:#ECECEC url(../img/hdot2.gif) left bottom repeat-x;}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {background:#FFFFCC url(../img/hdot2.gif) left bottom repeat-x;}

/* page navi */
.pagenavbar {
	padding: 2px;
	width: auto;
	display: block;
	text-align: center;
	border: 1px solid #eee;
	background: #f9f9f9;}

/* link container */
.contenttoc {
	float: right;
	width: 180px;
	border: 1px solid #eee;
	background: #f9f9f9;
	margin-bottom: 10px;}

.contenttoc th {
	background: #eee;
	padding: 3px 5px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #333;}

.contenttoc td {padding: 2px 5px;}

.toclink {
	line-height: 14px;
	padding-left: 12px;
	background: url(../img/arrow.png) left center no-repeat;}

/* small font */
.small,
.smalldark {font-size:10px; color:#680000;}

/* rating */
.content_rating {
	font-size: 10px;
	color: #555;}

.content_vote {
	font-size: 10px;
	height: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #F0F0F0;
	border: 1px solid #e0e0e0;}

/* content page */
table.contentpane {border:none; width:100%;}
table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;}

table.blog {width: 100%;}

.article_column {}
.column_separator {padding: 0 20px;}
.article_separator {clear:both; display:block; height:20px;}

table.searchintro {
	padding: 10px 0;
	width: 100%;}

table.searchintro td {padding: 5px!important;}

table.adminform {}
.adminform .inputbox {}

.blog_more {
	padding: 10px 0;
	background: url(../img/hdot.gif) repeat-x top;}

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	font-size: 125%;}

.blog_more ul {margin:0; padding:0;}
.blog_more ul li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(../img/bullet.gif) no-repeat 6px 8px;}

.category {font-weight:bold;}

a.readon {
	float: left;
	margin-top: 10px;
	padding: 1px 5px 1px 14px;
	border: 1px solid #F6F6F6;
	display: block;
	color: #680000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../img/arrow.png) no-repeat 5px 48%;}

a.readon:hover, a.readon:active, a.readon:focus {
	border: 1px solid #ECECEC;
	background: url(../img/arrow.png) no-repeat 5px 48% #FFFFFF;}

table.contentpaneopen td, table.contentpane td {}
table.contentpaneopen, table.contentpane, table.blog {width: 100%;}

/* pagination */
ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
	background: url(../img/hdot.gif) repeat-x top;}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;}

ul.pagination li span{padding: 2px 5px;}

ul.pagination a {
	padding: 2px 5px;
	border: 1px solid #F6F6F6;}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;}

.pagenavbar {padding-left: 14px;}
.pagenavcounter {padding: 8px 14px 0 14px;}

div.syndicate div {text-align: center;}

/* meta */
.article-tools {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	display: block;
	border-top: 1px solid #DDDDDD;
	background: #ECECEC;
	clear: both;}

.article-meta {
	float: left;
	padding: 5px;
	width: 80%;}

.createby {
	padding: 3px 3px 3px 20px;
	background: url(../img/icon-user.gif) no-repeat 0 2px;}

.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../img/icon-date.gif) no-repeat 0 2px;}

.modifydate {
	float: left;
	width: 100%;}

div.buttonheading {
	float: right;
	width: 15%;}

.buttonheading img {
	float: right;
	margin: 4px 5px 0 0;
	border: 0;}

/* fixes - dont chage */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* SUCHE */
div.search {}

fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
	display: block;
}

legend {
	margin: 0;
	padding: 0 10px;
}