body {
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	margin: 0 0 30px 0;
	background: #ffffff;
	/*background-image: url(images/hintergrund/welle.gif);*/
	scrollbar-3d-light-color : #293F75;
	scrollbar-arrow-color : #eeeeee;
	scrollbar-base-color : #293F88;
	scrollbar-dark-shadow-color : #293F75;
	scrollbar-face-color: #293F75;
	scrollbar-track-color: #cccccc;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-shadow-color: #eeeeee;
}

body.htmlarea-content-body {
	text-align: left;
}

/* STARTSEITE */
#home {
	margin: 100px auto;
	width: 1000px;
	height: 630px;
	background: url(images/hintergrund/frontpage.jpg) no-repeat;
	text-align: left;
	position: relative;
}
#logo {
	position: absolute;
	left: 170px;
	top: 40px;
	background: url(images/logos/logo_hitech_h70.gif);
	width: 419px;
	height: 70px;
}
#years {
	position: absolute;
	top: 40px;
	right: 200px;
	background: url(images/icons/50years.png) no-repeat;
	width: 93px;
	height: 124px;
}
#language {
	position: absolute;
	top: 500px;
	left: 580px;
	color: #1d2984;
	font-weight: bold;
}
select.language {
	padding: 5px 5px 5px 10px;
	background: #1d2983;
	color: #ffffff;
	border: 0px;
}
input.language {
	background: 00a1d9;
}
#copyright {
	position: absolute;
	left: 170px;
	top: 600px;
	color: #666666;
	font-size: 11px;
}
/* Abgerundete Ecken */
.roundedbox {
	width: 200px;
	margin-bottom: 10px;
	padding: 0px;
}
.bl {background: #293f75 url(images/hintergrund/bl.gif) 0 100% no-repeat}
.br {background: url(images/hintergrund/br.gif) 100% 100% no-repeat}
.tl {background: url(images/hintergrund/tl.gif) 0 0 no-repeat}
.tr {background: url(images/hintergrund/tr.gif) 100% 0 no-repeat; padding:7px}

.bl_grey {background: #dedede url(images/hintergrund/bl_grey.gif) 0 100% no-repeat}
.br_grey {background: url(images/hintergrund/br_grey.gif) 100% 100% no-repeat}
.tl_grey {background: url(images/hintergrund/tl_grey.gif) 0 0 no-repeat}
.tr_grey {background: url(images/hintergrund/tr_grey.gif) 100% 0 no-repeat; padding:7px}

DIV.infobox {
	padding: 5px;
	/*border: 1px gray solid;*/
	width:300px;
	margin-bottom: 10px;
	margin-top:5px;
}

H1 {
	color: black;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:2px;
	clear:both;
}

H2 {
	color: black;
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	margin-bottom:2px;
}

H2.warnung {
	color: #CC6600;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	margin-top:0px;
	margin-bottom:0px;
}

H3 {
	font-family: Verdana;
	font-size: 12px;
}


TD {
	font-family: Verdana;
	font-size: 12px;
}

TD.csc-form-labelcell {
	vertical-align:top;
}



TD.mainmenu_NO{
	background-image:url(images/icons/welle_oben.gif);
	width:80px;
	vertical-align:middle;
	text-align:center;
}

TD.mainmenu_ACT{
	background-image:url(images/icons/welle_aktiv.gif);
	width:80px;
	vertical-align:middle;
	text-align:center;
}

TABLE{
	border-top: 0px white solid;
	border-right: 0px white solid;
	border-bottom: 0px white solid;
	border-left: 0px white solid;
}

TABLE.dropdownmenu_NO{
	background-color: #29317B;
	border-top: 2px white solid;
	border-right: 2px white solid;
	border-bottom: 0px white solid;
	border-left: 2px white solid;
}


TABLE.dropdownmenu_NO{
	background-color: #29317B;
	border-top: 2px white solid;
	border-right: 2px white solid;
	border-bottom: 0px white solid;
	border-left: 2px white solid;
}

TD.content{
   background-color: white;
   border-left: 1px #BBBBBB solid;
   border-bottom: 1px #BBBBBB solid;   
   border-top: 1px #BBBBBB solid;
   border-right: 1px #BBBBBB solid;
   padding:10px;
   height: 690px;
}


TD.dropdownmenu_NO{  
    border-bottom: 2px white solid;   
}


/*Die Positionierung der Palme ist beim Mozilla anders */
TD.hg_content{
	background-image: url(images/hintergruende/palme_weiss.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: -30px 50px
}

TD.dropdownmenu_SUB{
   background-image:url(images/icons/pfeil_weiss.gif);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: 161px 8px;
   border-bottom: 2px white solid;      
}

TD.dropdownmenu_ACT{  
   background-color: #6B73A5;
   border-bottom: 2px white solid;   
}

TD.box{ 
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}
.mainmenu{
width: 225px;
background: #ffffff;
margin: 0px -13px 10px 0px;
position: relative;
left: 0px;
top: 0px;
z-index: 100;
}
.mainmenuBody {
	background: #ffffff url(images/hintergrund/menuLeft.gif) repeat-y left;
	width: 227px;
}
.mainmenuTop {
	width: 227px;
	height: 5px;
	font-size: 1px;
	background: url(images/hintergrund/menuTop.gif) no-repeat;
}
.mainmenuBottom {
	width: 227px;
	height: 5px;
	font-size: 1px;
	background: url(images/hintergrund/menuBottom.gif) no-repeat;
}
.mainmenuContent {
	padding: 5px 10px 5px 10px;
}
ul.menu_1 {
	padding: 0px;
	margin: 0px;
}
ul.menu_1 li {
	margin: 0;
	border-top: 1px dashed #b7bfd2;
    padding: 7px 0 3px 0;
	list-style-type: none;
}
ul.menu_1 a {
	padding: 0 0 0 15px;
}
ul.menu_2 {
	padding: 0px;
	margin: 0px;
}
ul.menu_2 li {
	margin: 0px;
	border-top: 1px dashed #b7bfd2;
    padding: 7px 0 3px 0;
	list-style-type: none;
}
ul.menu_2 a {
	padding: 0 0 0 30px;
}
.submenu_1_NO{
	background: url(images/hintergrund/arrowGrey.gif) no-repeat 0 10px;
}

.submenu_1_CUR{
	background: url(images/hintergrund/arrowBlue.gif) no-repeat 0 10px;
}

.submenu_2_NO{
   background: url(images/hintergrund/arrowGrey.gif) no-repeat 15px 10px;
}

.submenu_2_CUR {
   background: url(images/hintergrund/arrowBlue.gif) no-repeat 15px 10px;
}
#footermenu {
}
ul.footer, ul.language {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.footer li,  ul.language li {
	font-size: 10px;
	margin: 0;
	padding: 0 0 3px 0;
}
ul.footer a,  ul.language a {
	font-size: 10px;
}
TD.strichlinien{
   background-image:url(images/hintergruende/karo_grau.gif);
}

.priceInfo {
	/* Die Tabelle mit den Preisinformationen */
	/*background-color:#d9edfd;*/
	background-color:#D8E9F1;
	border:1px #999999 solid;
}


.nichtUmbrechen {
	white-space:nowrap;
	overflow:auto;
	width:200px;
	vertical-align:top;
}


P {
   margin-top:4px;
   margin-bottom:4px;
   margin-left:0px; 
   margin-left:0px;  
   font-family: Verdana;
   font-size: 12px;
   line-height:18px;
}

P.liste {
	margin-top:10px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px; 
	padding-right:4px;
	background-color: #fafaff;
	border-top: 1px #e3e3e3 solid;
	border-right: 2px #9f9f9f solid;
	border-bottom: 2px #9f9f9f solid;
	border-left: 1px #e3e3e3 solid;
	font-family: Verdana;
	font-size: 12px;
   line-height:18px;
}

P.bodytext {
   margin-top:4px;
   margin-bottom:4px;
   margin-left:0px; 
   margin-left:0px;  
   font-family: Verdana;
   font-size: 12px;
   line-height:18px;
}

P.kleinGrau {
	margin-top:0px;
	margin-left:0px;  
	margin-bottom:0px;
	font-family: Verdana;
	font-size: 10px;
	line-height:16px;
	color:#555555;
}

P.kleinSchwarz {
	margin-left:0px;
	margin-top:2px;  
	margin-bottom:2px;
	font-family: Verdana;
	font-size: 10px;
	line-height:16px;
	color:black;
}

P.kleinweiss {
	margin-left:0px;
	margin-top:1px;  
	margin-bottom:0px;
	font-family: Verdana;
	font-size: 10px;
	line-height:12px;
	color:white;
}
P.grossweiss {
	margin-left:0px;
	margin-top:1px;
	margin-bottom:0px;
	font-family: Verdana;
	font-size: 12px;
	line-height:12px;
	color:white;
}



P.firmenname{
	margin-left:0px;
	font-family: Verdana;
	font-size: 15px;
	font-weight:bold;
	color:#0C3781;
}

P.blau {
 	color:#0C3781;
}

/*csc-caption wird für Bildunterschriften von Typo3 eingesetzt */
P.csc-caption {
	margin-top:2px;
	margin-left:1px;  
	margin-bottom:6px;
	font-family: Verdana;
	font-size: 10px;
	line-height:16px;
	color:white;
	background-color:#6C77A8;
	border:2px solid white;
	padding:4px;
}

P.hr {
    background-image:url(images/hintergruende/karo_grau_hor.gif);
    border: none;
    font-size: 1px;
    width: 100%;
    height:1px;
    margin-top:0px;
    margin-bottom:0px;
    line-height:1px;
}

UL {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	list-style-position: outside;
	margin-left: 50px;
	list-style-image: url("images/icons/aufzaehlungszeichen.gif");
}

UL.fliess {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	list-style-position: outside;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left: 50px;
	list-style-image: url("images/icons/aufzaehlungszeichen.gif");
}

LI {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	list-style-position: outside;
	margin-top: 4px;
	margin-bottom: 6px;
	margin-left: 0px;
}


CITE {
	color: black;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

CITE.wie_menu_main {
	font-family: Verdana;
	color: #555555;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

CITE.wieh1 {
	color: black;
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}


CITE.wieh2 {
	color: black;
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
}

SMALL {
	color: #666666;
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

SMALL.schwarz {
	color: black;
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

BIG {
	font-family: Verdana;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}

A {
	color: #333366;
	text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:1px;	
}

A:hover {
	color: #333366;
	text-decoration: none;
	border-bottom-style:solid;
	border-bottom-width:1px;	
}
A.logo {
    text-decoration: none;
    border-bottom: 0;
}
A.klein {
  	color: #333366;
  	text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:1px;	
	font-size: 10px;

}

A.klein:hover {
  	color: #333366;
	text-decoration: none;
	border-bottom-style:solid;
	border-bottom-width:1px;	
	font-size: 10px;
}


A.kleinweiss {
  	color: white;
  	text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:0px;	
	font-size: 10px;
}

A.kleinweiss:hover {
  	color: white;
	text-decoration: none;
	border-bottom-style:solid;
	border-bottom-width:1px;	
	font-size: 10px;
}
A.grossweiss {
  	color: white;
  	text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:0px;
	font-size: 11px;
}

A.grossweiss:hover {
  	color: white;
	text-decoration: none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-size: 11px;
}

A.fett {
  	color:#333366;
	text-decoration: none;
	border-bottom-style:dashed;
	border-bottom-width:1px;
  	font-size: 12px;
 	font-weight: bold;
}

A.fett:hover {
  	color: #333366;
	text-decoration: none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-weight: bold;
	font-size: 12px;
}


A.fettgross {
  	color:#333366;
	text-decoration: none;
	border-bottom-width:0px;
  	font-size: 14px;
 	font-weight: bold;
}

A.fettgross:hover {
  	color: #333366;
	text-decoration: underline;
	border-bottom-width:0px;
}

A.navigation_big {
  	color:#333366;
	text-decoration: none;
	border: 1px #999999 solid;
  	font-size: 12px;
 	font-weight: bold;
	display: block;
	width: 230px;
	height: 23px;
	background-color:#f3f3f3;
	text-align: center;
	padding-top: 2px;
	float:right;
	margin-right:2px;
}

A.navigation_big:hover {
  	background-color: #D9EDFD;
	text-decoration: none;
	color:#111144;	
}

/*mitlogo sind Links, die mit einem Produktlogo (Turbelle, Comline) angezeigt werden*/
A.mitlogo {
  	color:black;
	text-decoration: none;
	border-bottom-width:0px;
  	font-size: 16px;
 	font-weight: bold;
}

A.fettgross:hover {
  	color: #333366;
	text-decoration: underline;
	border-bottom-width:0px;
}

A.clean {
	text-decoration: none;
	border: none;
}

A.clean:hover {
	text-decoration: none;
	border: none;
}

/*Bei Mozilla height auf 20px stellen */
A.menu_main{
	font-family: Verdana;
	color: #293f75;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width:0px;
	font-size: 11px;
	display:block;
	height:18px;
	padding-top:1;	
}

A.menu_main:hover {  	 
	/*text-decoration: underline;*/
	color: #44568e;
	border-bottom-width:0px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}


HR{
   color:#bbbbbb;		
   /*color:#29317B;*/
   height:1px;
}

/*Bei Mozilla height weglassen, weil es als fix interpretiert wird. display:block geht dort trotzdem
(i. Ggs. zu Explorer)
*/
A.menu_main_CUR{
	font-family: Verdana;
	color: #00a1d9;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width:0px;
	font-size: 11px;
	margin-top:2px;
	margin-bottom:0px;
	height:18px;
	display:block;
}

A.menu_main_CUR:hover{
	color: #3ebbf4;
	font-weight: bold;
	border-bottom-width:0px;
 	text-decoration: underline;
	font-size: 11px; 
}


div.linkboxHeader {
	font-weight:bold;
	padding:5px;
	width:390px;
	border:1px gray solid;
	border-bottom:none;
	background-color:#D8E9F1;
	margin-top:5px;
}

div.linkboxContent {
	border:1px gray solid;
	padding:5px;	
	width:390px;
	background-color:#f3f3f3;
	margin-bottom:5px;
}

a.linkInstruction {
	display: block;
	margin-top:10px;
}

Input{
  	
  border-top: 1px #aaaaaa solid;
  border-right: 2px #aaaaaa solid;
  border-bottom: 2px #aaaaaa solid;
  border-left: 1px #aaaaaa solid;

}

Textarea{  	
	font-family: Verdana;
	border-top: 1px #aaaaaa solid;
	border-right: 2px #aaaaaa solid;
	border-bottom: 2px #aaaaaa solid;
	border-left: 1px #aaaaaa solid;
}


Textarea.fett{  	
  font-weight: bold;

}


Input.muss{
	background-color:#FFeeee; 
}

Input.button{
	background-color:#cccccf;
	color: #333333; 
	font-weight: bold;
	width:145px;
	height: 21px;
	border-top: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	border-left: 1px #666666 solid;
}


Textarea.muss{  	
  background-color:#FFeeee;
}


select{
	font-family: Verdana;
	font-size: 12px;
	width:310px
}

img.top {
	border-left: 2px white solid;
	border-right:2px white solid;
}

/* Erweiterung für alle Mandanten 
Spezielle Änderungen für einzelne Mandanten sind in einer eigenen Datei */

#mandant_maintable {
	width:100%;
}

#mandant_left {
	width:180px;
	line-height:18px;
	vertical-align:top;
}

#mandant_content {
	text-align:left;
  	font-size:0.9em;
	/*Braucht eine Breite, damit im IE keine Stufe auf Höhe der unteren Kante von left_column entsteht
	width:660px;*/
}

#mandant_footer {
	text-align:center;
}


#mandant_menu {
	margin-left:15px;
}

.mandant_menu_NO {
	display:block;
}

.mandant_menu_CUR {
	display:block;
}