﻿/* $Info
********************************************************************************
Cascading Style Sheet 
Version:	1.0.1
Date:		09-04-2007
Author:		hb, ob
********************************************************************************
*/

body {
	margin: 0;
	padding: 0;
	background-color: #333;
	font-family: Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #aaa;
	font-size: 10px;
	text-align: center;
}

#wrapper {
	width: 1020px; 
	margin-left: auto;
	margin-right: auto;
	background: url(images/ta_shade.gif) repeat-y left top;
	text-align: left;
}

#wrapperinner {
	width: 1000px; 
	margin-left: 10px;
	background-color: #FFFFFF;
}

#index #wrapperinner {
	width: 1000px;
	margin-left: 10px;
	background: url(images/background.gif);
	background-color: #FFFFFF;
}

#main {
        margin-top: 100px;
	padding-bottom: 0px; /* makes room for bg shade */
}

/* ************************************************************************** */
/* Header */

#header {
	position: relative;
	width: 1000px; 
	height: 150px;
}

#logo {
	width: 1001px;
	height: 199px;
	position: absolute;
	top: 0;
	left: 0;
}

#logo span {
	position: absolute;
	top: 0;
	left: -10000px;
}

#logo h1 {
	margin-top: 0;
	padding-top: 0;
}

/* ************************************************************************** */
/* Navigation Main */

#nav-global {
	position: relative;
	top: 0px;
	left: 20px;
	width: 370px;
	float: left;
	margin-top: 73px;
}

#nav-global h2 {
	position: absolute;
	top: 0;
	left: -10000px;
}

#nav-global h3 {
	position: absolute;
	top: 0;
	left: -10000px;
}

#nav-main ul {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

#nav-main ul li {
	margin-right: 20px;
	display: inline;
}

#nav-main ul li.lastitem {
	margin-right: 0;
}

#nav-main ul li span {
	position: absolute;
	top: 0;
	left: -10000px;
}

#nav-main a {

}

#nav-main a:hover {

}

/* ************************************************************************** */
/* Navigation Sub */

#nav-sub ul {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #8cb440;
	text-transform: uppercase;
}

#nav-sub ul li {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: 1px solid #333;
}

/* align left side of navigation to headline */
#nav-sub ul li.firstitem {
	padding: 0 5px 0 1px;
}

#nav-sub ul li.lastitem {
	border-right: none;
}

#nav-sub ul li a {
	color: #333;
	text-decoration: none;
	padding: 3px;
}

#nav-sub ul li a:hover {
	color: #8cb440;
	background-color: #333;
	text-decoration: none;
}

/* ************************************************************************** */
/* Main Content Outlines */

#content-left {
	margin-left: 40px;
	margin-right: 0px;
        padding-bottom: 110px;
	width: 920px;
	float: left;
}

div#content-left {
	font-size: 12px;
}

/* ************************************************************************** */
/* ::::::::: BUGFIX ::::::::: */
/* IE 5.5/6: correct margin error on left side - why does IE show ~160px of margin on left side??? */
* html #content-left {
	margin-left: 45px;
}

/* ************************************************************************** */
/* Sitewide Element Definitions */

p {
	font-size: 12px;
}

a {
	color: #666;
}

a:hover {
	color: #666;
}

/* ************************************************************************** */
/* Headline & invisible <span>'s */

#main #content-left h1 {

}

#main #content-left h2 {

}

#main #content-left h1 span {
	position: absolute;
	top: 0;
	left: -10000px;
}

#main #content-left .featurecatbar h2 span {

}

#content-right h2 span {
	position: absolute;
	top: 0;
	left: -10000px;
}

/* ************************************************************************** */
/* Content right */

#content-right {
	padding-top: 13px;
}

#content-right h1 {

}

/* ************************************************************************** */
/* footer */

#footer {
	clear: left;
	/*color: #ffffff;*/
	margin-top: 30px;
}

#footer h1 {
	position: absolute;
	top: 0;
	left: -10000px;
}

#footer h2 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 0;
}

#footertop {
	background-color: #ffffff;
        text-color: 14537e
	padding: 0;
	margin: 0;
	line-height: 6em;
	text-align: center;
}

#footer ul {
	padding: 0;
	margin: 0;
}

#footer ul li {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: 1px solid #14537e;
}

#footer ul li.lastitem {
	border-right: none;
}

#footer ul li a {
	color: #14537e;
	text-decoration: none;
	padding: 3px;
}

#footer ul li a:hover {
	color: #FFFFFF;
	background-color: #14537e;
	text-decoration: none;
}

#footerbottom {
	clear: left;
	padding-top: 30px;
	background-color: #AAD34C;
	color: #666;
	border-top: 1px solid #9bd32f; /* avoid whitespace bug beetween footer div's */
	text-align: center; /*reset left align from #wrapper for IE5.5*/
	/*width: 1000px;
	height: 300px;*/
}

#footerbottomcenterbox {
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	/*text-align: left;*/ 
	/*reset center align from #footerbottom for IE5.5*/
}

/* ************************************************************************** */
/* footbox */

.footbox {
	float: left;
	width: 170px;
}

.footbox h2, .footbox p {
	padding: 7px;
	padding-top: 3px;
	padding-bottom: 0;
	/* adjust padding top for p */
}

.footbox a {
	color: #fff;
}

.footbox a:hover {
	color: #8cb440;
	background-color: #fff;
	text-decoration: none;
}

.companylogo {
	padding-top: 50px;
	text-align: center;
	clear: left;
	padding-bottom: 15px;
}

#footer .companylogo h2 {
	margin-bottom: 15px;
}

.companylogo span {
	position: absolute;
	top: 0;
	left: -10000px;
}

/* ************************************************************************** */
/* General Elements */

img {
	border: none;
}

* html img { 
	behavior: url(css/pngbehavior.htc); 
}

.clear {
	line-height: 1px;
	height: 1px;
	font-size: 1px;
	clear: both;
	overflow: hidden;
}

/* adjust large font sizes in IE5.5/6 */
* html table {
	font-size: 11px;
}

/* float elements*/
/*.float-box{
	width: 590px;
}*/

.float-left {
	float: left;
}

.float-right { /* not used anymore? */
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.right {
	text-align: right;
}

/* Link to userprofile */
.user-profile-link {
	color: #996699;
	text-decoration: none;
}

.user-profile-link:hover {
	background-color: #996699;
	color: white;
}

/* hover */
.nav-box .hover {
	padding-left: 3px;
	padding-right: 3px;
}


/* hover for pager categorie */

.nav-box .hover:hover {
	color: #765776;
}

.nav-box .hover:active {
	background-color: #765776;
	color: #fff;
}

.nav-box .hover-active {
	padding-left: 3px;
	padding-right: 3px;
	background-color: #765776;
}

/*########################################################################################################################*/
/*########################################################################################################################*/
/* =========================== */
/* = NEUE STYLES FÜR PREPAGE = */
/* =========================== */
/*########################################################################################################################*/
/*########################################################################################################################*/

.float-box {
	position: relative;
	width: 900px;
}

.float-box-left {
	position: absolute;
	/*float: left;*/
        color: #14537e;
        background-color: #FFFFFF;
	top: 0;
	left: 0;
	width: 490px;	
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.float-box-left h1 {
	margin-top: 0;
}

.float-box-right {
	position: absolute;
	top: 0;
	left: 540px;
	width: 380px;
        height: 420px;
        color: #e9517d;
        background-color: #FFFFFF;
	padding-left: 30px;
	padding-right: 10px;
	text-align: left;	
}
.float-box-right-under {
	position: absolute;
	top: 500;
        padding-top: 420px;
	left: 565px;
	width: 380px;
	text-align: left;	
}


/*
/*******************************************************************************************
/*******************************************************************************************
/*******************************************************************************************
 WORDPRESS ANPASSUNGEN
/*******************************************************************************************
/*******************************************************************************************
/*******************************************************************************************
*/
.float-box-right h3 {
	margin-bottom: 0.4em;
}
.float-box-right ul {
	list-style-type: none;
	margin: 0; padding: 0;
	margin-bottom: 35px;
}
.float-box-right li {
	margin: 0; padding: 0;
	margin-bottom: 3px;
}
.float-box-left .post {
	margin: 0; padding: 0;
	padding-bottom: 1em;
	border-bottom: 2px solid #393838;
	margin-bottom: 2em;
}
.float-box-left .post p {
	line-height: 1.4em;
}
.float-box-left p.post-meta {
	line-height: 1.2em;
}
.float-box-left .alignleft,
.float-box-left .alignright {
	float: left;
	width: 49.9%;
	text-align: left;
}
.float-box-left .alignright {
	text-align: right;
}

/* ============= */
/* = Headlines = */
/* ============= */
.float-box h1 {
	font-size: 38px;
	color: #9CBF52;
	text-transform: uppercase;
	font-weight: normal;
}

.float-box h2 {
	font-size: 30px;
	color: #9CBF52;
	text-transform: uppercase;
	font-weight: normal;
}

.float-box h3 {
	font-size: 18px;
	color: #9CBF52;
	padding-bottom: 0;
	margin-bottom: 7px;
	text-transform: uppercase;
	font-weight: normal;
}


/* ========= */
/* = Links = */
/* ========= */

.float-box a {
	color: #2079b5;
	text-decoration: none;
}

.float-box a:hover {
	background-color: #14537e;
	color: #FFFFFF;
}
