/***********************
        MAIN CSS
 
********************/
 
@media all {

	/*
		###############
		### General ###
		###############
	*/
	* { 
		margin: 0; 
		padding: 0; 
	}

	html {
	}

	body {
		background: url(../images/background.jpg) repeat-x 0 0;
		background-attachment:fixed;
		text-align: center;
		margin-top: 30px;	
		margin-bottom: 100px;
	}

	#template {
		margin: 0px auto;	
		padding: 0px;	
		border: 1px #036 solid;
		width: 985px;		
		font-family: arial, tahoma, sans-serif;	
		font-size: 12px;	
		color: #036;
		background-color: white;	
		text-align: left;	
	}

	/* Page Layout*/
	#Header {
		height: 141px;
		padding: 7px 7px 0px 7px;
		border: 0px solid;	
		border-bottom: 1px #ccc solid;		
	}

	#MainContent {
		border: 0px solid;	
	}

	#Footer {
		border-top: 1px #ccc solid;
		background-color: white;	
		height: 37px;	
	}

	/*
		###########################
		### 	  HEADER 	### 
		###########################
	*/	

	#BannerContainer {
		background-image: url(../images/banner.jpg);
		background-repeat: no-repeat;
		height: 134px;	
		border: 0px solid;	
		margin: 0px 0px 0px 0px;	
	}
	
	#LogoSpacer {
		border: 0px solid;	
		float: left;	
	}
	
	#LeftSpacerLevel2 {
		width: 38px;	
		height: 23px;
		margin: 111px 0px 0px 0px;	
		background-color: #ccc; 	
		border: 0px solid;	
	}
	
	#Logo {
		border: 0px solid;
		background-image: url(../images/logo.jpg);
		background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
		height: 140px;	
		float: left;	
		/* opera */	
		width: 933px;	
	}
	
	/* Menu level1 top Spacer */
	#BannerSpacer {
		border: 0px solid;	
		height: 76px;	
	}
	#BannerPic {
		border: 0px solid;
		height: 76px;
		width: 327px;
		margin: 0px 0px 0px 448px;	
	}

	/* Menu Level1 left Spacer */
	#LeftSpacerLevel1 {
		width: 155px;	
		height: 24px;	
		float: left;	
		border: 0px solid;	
	}

	#TopNaviLevel1 {
		background-color: white;	
		border-bottom: 1px solid white;
		margin: 0px 0px 0px 0px;		
		float: left;	
	}

	/* Abstand Rechts Logo - Menu Level 2 */
	#RightSpacerLevel2 {
		border: 0px solid;	
		height: 10px;	
		width: 116px;	
		float: left;	
	}
	
	#TopNaviLevel2 {
		border: 0px solid;	
		margin: 5px 0px 0px 0px;	
		width: 817px;	
		height: 23px;
		background-color: #ccc; 	
		float: left;	
	}
	
	#Level2 {
		border: 0px solid;	
		margin: 0px 0px 0px 0px;	
		width: 817px;	
		height: 23px;
		background-color: #ccc; 	
	}

	/*
		##########################
		### 	 MAIN Content  ### 
		##########################
	*/	

	/* Set the min height of the MAIN Content */
	#MainContent #heightwrapper {
		float: left;	
		border: 0px solid;	
		height: 450px;
	}

	#MainContent #leftbox {
		float: left;	
		border: 0px solid;	
		height: 540px;
		margin: 0px 0px 0px 44px;	
		width: 116px; 
	}

	#MainContent #contentwrapper {
		border: 0px solid;	
	}

	/* Level 3 Menü Wrapper */

	#MainContent #Level3 {
		width: 116px;	
		height: 500px;	
		float: left;	
		border: 0px solid;
		background-color: #f7f7f7;	
		margin: 40px 2px 0px 44px;	
	}

	#MainContentLeft {
		border: 0px solid;	
		float: left;	
		width: 600px;
		padding: 0px 26px 50px 24px;	
	}

	#MainContentRight {
		float: left;
		margin: 0px 0px 5px 2px;	
		width: 150px;	
		border: 0px solid;	
	
	}

	/* 
		############################
		## Sonderlocke Home Seite ## 
		############################
	*/

	/* 
		##################
		## HomeBox Left ##
		##################
	*/
	
	#HomeContentLeft {
		float: left;	
		margin: 0px 14px 0px 14px;	
		border: 0px solid;	
	}

	#HomeBoxLeft{
		height: 480px;	
		border: 1px #ccc solid;
		width: 550px;	
		background-color: #f7f7f7;	
		color: #036;	
		font-family: arial, tahoma, sans-serif;	
		font-size: 12px;
	}

	#HomeContentLeft .csc-textpic-imagewrap {
		margin-bottom: 5px;	
	}
	#HomeContentLeft #HomeBoxLeft h1 {
		padding: 5px;	
		border: 1px #ccc solid;	
		margin: 0px 0px 5px 0px;	
	}

	#MainContent #HomeContentLeft #HomeBoxLeft p {
		padding: 0px 14px 0px 11px ;	
	}

	/* 	###################
		## HomeBox Right ## 
		###################
	*/

	#HomeContentRight {
		float: left;	
		border: 0px solid;	
		margin: 0px 0px 0px 0px;	
	}

	#HomeBoxRight{
		border: 1px #ccc solid;
		margin: 0px 0px 14px 0px;	
		height: 232px;	
		width: 389px;	
		background-color: #f7f7f7;	
	}

	#HomeBoxRight h1 {
		padding: 5px 0px 5px 14px;	
		background-color: #d6dce2;
		border-bottom: 1px #ccc solid;	
		margin: 0px 0px 5px 0px;	
		font-family: arial, tahoma, sans-serif;	
		font-size: 12px;
	}

	#HomeBoxRight p {
		padding: 0px 14px 0px 14px ;	
	}

	/*	
		################################### 
		##Main Content Typo3 Formatierung## 
		################################### 
	*/	

	/* MainContentRight Sidebar Textbox Formatierung */
	#SidebarBox {
		border: 1px #ccc solid; 	
		margin: 0px 0px 14px 0px;	
		padding: 0px 0px 5px 0px;	
		width: 150px;	
	}

	/* MainContentRight Sidebar 1. Überschrift Formatierung */
	#SidebarBox h1 {
		padding: 5px 0px 5px 14px;	
		background-color: #d6dce2;
		border-bottom: 1px #ccc solid;	
		margin: 0px 0px 5px 0px;	
		font-family: arial, tahoma, sans-serif;	
		font-size: 12px;
	}

	/* MainContentRight Sidebar Content Formatierung */
	#SidebarBox p {
		padding: 0px 14px 0px 14px ;	
	}

	/* MainContentLeft Content TextBox Formatierung*/
	.ContentBox {
		border: 0px solid;	
		margin: 38px 0px 0px 0px;	
	}

	/* MainContentLeft Content TextBox Überschrift Formatierung*/
	.ContentBox .csc-firstHeader {
		margin: 0px 0px 10px 1px;
                font-family: arial, tahoma, sans-serif;
                font-size: 12px;
	}


	/*
		##########################
		### 	 Footer        ### 
		##########################
	*/	
	#Footer #FooterNavi {
		background-image: url(../images/footer_background.jpg);
		background-repeat: no-repeat;
		height: 24px;
		width: 971px; 	
		font-size: 10px;	
		color: white;
		margin: 6px 0px 0px 6px;
		float: left;
		border: 1px solid;
	}	

	#Footer #FooterSpacer {
		border: 0px solid;
		width: 632px;
		height: 1px;
		float: left;	
	}

	#FooterCopyright {
		margin: 6px 8px 6px 15px;
		float: left;	
		border: 0px solid;
	}

       #Footer #sound {
                border: 0px solid;
                margin: 4px 0px 0px 0px;
                float: left;
		width: 15px;
        }

	/*
		#######################	
		### General Classes ###
		#######################	
	*/

	.hide {
		
	}

	
	.cleaner {
                clear: both;
                font-size: 1px;
                border: 0px none;
                margin: 0;
                padding: 0;
                background: transparent;
        }

	/*
		####################	
		### Form Classes ###
		####################	
	*/
 
	.inputfield {
		color: #666; 
		width: 96px;	
		height: 13px;	
		font-size: 10px; 
		border: 1px solid #666; 
		margin: 0px 4px 0px 0px;	
	}

	.searchbutton {
		width: 40px;	
		height: 15px;	
		font-size: 9px; 
		border: 1px solid #666;	
		color: #666; 
	}

	/*********************************
		RSS Feeds
	**********************************/
	.twrss_bodytext {
		margin-left: 1px;	
	}

	/*********************************
		Suche (Extension)
	**********************************/
	.Sucheinputfield {
		color:#666; 
		width: 100px;	
		font-size:10px; 
		border-style:solid; 
		border-width:1px; 
		border-color:#666; 
	}
	.SucheSubmit {
		width: 0px;	
		height: 0px;	
		border-style:solid; 
		border-width:0px; 
		border-color:#666; 
	}

	/*********************************
	 	    Tabellen	
	**********************************/
	.tableformat table {
		border-spacing: 0px;	
		border-collapse:collapse;	
		margin-left: 1px;
		font-family: arial, tahoma, sans-serif;
                font-size: 12px;
	}
	.tableformat td {
		border: 0px solid #036;
		padding: 2px 5px 2px 5px;	
	}

	.htmltable {
		border-spacing: 0px;	
		border: 1px solid #036;	
		color: #036;
		width: 100%;	
		font-family: arial, tahoma, sans-serif;
                font-size: 12px;
		margin-left: 1px;	
	}
	.htmltable td {
		border: 1px solid #036;
		color: #036;
	}
	.htmltable td p {
		border: 0px solid #036;
		color: #036;
		font-family: arial, tahoma, sans-serif;
                font-size: 12px;
	}

	.htmltable tr {
		border: 0px solid;

	}

	/*********************************
		Mail Formular
	*********************************/
	.csc-mailform {
		border: 0px;	
	}	

	.csc-mailform-field label {
		width: 100px;
		float: left;
		color: #036;	
	}

	.mf-check {
		border: 0px solid;
	}

	.mf-file {
		font-family: arial, tahoma, sans-serif;
                font-size: 12px;
		color: #036;
		width: 308px;	
	}

	.mf-text {
		font-family: arial, tahoma, sans-serif;
                font-size: 12px;
		color: #036;
		width: 308px;	
	}

	.mf-select {
		font-family: arial, tahoma, sans-serif;
                font-size: 12px;
		color: #036;
	}

	.mf-submit {
		margin-left: 310px;
		width: 100px;
		background-color: #f7f7f7;	
		font-family: arial, tahoma, sans-serif;
                font-size: 12px;
		color: #036;	
	}
	
	.mf-input {
		font-family: arial, tahoma, sans-serif;
                font-size: 12px;
		color: #036;
		width: 308px;	
	}

	.csc-mailform-field textarea,select,input,fieldset {
		border: 1px solid #036;
		margin-bottom: 5px;	
	}

	.radiolayout label{
		float: left;	
		border: 0px solid;	
		width: 100px; 	
	}
	.radiolayout legend {
		border: 0px solid;	
	}
	
	.radiolayout fieldset {
		border: 1px solid;	
		width: 308px;	
	}

	.radiolayout fieldset label {
		width: auto;
		margin: 5px 14px 5px 3px;
	}

	.mf-radio {
		border: 0px solid;
		float: left;	
		margin: 5px 0px 5px 5px;
	}

	.csc-mailform-radio fieldset{
		border: 0px solid;
	}
	
	.csc-mailform-submit {
		text-align: right;	
		border: 1px solid;
	}

	/*********************************
		Dateiliste	
	**********************************/
	/* Sidebar */
	#SidebarBox .csc-uploads {
		margin: 0px 0px 0px 0px;	
	}

	#SidebarBox .csc-uploads-fileName {
		margin: 0px;	
		width: auto;
	}

	#SidebarBox .csc-uploads-icon img {
		margin: 0px 0px 0px 14px;
	}

	/* Main Content */
	.csc-uploads-icon img {
		margin-right: 5px;
		margin-bottom: 5px;	
	}
	.csc-uploads {
		border-spacing: 0px;
		margin-left: 1px;
	}

	.csc-uploads-fileName {
		width: 300px; 	
	}

	.csc-uploads-fileSize {
		width: 50px;	
		text-align: right;		
	}

	.csc-uploads-fileName a {
		color: #036;
		text-decoration: underline;	
	}

	.csc-uploads-fileName a:hover {
		text-decoration: none;	
	}

	.csc-uploads-fileName a:visited {
		color: #036;
	}

	/*********************************
		News Modul (Extension)
	**********************************/

	.news-latest-container {
		padding: 0px 14px 0px 14px;

	}
	
	.news-list-container {
		border: 0px solid;
		margin-left: 0px;
	
	}
	
	.news-date {
		border: 0px solid;
		font-weight: bold;
		margin-bottom: 5px;	
		padding-left: 1px;	
	}

	.news-image {
		border: 0px solid;
		padding-left: 1px;	
	}

	.news-content {
		border: 0px solid;
		margin-top: 5px;	
	}

	.news-rss-content {
		border: 0px solid;
		margin-top: 5px;	
		padding-left: 1px;	
	}

	.news-rss-content a {
		color: #036;
	}

	.news-rss-content a:hover{
		text-decoration: none;
	}
	.news-rss-content a:visited{
	}

	.news-latest-morelink {
		margin-top: 5px;	
		border: 0px solid;
		color: #036;	
	}

	.news-latest-item .news-latest-morelink a {
		color: #036;	
		text-decoration: underline;
	}
	
	.news-latest-item .news-latest-morelink a:hover {
		text-decoration: none;
	}

	.news-latest-morelink a:visited {
		color: #036;
	}

	.news-spacer {
		margin-top: 10px;	
	}

	#more-news {
		padding: 0px 14px 0px 14px;
		color: #036;	
	}

	.more-news a {
		text-decoration: underline;
		color: #036;
	}

	.more-news a:visited {
		color: #036;
	}


	/**********************************************
	  	     veeam Content Plugin
	**********************************************/
	.tx-inotronicveeamcontent-pi1 strong {
		display: inline-block;
		margin: 0px 0px 10px 1px;
	}

	.tx-inotronicveeamcontent-pi1 p {
		margin-bottom: 5px;
	}

	.tx-inotronicveeamcontent-pi1 div {
		margin-bottom: 38px;
	}

	.tx-inotronicveeamcontent-pi1 ul {
		margin-top: 14px;		
	}


	/**********************************************
			   Menue
	**********************************************/

	/*
		########################################
		###  Home Box Menü Geschäftbereiche  ###
		########################################	
	*/
	#HomeBoxLeft ul {
		list-style-type: none; 	
		margin-left: 11px;	
	}

	#HomeBoxLeft li {
		display: inline;	
	}

	#HomeBoxLeft li a {
		color: white;
		background-color: #036;
		margin: 0px 6px 0px 0px;
		padding: 2px 25px 2px 25px;
		font-weight: bold;
		border: 2px #ccc solid;			
		text-decoration: none;
	}

	#HomeBoxLeft li a:hover {
		color: #036;
		background-color: #d6dce2;
	}


	/*
		#########################
		###  Tab Menü Level 1 ###
		#########################	
	*/

	#Top_Navi-level1 {
		margin: 6px 0px 0px 6px;	
		border: 0px solid;	
		float: left;	
		list-style-type: none; 	
	}

	#Top_Navi-level1 li {
		float: left;
	}

	#Top_Navi-level1 .no a {
		color: white;
		background-color: #036;
		margin: 0px 6px 0px 0px;
		padding: 2px 24px 2px 24px;
		font-weight: bold;
		border: 2px #ccc solid;			
		text-decoration: none;
		float: left;	
	}

	#Top_Navi-level1 .no a:hover {
		color: #036;
		background-color: #d6dce2;
	}

	/* Menuepunkt aktiv */
	#Top_Navi-level1 .act a {
		color: #036;
		background-color: #d6dce2;
		padding: 2px 24px 2px 24px;
		font-weight: bold;
		border: 2px #ccc solid;			
		text-decoration: none;
		margin: 0px 6px 0px 0px;
		float: left;	
	}
	
	#Top_Navi-level1 .act a:hover{
		background-color: #d6dce2;
	}

	/*
		#########################
		###  Tab Menü Level 2 ###
		#########################	
	*/
	.level2_separator {
		height: 23px;
		width: 2px;	
		background-color: #f7f7f7;	
		float: left;	
	}


	#Top_Navi-level2 {
		margin: 0px 0px 0px 44px;	
		border: 0px solid;	
		float: left;	
		list-style-type: none; 	
	}

	#Top_Navi-level2 li {
		float: left;		
	}

	#Top_Navi-level2 .no a {
		color: #036;
		font-weight: bold;	
		font-size: 11px;	
		margin: 0px 0px 0px 0px;	
		padding: 5px 11px 6px 15px;	
		text-decoration: none;
		float: left;
	}

	#Top_Navi-level2 .no a:hover {
		background-color: #f7f7f7;	
		margin: 0px 0px 0px 0px;	
		background-image: url(../images/arrow.jpg);	
		background-repeat: no-repeat;
	}


	#Top_Navi-level2 .act a {
		color: #036;
		margin: 0px 0px 0px 0px;	
		padding: 5px 11px 6px 15px;	
		text-decoration: none;
		font-weight: bold;	
		background-color: #f7f7f7;	
		background-image: url(../images/arrow.jpg);	
		background-repeat: no-repeat;
		font-size: 11px;	
		float: left;
	}

	#Top_Navi-level2 .act a:hover {
		margin: 0px 0px 0px 0px;	
		text-decoration: none;
	}

	/*
		###################
		###  vertmenue  ###
		###################	
	*/

	#vertmenue {
		margin: 0px;
		padding: 0px;	
		border: 0px solid;	
		list-style-type: none;	
	}	

	#vertmenue li{
	}
	
	#vertmenue .no a{
		color: #036;
		font-weight: bold;
		font-size: 11px;	
		padding: 5px 0px 5px 15px;
                background-color: #d6dce2;
		border: 2px solid #f7f7f7;	
		text-decoration: none;
		display: block;	
		width: 99px;	
	}

	#vertmenue .no a:hover{
		background-color: #f7f7f7; 
		text-decoration:none;	
		background-image: url(../images/arrow.jpg);	
		background-repeat: no-repeat;
	}

	#vertmenue .act a{
		border: 2px solid #f7f7f7;	
		color: #036;
		font-weight: bold;
		font-size: 11px;	
		padding: 5px 0px 5px 15px;
		background-color: #f7f7f7; 
		background-image: url(../images/arrow.jpg);	
		background-repeat: no-repeat;
		text-decoration:none;
		display: block;	
	}

	#vertmenue .act a:hover{
	}

	/*
		#########################
		###  vertmenue Level2 ###
		#########################	
	*/
        #vertmenueLevel2 {
                margin: 0px;
                padding: 0px;
                border: 0px solid;
                list-style-type: none;
        }
        #vertmenueLevel2 li{
                margin: 0px 0px 0px 10px;
        }

        #vertmenueLevel2 .no a{
                color: #036;
                padding: 5px 0px 5px 15px;
              	border: 0px solid; 
		background-color: #f7f7f7;
                text-decoration: none;
                display: block;
                background-image: url();
                width: 89px;
                font-size: 11px;
       		font-weight: bold; 
	}

	#vertmenueLevel2 .no a:hover{
                text-decoration:none;
                background-image: url(../images/arrow-small.jpg);
                background-repeat: no-repeat;
        }

        #vertmenueLevel2 .act a{
                border: 0px solid;
                color: #036;
                padding: 5px 0px 5px 15px;
                background-image: url(../images/arrow-small.jpg);
                background-repeat: no-repeat;
                text-decoration: none;
                display: block;
                width: 89px;
                font-size: 11px;
       		font-weight: bold; 
        }

        #vertmenueLevel2 .act a:hover{
        }

	/*
		###################
		### footermenue ###
		###################	
	*/

	#FooterNavi #footermenue {
		padding: 6px 0px 6px 15px;
		float: left;
	}
	
	#FooterNavi #footermenue li{
		display:inline;
		font-size: 10px; 
	}
	
	#FooterNavi #footermenue .no a{
		margin: 0px 6px 0px 0px;	
		border: 0px solid;
		text-decoration:none;
		color: white;	
	}

	#FooterNavi #footermenue .no a:hover{
		text-decoration: underline;
	}

	#FooterNavi #footermenue .act a{
		padding: 2px 2px 2px 2px;
		margin: 0px 6px 0px 0px;	
		border: 0px solid;
		text-decoration: underline;
		color: white;	
	}

	#FooterNavi #footermenue .act a:hover {
		text-decoration: underline;
	}

	/*
		###################
		###   Rootline  ###
		###################	
	*/
	
	/* Sie sind hier Text*/	
	#rootline #rootlinetext {
		font-weight: normal;
		color: #036;	
		float: left;
	}

	/* Rootline Pfad */ 
	#rootline {
		float: left;	
		color: #036;	
		font-size: 11px;	
		border: 0px solid;
		width: 700px;	
		margin: 10px 5px 14px 24px;	
	}

	#rootline a {
		color: #036;	
		text-decoration: none;	
	}

	#rootline a:hover {
		text-decoration: underline;	
	}

	#rootline a:visited {
	}

}