html, body{
	height: 100%;
}

body {
	color: #5f5f5f;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #FBFBFB  url(../bilder/home/body_bg.jpg) repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*##################################################
Allgemeines
##################################################*/
.click-source{display:none;}

/*=================== Links  ===================*/
a {color: #545454; text-decoration: none;}
a:hover { color: #3170B3; text-decoration: none;}
a:visited {}
a:active {}

/*=================== Überschriften (spezifisch) ===================*/
*html h1{margin-bottom: -10px !important;}
h1 {
	color: #95BBDF;
	font-style: italic;
	font-size: 1.2em;
	margin: 0px 0px 0px 5px;
	margin-bottom: 0px !important;
}

h2 {
	font-size: 1.2em;
	margin:0px 0px 0px 2px;
	padding: 1.5em 0em 0.4em 0em;
}

h3 {
	color: #95BBDF;
	font-style: italic;
	font-size: 1.2em;
	margin: 0px 0px 0px 5px;
	margin-bottom: 0px !important;
}

/*=================== Fließtext ===================*/
p {padding: 0px 0px 0px 5px;}

/*=================== Formulare ===================*/
form {
	margin: 0px;
	padding: 0px;
}

/*=================== Listen  ===================*/
#content ul{
	margin: 1em 43px 1em 0px;
	padding: 0px 0px 0px 40px;
}
#content ul li{
	margin-bottom: 0.5em;
	list-style-type : none;
	list-style-image: url(../img/li.gif);
}

/*##################################################
Container
##################################################*/
#typo3 {
	width: 157px;/*956px*/
	height: 23px;
	margin: 296px 0px 0px 83px;	/*margin: 197px 0px 0px 904px;*/
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 999;
        clear: both;
}


#page {
	width: 992px;/*956px*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 100%; /* Fuer moderne Browser */
	height: auto !important;  /*Fuer moderne Browser */
 	height: 100%; /* Fuer IE */
	text-align: left;
	background: url(../bilder/home/main_bg.jpg) repeat-y 0px 0px;
}

/*=================== TopImg, kann in Typo3 ausgetauscht werden ================ liegt unter dem #head =======*/
#headimg div{
	width: 992px;
	height: 344px;/*332px*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background: url(../bilder/home/head_2.jpg) no-repeat 0px 0px;*/
	position: absolute;
	z-index: 1;
}

/*=================== #head beinhaltet Toolbarcontainer, Flashcontainer, Menucontainer ===================*/
#head{
	width: 992px;
	height: 344px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
   position: relative;
	z-index: 2;
}

/*=================== .contentbg beinhaltet #contentLeftImg div, #contentRightImg div ================ liegt unter dem .contentMain =======*/
.contentbg{
	width: 992px;
	position: absolute;
	z-index: 3;
}

/*=================== LefImg, kann in Typo3 ausgetauscht werden ===================*/
/*### fur bis IE6*/
*html #contentLeftImg div{	margin: 0px 5px 0px 1px;/*mit 3px abstand - 7px, 29px*/}
/*### fur IE7*/
*+html #contentLeftImg div{margin: 0px 5px 0px 2px;/*mit 3px abstand - 7px, 29px*/}

#contentLeftImg div{
	width: 409px;/*mit 3px abstand - 407px*/
	height: 324px;
	float: left;
	margin: 0px 5px 0px 57px;/*mit 3px abstand - 7px, 58px*/
}

/*=================== RightImg, kann in Typo3 ausgetauscht werden ===================*/
#contentRightImg div{
	width: 508px;/*mit 3px abstand - 506px*/
	height: 324px;
	float: left;
}
/*### fur bis IE6*/
*html #contentRightImg div.flexiblecontent-right{border:0px; margin: 0px 0px 0px 415px;}
/*### fur IE7*/
*+html #contentRightImg div.flexiblecontent-right{border:0px; margin: 0px 0px 0px 415px;}
#contentRightImg div.flexiblecontent-right{
	width: 485px;
	height: auto;
	float: none;
	margin: 0px 0px 0px 470px;
	padding: 0px 10px 0px 10px;
	border-top: 1px solid transparent;

}

.top-news-mehr{margin: 0px 0px 0px 410px;}
.top-news-mehr a{
	width: auto;
	color: #818181 !important;
	font-weight: bold;
	padding: 0px 20px 0px 0px;
	background: transparent url(../bilder/icons/next_li.gif) no-repeat 35px 2px;
}

#contentLeft{
	width: 396px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 55px;
	position: relative;
	z-index: 4;
}

.flashContent{margin-top: -10px}
.noflashContent a:hover{color:#5f5f5f;}

.noflashContent{
	width: 510px;
	margin: 100px 0px 0px 455px;
	background: green;
	border: 1px solid red;
	/*width: 544px;
	margin: 110px 0px 0px 65px;*/
}

.noflashContent div.partenr-zeile1{font-weight: bold; background: red; padding: 0px 5px 0px 5px; width: 310px;}
.noflashContent div.partenr-zeile2{background: red; padding: 0px 5px 0px 5px; margin-bottom:2px; width: 485px;}
.noflashContent div.partenr-zeile3{background: #F0F1EC; padding: 0px 5px 0px 5px; margin-bottom:3px;  width: 490px;}
.noflashContent div.partenr-zeile4{background: #F0F1EC; padding: 0px 0px 0px 5px; margin-bottom:3px;}
.noflashContent div.partenr-zeile5{background: #F0F1EC; padding: 0px 5px 0px 5px; margin-bottom:3px;  width: 480px;}
.noflashContent div.partenr-zeile6{background: #F0F1EC; padding: 0px 5px 0px 5px; margin-bottom:3px;  width: 170px;}
.noflashContent div.partenr-zeile7{background: #F0F1EC; padding: 0px 5px 0px 5px; margin-bottom:3px;  width: 480px;}
.noflashContent div.partenr-zeile7 a{background: #F0F1EC url(../bilder/icons/partenr_li.gif) no-repeat 0px 0px;}


html:first-child>*:first-child+b\ody .noflashContent .imgtext-table{margin-top: -32px!important;}
*html .noflashContent .imgtext-table{margin-top: -32px!important;}
.noflashContent .imgtext-table{margin: -25px 0px 0px 114px !important;}

/*======================================
	Toolbar 
======================================*/
.toolbar {
	height: 31px;
	margin: 0px 0px 0px 434px;
	padding: 16px 0px 0px 0px;	
}

.toolbar .icon {
	margin: 0px;
	padding: 0px 5px 0px 10px;
}

.toolbar .items {
	float: left;
	margin-bottom: 7px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.toolbar .linkItem {
	/*border: 1px solid red;*/
	margin: 0px 7px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.toolbar .linkItemAct {
	/*border: 1px solid red;*/
	margin-right: 7px;
	padding: 0px 0px 0px 0px;
	color: #3B3B3B;
	text-decoration: none;
}

.toolbar .linkItemAct a{
	color: #3B3B3B;
	text-decoration: none;
}

.toolbar .linkItem a{
	color: #fff;
	text-decoration: none;
}

.toolbar .linkItem a:hover{
	text-decoration: none;
}

/*======================================
	Logo
======================================*/
#head .logo{
	margin: 18px 0px 0px 70px;
	padding: 0px 0px 0px 0px;
	float: left;
}

*html #head .logo{
	margin: 18px 0px 0px 35px;
	padding: 0px 0px 0px 0px;
	float: left;
}

/*======================================
	Menu
========================================*/
.menu {
	position: absolute;
	top: 304px;
	left: 325px; /*	left: 200px;*/
	width: 739px;
	padding: 0px 0px 0px 0px;
}

.menuNews a{font-weight: bold; margin: 0px 0px 0px 30px;}
.menuNews a:hover {color: #EC5210; font-weight: bold; margin: 0px 0px 0px 30px;}

.menuRefer a{font-weight: bold; margin: 0px 0px 0px 30px;}
.menuRefer a:hover {color: #9D1DC9; font-weight: bold; margin: 0px 0px 0px 30px;}

.menuLeistung a{font-weight: bold; margin: 0px 0px 0px 30px;}
.menuLeistung a:hover {color: #1BB0CC; font-weight: bold; margin: 0px 0px 0px 30px;}

.menuAbout a{font-weight: bold; margin: 0px 0px 0px 30px;}
.menuAbout a:hover {color: #546BCF; font-weight: bold; margin: 0px 0px 0px 30px;}

.menuPartner a{font-weight: bold; margin: 0px 0px 0px 30px;}
.menuPartner a:hover {color: #CEB119; font-weight: bold; margin: 0px 0px 0px 30px;}

.menuKunden a{font-weight: bold; margin: 0px 0px 0px 30px;}
.menuKunden a:hover {color: #2EC31F; font-weight: bold; margin: 0px 0px 0px 30px;}

/*======================================
	Content (Hauptteil_mitte)
========================================*/
#content a {color: #5F5F5F;}
#content a:hover {color: #1a1a1a;}
#content a:visited { }
#content a:active { }

#content .mainContent .imgtext-table {padding: 0px 3px 3px 0px;}
/*fixed fuer IE*/
*html #content .mainContent .imgtext-table {padding-left: 0px;}

/*======================================
	LIST view --> News Modul
======================================*/
.news-list-container {width: 380px;}
.news-list-item {
	width: 380px;
/*	background: transparent url(../bilder/layout/news_body_bg.gif) no-repeat 0px 0px;	*/
	margin: 5px;
   margin-bottom: -10px;
	padding: 3px;
	padding-bottom: 0px;
}

/*.news-list-item-end{
	background: transparent url(../bilder/layout/news_bodyend_bg.gif) no-repeat 0px 0px;	
}*/

.news-list-container .news-list-item .clear .header{
	background: url(../img/news_header.gif) repeat-y;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}

.news-list-container .news-list-item p{
	width: 380px;
	color: #5F5F5F;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*### fur bis IE6 */
*html .news-list-container .news-list-item p{width: 240px;}
/*### fur IE7*/
*+html .news-list-container .news-list-item p{width: 240px;}
.news-list-item .headerTop {
	width: 315px; /* 269px */
	margin-bottom: 0px;
	font-size: 1.1em;
	font-weight: bold;
	color: #EC5310;
	float: left;
	background: url(../bilder/layout/news_header_bg.gif) no-repeat 0px 3px;
	padding: 0px 0px 5px 8px;
}

.news-list-date {
	background: url(../bilder/layout/news_date_bg.gif) no-repeat 0px 3px;
	padding: 0px 0px 5px 8px;
	margin: 0px 3px 0px 0px;
	width: 45px; /* 92px */
	color: #5E5E5E;
	font-size: 11px;
	float: left;
}

.news-list-container IMG {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 11px 5px 0px;
}

.news-list-category IMG, .news-list-category {display: none;}
.tt-news-back{
	text-align: right;
	font-weight: bold;
	background: url(../bilder/icons/back_li.gif) no-repeat 450px 5px;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 5px 0px;
}

.news-list-item .news-list-morelink a{
	color: #818181 !important;
	font-weight: bold;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 310px;
	background: transparent url(../bilder/icons/next_li_transparent.gif) no-repeat 35px 2px;
}
/* HR */
*html .news-list-item hr {
	height: 1px;
	border: 1px solid black;
}
.news-list-item hr {
	height: 1px;
	border: 0px;
	background-color: black;
}