/*============================================================================*/
/*== Allgemeine Stylsheets - beim Laden aufgerufen ===========================*/
/*============================================================================*/

body {
background-color:#4B4A4A;
font-family: Verdana,Arial,Sans-Serif;
font-weight:normal;
font-size:12px;
color:#000000;
margin:0;
background-position:center top;
}

/*--Ueberschriften--*/
h1 
{font-size:22px; color:#3399FF; font-weight:normal; margin:0; padding:0;}
h2 
{font-size:14px; color:#3399FF; font-weight:bold; margin:0; padding:0;}
h3 
{font-size:14px; color:#999999; font-weight:bold; margin:0; padding:0;}	
h4 
{font-size:12px; color:#3399FF; font-weight:bold; margin:0; padding:0;}
h6 
{font-size:12px; color:#000000; font-weight:bold; margin:0; padding:0;}
/*--Homeseite Ausrichtung Schencking--*/
h5 
{font-size:12px; color:#3399FF; font-weight:bold; margin:0; padding:12px 0 0 5px;}


/* allgemeine Links */
a:link, a:visited {
color:#3399FF; 
text-decoration:underline; }

a:hover, a:active {
color:#666666;  
text-decoration:underline; }
	  				

/*--allgemeine Tabellenbeschreibung--*/								
table {
padding:0;
margin:0;
width:auto;
font-size:12px;}
								
tbody {
padding:0;
margin:0;
width:auto;}
								
th {
padding:0;
margin:0;
width:auto;}

/*-- Listen ----*/
ul {
margin-top:0; 
margin-left:0; 
padding-left:0; 
list-style-image:url(images/blindGif.gif);
}
li {margin:5px 0 5px 3px}

/*======================================================================================*/
/*==Definition der DIV's (Bereiche)=======================================*/
/*======================================================================================*/
/*--alles umschliessend--*/
#wrap {
width:1000px; 
margin:0;
padding:0;
clear:both;
}

/*--Kopf mit Logo--*/
#header {
width:1000px; 
height:133px; 
margin:0; 
padding:0;
background-image:url(Images/Logo/Logo.jpg);
background-repeat:no-repeat;
}

.headerbutton {float:right;}
.sitetitle {padding:5px 0 0 5px;}

/*--Horizontalmenu--*/
#navbar {
height:23px;
width:1000px;
padding-top:82px; 
}
/*-nur fuer Internet Explorer-*/
* html #navbar {
padding:0;
margin-top:82px;}

#navbar a, #navbar a:visited {
font-size:12px; 
font-weight:bold; 
color:#FFFFFF; 
text-decoration:none;}
#navbar a:hover, #navbar a:active {
font-size:12px; 
font-weight:bold; 
color:#3399FF; 
text-decoration:none;}
.CTM_Aktiv	{
background-color:#DEDEDE;}


/*--alles umschliessenden Inhalt--*/
#main {
clear:both;
width:1000px;
height:100%;
background-image:url(Images/Logo/Background.jpg);
background-repeat:repeat-y;
margin:0; 
padding:0;}

/*--linke Spalte mit Menu--*/
#leftcol {
background-color:#3399FF;
width:151px;
height:100%;
margin:0 5px 0 0; 
vertical-align:top; 
padding:0;
float:left;
line-height:120%;
}
#leftcol a {
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#leftcol a:hover, #leftcol a:active {
font-size:12px;
font-weight:bold;
color:#666666;
text-decoration:none;
}
.CLM_Titel    {
padding-left:4px;
font-weight:bold;
}
/*-- linkes Menu --*/
.MenuList {
width:auto;}
.MenuList ul {
list-style:none;}
.MenuList li {
margin-left:4px;
font-size:12px;
font-weight:bold;} 
.MenuList li a {
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;} 
.MenuList li a:hover, .MenuList li a:active {
font-size:12px;
font-weight:bold;
color:#666666;
text-decoration:none;
} 

/*--Huelle um den eigentlichen Inhalt--*/
#contentcol {
width:678px;
height:100%;
margin:0 0 10px 0; 
vertical-align:top; 
padding-left:8px;
float:left;}

/*======================================================================================*/
/*== Partnerlinks rechte Spalte =====================================================*/
/*======================================================================================*/
#rightcol {
font-size:12px; 
width:140px; 
vertical-align:top; 
padding:0;
float:right;
margin:0 3px 0 2px;

}
#rightcol .btitle {
display:block; 
clear:both; 
padding:2px; 
margin:0 0 2px 0; 
border:1px solid #000000; 
background-color:#848484; 
color:#ffffff;
}
#rightcol h4 {font-size:14px; font-weight:bold; margin:0; padding:0; color:#FFFFFF;} 

#rightcol ul {
margin-top:0; 
margin-left:0; 
padding-left:0; 
list-style-image:url(images/blindGif.gif);

}
#rightcol li {margin: 5px 0 5px 3px}
#rightcol li a {
font-size:10px;
font-weight:bold;
text-decoration:underline;
color:#3399ff;
line-height:200%;
}
#rightcol li a:hover {
font-size:10px;
font-weight:bold;
text-decoration:underline;
color:#666666;
line-height:200%;}

/*-Bereich mit Hintergrundfarbe-*/
.rblock {
background-color:#FFFFFF; 
color:#000000; 
margin:0 0 5px 0; 
padding:3px; 
border:1px solid #333333;

}

/*--Huelle um Referenzen--*/
#referenzcol {
width:830px;
height:100%;
margin:0 0 10px 0; 
vertical-align:top; 
padding-left:8px;
float:left;}

/*-nur fuer Internet Explorer-*/
* html #referenzcol {
width:828px;
padding:0;
margin:0;}

.search {
background-color:#FFFFFF;
width:140px;

padding:2px;
text-align:left;
}



/*======================================================================================*/
/*==Klassen fuer die Inhalte=======================================*/
/*======================================================================================*/
/*--Textblock--*/
#mainblock {
clear:both;
width:auto;
color:#000000;
margin:0; 
padding:5px; 
height:100%;}

/*#mainblock img {
padding:0; 
float:right;}*/

/*--Titel in Blockschrift mit Linie--*/
.btitle {
display:block; 
clear:both; 
padding:0; 
margin:0 0 5px 0; 
border-bottom:1px solid #3399FF;}

.btitle2 {
display:block; 
clear:both; 
padding:0; 
margin:0 0 5px 0; 
border-bottom:1px solid #999999;}

/*-- divs nebeneinander --*/
.spotleft {
float:left;
width:300px;}

.spotright {
float:right;
width:300px;}

/*-- Home_2 --*/
.spotleft3 {
float:left;
width:270px;}

/*-- div nebeneinander - mit Linie seitlich--*/
.spotleft2 {
float:left;
width:350px;
border-right:solid 1px #999999;}

/*-- schmale divs nebeneinander (z.B. U-Schalen) --*/
.spot1 {
float:left;
width:160px;}


/*-- Homeseite: divs nebeneinander --*/
.homeleft {
float:left;
width:452px;
border-right:solid 1px #3399FF;}

.homeright {
float:right;
width:215px;
}
/*-nur fuer Internet Explorer-*/
* html .homeright {
width:210px;
}
.homeright p {padding-left:5px;}

/*-- Homeseite2: divs nebeneinander --*/
.homeleft2 {
float:left;
width:420px;
line-height:150%;
}
.homeright2 {
float:left;
width:240px;
line-height:150%;
}
.homeleft2 h1 {padding:12px 0 5px 0;
}
.homeright2 h5 {padding:17px 0 0 0;
}
.left2 {
float:left;
width:210px;}

.left3 {
float:left;
width:190px;}

/*-nur fuer Internet Explorer-*/
* html .homeright2 {
width:190px;
}


/*======================================================================================*/
/*-- PORIT - Seiten --*/
/*======================================================================================*/
#mainblock_P {
clear:both;
width:auto;
color:#000000;
margin:0; 
padding:5px; 
height:100%;}

#mainblock_P h1 
{font-size:22px; color:#BE0013; font-weight:normal; margin:0; padding:0;}
#mainblock_P h2 
{font-size:14px; color:#BE0013; font-weight:bold; margin:0; padding:0;}
#mainblock_P h4 
{font-size:12px; color:#BE0013; font-weight:bold; margin:0; padding:0;}

#mainblock_P .btitle {
display:block; 
clear:both; 
padding:0; 
margin:0 0 5px 0; 
border-bottom:1px solid #BE0013;}


.Header2 {
font-weight: bold;
font-size: 14px;
color: #3399FF; }
			 			    											 		
/*======================================================================================*/
/*== * Pflichtfelder  =======================================================================*/
/*======================================================================================*/
.star		{	color: #6699CC; }

/*======================================================================================*/
/*== Linien - Farben / Fusszeile - Schrift           ===================================*/
/*======================================================================================
.footer		{	text-decoration: none;
				font-family: Arial, Verdana,Sans Serif;
				font-weight: normal;
				font-size: 10px;
				color: #000000; }*/

.footerPrint{	text-decoration:none;
				font-family:Arial, Verdana,Sans Serif;
				font-weight:normal;
				font-size:10px;
				color:#999999; /* grau */}				

/*======================================================================================*/
/*== Tabellen ==========================================================================*/
/*======================================================================================*/
.tableHeader1		{	color:#6699CC; 
						text-decoration:none;
						font-weight:bold; 
	                    font-family:Arial, Verdana,Sans Serif;
						font-size:16px; }
  		                
.tableHeader2		 {	color:#333333;
	                    text-decoration:none;
						font-weight:bold; 
	                    font-family:Arial, Verdana,Sans Serif;
						font-size:12px;
						background-color:#CCCCCC; }

.tableHeader3		 {	color:#333333;
	                    text-decoration:none;
						font-weight:bold; 
	                    font-family:Arial, Verdana,Sans Serif;
						font-size:12px; }

.tableHeaderNews     {	color:#FFFFFF;
	                    background-color:#848484;
						text-decoration:none;
						font-weight:bold; 
	                    font-family:Arial, Verdana,Sans Serif;
						font-size:14px; }  

.tableheader4		{	color:#FFFFFF;
	                    background-color:#848484;
						text-decoration:none;
						font-weight:bold; 
	                    font-family:Verdana, Arial, Sans Serif;
						font-size:11px; } 

.tableContent		{	text-decoration:none;
						font-family:Verdana,Arial, Sans Serif;
						font-weight:normal;
						font-size:12px;
						color:#000000; }

/*--- für Printseite ---*/						
.tableContent2			{ background-color:#FFFFFF;
						text-decoration:none;
						font-family:Verdana, Arial, Sans Serif;
						font-weight:normal;
						font-size:12px;
						color:#000000; }



/* Button */
.i_control		{background-color:#3399ff;                 
				font-family:Verdana, Arial, Sans Serif;
				font-weight:normal;
				font-size:10px;
				color:#FFFFFF;
				border-color:#99CCFF;}
				  				
/*======================================================================================*/
/*==  Linienfarbe   ===================================*/
/*======================================================================================*/
.line			{ background-color:#3399FF; /* blau */	}

.line2			{ background-color:#000000; }

.tableline		{ background-color:#333333; /* grau */	}

.tablezell		{ border-right:solid;
				  border-right-color:#333333; /* grau */
				  border-right-width:1px; }

.tablezellTop	{ border-right:solid;
				  border-right-color:#333333;
				  border-right-width:1px;
				  border-top:solid;
				  border-top-color:#333333;
				  border-top-width:1px; }

.tablezellTop2	{ border-top:solid;
				  border-top-color:#333333;
				  border-top-width:1px; }
				  
.tablezellTop3	{ border-right:solid;
				  border-right-color:#333333;
				  border-right-width:1px; }
				  
.tablezellTopSpace	{ border-right:solid;
				  border-right-color:#333333;
				  border-right-width:1px;
				  border-top:solid;
				  border-top-color:#333333;
				  border-top-width:1px;
				  padding-left:3px; }

.tablezellTop2Space	{ border-top:solid;
				  border-top-color:#333333;
				  border-top-width:1px;
				  padding-left:3px; }
				  
.tablezellTop3Space	{ border-right:solid;
				  border-right-color:#333333;
				  border-right-width:1px;
				  padding-left:3px; }
				  
.tablezellSpace	{ padding-left:3px; }
				  
.tablezellLineLeft	{ border-left:solid;
				  border-left-color:#333333;
				  border-left-width:1px;}

/*======================================================================================*/
/*== Control- und Inputfelder ==============================*/
/*== nicht anwendbar auf Durchsuchenbuttons!!!!!! ==============================*/
/*======================================================================================*/	

.aspControls	{background-color:#3399ff;                 
				
				font-weight:600 ;
				font-size:12px;
				color:#FFFFFF;
				border-color:#99CCFF;}
								
.aspControlsLogin {background-color:#3399ff;                 
				
				font-weight:600;
				font-size:14px;
				color: #FFFFFF;
				border-color:#99CCFF;}  
  
.aspInput		{
				
				font-weight:normal;
				font-size:12px;
				color:#000000;
				white-space:pre;}
				
.aspInputError		{background-color:Red;
				
				font-weight:normal;
				font-size:14px;
				color:#000000;
				white-space:pre;}

.aspInputDisabled {	background-color:#F6F6D4;
					
					font-weight:bold;
					font-size:12px;
					color:#000000;
					margin-top:0px;
					margin-left:0px;
					margin-right:0px;
					margin-bottom:0px;}

							
/*======================================================================================*/
/*== Farbe Control disable : zb. inaktive Eingabe Felder! ==============================*/
/*======================================================================================*/	
.ControlDisable				  { color:#000000; background-color:#BFBFBF}
.ControlEnable 				  { color:#000000; background-color:#FFFFFF}
.ControlMarked 				  { color:#0000FF; background-color:#FFFF00} /*Blau - Gelb */
.LabelMarked 				  { color:#0000FF; } /*Blau */



/*======================================================================================*/
/*== Farben für das DataGrid ===========================================================*/
/*======================================================================================*/
.ICDataGridHeaderStyle
{
	color:#000000;
	background-color:#CFCFCF; /* dunkel grau */
	text-decoration:none; 
	font-family:Arial, Verdana,Sans Serif;
	font-weight:normal;
	font-size:14px;  
}

.ICDataGridItemStyle
{
	color:Black;
	background-color:#FFFFFF; /* dunkel grau */
	text-decoration:none; 
	font-family:Arial, Verdana,Sans Serif;
	font-weight:normal;
	font-size:12px;  
}

.ICDataGridAlternatingItemStyle
{
	color:Black;
	background-color:#CFCFCF; /* dunkel grau */
	text-decoration:none; 
	font-family:Arial, Verdana,Sans Serif;
	font-weight:normal;
	font-size:12px;  
}

.ICDataGridPagerItemStyle
{
	color:Black;
	background-color:#CFCFCF; /* dunkel grau */
	text-decoration:none; 
	font-family:Arial, Verdana,Sans Serif;
	font-weight:normal;
	font-size:12px;  
}


/*========================================================================================*/
/*===  Tabellen-Zellen im Aboutus DataGrid================================================*/
/*========================================================================================*/
.AboutusDataGridTitle
{
	text-decoration:none;
	font-family:Verdana, Arial, Sans Serif;
	font-weight:bold;
	font-size:14px;
	color:#999999; 
}

.AboutusDataGridHead
{
	text-decoration:none;
	font-family:Verdana, Arial, Sans Serif;
	font-weight:normal;
	color:#3399FF;
	font-size:18px;
}

.AboutusDataGridFoot
{
	text-decoration:none;
	font-family:Verdana, Arial, Sans Serif;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF; 
	background-color:#F4F3F3; 
}

.AboutusDataGridPager
{
	text-decoration:none;
	font-family:Verdana, Arial, Sans Serif;
	font-weight:bold;
	font-size:12px;
	padding-left:2px;
	padding-right:2px;
	color:#000000; 
	background-color:#CCCCCC; 
}

.AboutusDataGridItems
{
	text-decoration:none;
	font-family:Verdana, Arial, Sans Serif;
	font-weight:bold;
	font-size:14px;
	color:#999999; 
}

.AboutusDataGridItemsDelimn
{
	background-color:#3399FF; 
}


.NewsItemFoot
{
	text-decoration:none;
	font-family:Verdana, Arial, Sans Serif;
	font-weight:normal;
	font-size:12px;
	color:#999999; 
	background-color:#F4F3F3; 
}

.ProductinfoTitle
{
	font-weight:bold;
}

.ProductinfoExhausted
{
	color:Red;
}

/* Links auf Newsseite */
a.NewsItemFoot:link, a.NewsItemFoot:visited						
{
color:#3399FF;  
text-decoration:underline; }

a.NewsItemFoot:hover, a.NewsItemFoot:active					
{
color:#666666;  
text-decoration:underline; }


/* Ausrichtung Bilder auf Newsseite*/
.NewsImageRight
{float:right;
}

.NewsImageLeft
{float:left;
}

/*========================================================================================*/
/*===  Tabellen-Zellen im Produkt DataGrid================================================*/
/*========================================================================================*/
.ProductDataGridTitle
{
	text-decoration:none;
	font-family:Verdana, Arial, Sans Serif;
	font-weight:bold;
	font-size:14px;
	color:#999999; 
}

.ProductDataGridHeadTop
{
	text-decoration:none;
	font-family:Verdana, Arial, Sans Serif;
	font-weight:bold;
	font-size:10px;
	color:#3399FF; 
}

.ProductDataGridHead
{
	text-decoration:none;
	font-family:Arial, Verdana,Sans Serif;
	font-weight:bold;
	color:#333333;
	font-size:10px;
	background-color:#CCCCCC; 
}

.ProductDataGridFoot
{
	
}

.ProductDataGridPager
{
	text-decoration:none;
	font-family:Verdana, Arial, Sans Serif;
	font-weight:bold;
	font-size:12px;
	padding-left:2px;
	padding-right:2px;
	color:#000000; 
	background-color:#CCCCCC; 
}

.ProductDataGridItems
{
	font-size:10px;
}

.ProductDataGridItemsDelimn
{
	background-color:#3399FF; 
}

.ProductChooser
{
	text-decoration:none;
	font-family:Verdana, Arial, Sans Serif;
	font-weight:bold;
	font-size:14px;
	color:#999999; 
	background-color:#F4F3F3; 
}

/*======================================================================================*/
/*== Farben für die Fehlerausgabe auf den Masken =======================================*/
/*======================================================================================*/
.ErrorOutputInfo
{
	color:Black;
}

.ErrorOutputError
{
	color:Red; 
}

.ErrorOutputLabel
{
	color:Black;
}

.TemplatePageTitle
{
	text-decoration:none;
	font-family:Technic,Arial, Sans Serif;
	font-weight:bold;
	color:#3399FF;
	font-size:18px;
}

.TemplatePageTitle2
{
	text-decoration:none;
	font-family:Technic,Arial, Sans Serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
}

/*========================================================================================*/
/*===  Links im Aboutus DataGrid==========================================================*/
/*========================================================================================*/

a.AboutusDataGridFoot:link, a.AboutusDataGridFoot:visited						
{
color:#3399FF;  
text-decoration:underline; }

a.AboutusDataGridFoot:hover, a.AboutusDataGridFoot:active					
{
color:#666666; 
text-decoration:underline; }



a.AboutusEMail:link, a.AboutusEMail:visited						
{
color:#3399FF;  
text-decoration:underline; }

a.AboutusEMail:hover, a.AboutusEMail:active					
{
color:#666666;  
text-decoration:underline; }

				  				

a.ReferencesImageLink:link, a.ReferencesImageLink:visited						
{
color:#3399FF; 
text-decoration:underline; }

a.ReferencesImageLink:hover, a.ReferencesImageLink:active					
{
color:#666666;  
text-decoration:underline; }

				  				
/*========================================================================================*/
/*===  Links im DataGrid der Bestellung ==================================================*/
/*========================================================================================*/

a.OrderPos:link, a.OrderPos:visited						
{
color:#3399FF;
text-decoration:underline; }
								
a.OrderPos:active	
{
color:#3399FF;
text-decoration:underline; }
							
a.OrderPos:hover
{
color:#666666;
text-decoration:underline; }