/*  layout.css 			       						 */
/*  css-Datei der Xonline GmbH         */
/*  erstellt: August 2006     	       */
/*  reedit by Patricia Stechert 7/2007 */

/**** Aufbau ***************************/
/****

	1. Body
	2. Allgemein
				Fonts
				Links
	3. Kopf
				Design
	4. Menu
				Design
				Links
	5. Main
				Design Allgemein
				Design Spezifisch
	6. Forms
				Forms
				Buttons
	7. Footer
				Design
				Links
				
****/
/**** Aufbau ***************************/



/******************************************************************************/
/*				 BODY    				     												 												*/
/******************************************************************************/

/* Standard-Fonts und Colors */
body { 	font-size:11px;
       	font-family:Arial,Verdana;
       	color:#404040;
				background-color:#FFFFFF; 
				background-image:url(../graph/hg.gif);
				background-repeat:repeat-x;
				scrollbar-base-color:#F7F7F7;
				scrollbar-track-color:#ffffff;
				scrollbar-face-color:#E0E0E0;
				scrollbar-highlight-color:#FFFFFF;
				scrollbar-3d-light-color:#;
				scrollbar-dark-shadow-color:#B0B0B0;
				scrollbar-shadow-color:#F7F7F7;
				scrollbar-arrow-color:#FFFFFF;
				margin: 0px;
				}


/******************************************************************************/
/*				 ALLGEMEIN  				      																					*/
/******************************************************************************/

/* Standardschrift im Table */
td							{font-family: Arial,Verdana;font-size:11px;color:#000000;line-height:130%;text-align:justify;} 


/* Links */
a:link 					{font-family:Arial,Verdana; color:#075393;font-size:11px;text-decoration:none}
a:visited 			{font-family:Arial,Verdana;color:#075393;font-size:11px;text-decoration:none}
a:hover 				{font-family:Arial,Verdana;color:#000000;font-size:11px;text-decoration:none}

h1 							{font-weight: bold;font-size: 16px;color: #075393;text-transform: uppercase;}
h2 							{font-weight: bold;font-size: 16px;color: #E4590D;text-transform: uppercase;}

/******************************************************************************/
/*				 KOPF	  				      																							*/
/******************************************************************************/

/* HG im Table */
table.oben			{width:753px;height:120px;background-image:url(../graph/oben.jpg);}

tr.kopf-hg			{background-image:url(../graph/kopf-hg.gif);}
td.kopf-hg-mitte{background-image:url(../graph/kopf-mitte-hg.gif);}

a.kopf:link			{font-family:Arial,Verdana;font-size:11px;color:#ffffff;text-decoration:none;}
a.kopf:visited	{font-family:Arial,Verdana;font-size:11px;color: #ffffff;text-decoration:none;}
a.kopf:hover		{font-family:Arial,Verdana;font-size:11px;color:#C9D9E3;text-decoration:none;}

/******************************************************************************/
/*				 MENU	  				      																							*/
/******************************************************************************/


/* Links */
a.nav:link {
								font-family:Arial,Verdana;
								font-size:14px;
								color:#fff;
								text-decoration:none;
        				text-align: center;
								height: 27px;
								padding-top: 23px;
								background-image:url(../graph/menu.gif);
								text-transform: uppercase;
								}
								
a.nav:visited {
								font-family:Arial,Verdana;
								font-size:14px;
								color:#fff;
								text-decoration:none;
        				text-align: center;
								height: 27px;
								padding-top: 23px;
								background-image:url(../graph/menu.gif);
								text-transform: uppercase;
								}
								
a.nav:hover {
								font-family:Arial,Verdana;
								font-size:14px;
								color:#fff;
								text-decoration:none;
        				text-align: center;
								height: 27px;
								padding-top: 23px;
								background-image:url(../graph/menu-over.gif);
								text-transform: uppercase;
								}
								
a.nav-small:link {
								font-family:Arial,Verdana;
								font-size:12px;
								color:#000;
								text-decoration:none;
								filter: alpha(opacity=80); /* Transparenz für IE */
        				-moz-opacity: 0.8; /* Transparenz für Mozilla */
        				opacity: 0.8; /* Transparenz für Opera */
								}								
								
a.nav-small:visited {
								font-family:Arial,Verdana;
								font-size:12px;
								color:#000;
								text-decoration:none;
								filter: alpha(opacity=80); /* Transparenz für IE */
        				-moz-opacity: 0.8; /* Transparenz für Mozilla */
        				opacity: 0.8; /* Transparenz für Opera */
								}
								
a.nav-small:hover	 {
								font-family:Arial,Verdana;
								font-size:12px;
								color:#000;
								text-decoration:none;
								filter: alpha(opacity=100); /* Transparenz für IE */
        				-moz-opacity: 1.0; /* Transparenz für Mozilla */
        				opacity: 1.0; /* Transparenz für Opera */
								}	     
        
a.big:link{
				font-size:13px;
        font-weight: bold;
        color: #000000;
        text-align: center;
        text-decoration:none;
				padding:5px;
				padding-left:15px;
				padding-right:10px;
				background-color: #EBEBEB;
        background-image:url(../graph/pfeil-menu.gif);
				background-repeat: no-repeat;
  			background-position: 0px 50%;
        }
        
a.big:visited{
				font-size:13px;
        font-weight: bold;
        color: #000000;
        text-align: center;
        text-decoration:none;
				padding:5px;
				padding-left:15px;
				padding-right:10px;
				background-color: #EBEBEB;
        background-image:url(../graph/pfeil-menu.gif);
				background-repeat: no-repeat;
  			background-position: 0px 50%;
        }
        
a.big:hover{
				font-size:13px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        text-decoration:none;
				background-color: #A0CA1E;
				padding:5px;
				padding-left:15px;
				padding-right:10px;
        background-image:url(../graph/pfeil-menu.gif);
				background-repeat: no-repeat;
  			background-position: 0px 50%;
        }	     

a.bighigh:link{
				font-size:13px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        text-decoration:none;
				padding:5px;
				padding-left:15px;
				padding-right:10px;
				background-color: #075393;
        background-image:url(../graph/pfeil-menu.gif);
				background-repeat: no-repeat;
  			background-position: 0px 50%;
        }
        
a.bighigh:visited{
				font-size:13px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        text-decoration:none;
				padding:5px;
				padding-left:15px;
				padding-right:10px;
				background-color: #075393;
        background-image:url(../graph/pfeil-menu.gif);
				background-repeat: no-repeat;
  			background-position: 0px 50%;
        }
        
a.bighigh:hover{
				font-size:13px;
        font-weight: bold;
        color: #000000;
        text-align: center;
        text-decoration:none;
				background-color: #A0CA1E;
				padding:5px;
				padding-left:15px;
				padding-right:10px;
        background-image:url(../graph/pfeil-menu.gif);
				background-repeat: no-repeat;
  			background-position: 0px 50%;
        }	   
        
a.top:link{
				display: block;
				text-align: right;
				width:820px;
        color: #075393;
        text-decoration:none;
        background-image:url(../graph/pfeil-top.gif);
				background-repeat: no-repeat;
  			background-position: 825px 50%;
				padding-right:15px;
        }
        
a.top:visited{
				display: block;
				text-align: right;
				width:820px;
        color: #075393;
        text-decoration:none;
        background-image:url(../graph/pfeil-top.gif);
				background-repeat: no-repeat;
  			background-position: 825px 50%;
				padding-right:15px;
        }
        
a.top:hover{
				display: block;
				text-align: right;
				width:820px;
        color: #000000;
        text-decoration:none;
        background-image:url(../graph/pfeil-top.gif);
				background-repeat: no-repeat;
  			background-position: 825px 50%;
				padding-right:15px;
        }
        
        
ul, li
{
        list-style-type: none;
        padding: 0px;
        margin: 0px;
}


.textli li

{
        list-style-type: none;
        padding-left: 10px;
        list-style-position:inside;
        background-image:url(../graph/pfeil-li.gif);
				background-repeat: no-repeat;
  			background-position: 0px 3px;

}


.menu
{
        position: absolute;
        z-index: 3;
        top: 140px;
}

.menu li
{
        width: 146px;
        float: left;
}

.menu a
{
        background-color: #fff;
        text-decoration: none;
        font-weight: bold;
        cursor: default;
        margin: 0px 0px;
        display: block;
        height: 20px;
        color: #000;
}

.menu a:hover
{
        background-color: #A6D220;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{
        font-size: 12px;
        display: none;
        width: 130px;
        float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a
{
        font-weight: normal;
        padding-top: 2px;
        border-top: 0px;
        cursor: pointer;
}


/******************************************************************************/
/*				 MAIN	  				      																							*/
/******************************************************************************/

/********* Allgemein ***************************************************/

/* Table & Rahmen */

table.rahmen		{border-color:#B0B0B0;border-width:1px;border-style:solid;border-collapse:collapse;background-color:#ffffff;}

td.untenstart		{font-size:8px;border-left:1px solid #B0B0B0;}

td.highlight		{font-size:12px;color:#E4590D;font-weight:bold;line-height:1.7em;}

td.klein				{font-size:9px;}

td.linie				{background-image:url(../graph/linie.gif);width:100%;height:1px;}



/* Preisliste */
td.preis				{font-family: Arial,Verdana;font-size:11px;color:#000000;line-height:130%;text-align:right;} 
       
        
/* Schriftfarben */
div.blau				{color:#075393;font-weight:bold;}
div.orange			{color:#E4590D;font-weight:bold;}


/* Design Linie */
hr.linie				{height:1px;color:#000000;}

/* Bild Mitte */
tr.bild					{background-image:url(../graph/bild-hg.gif);background-color:#024E8C;}
td.bild-text		{color:#ffffff;}


/* Main Rahmen */
td.main-links		{background-image:url(../graph/main-links-hg.gif);background-color:#ffffff;}
td.main-rechts	{background-image:url(../graph/main-rechts-hg.gif);background-color:#ffffff;}


/********* Spezifisch **************************************************/

/* Features */
tr.hell					{background-color:#F3F3F3;}
tr.dunkel				{background-color:#E3E3E3;height:22px;}


/* Startseite */
td.start				{color:#DDEBF7;text-align:left;background-image:url(../graph/start-hg1.gif); width: 180px; padding: 15px;}
td.start-vorlage{color:#DDEBF7;text-align:left;background-image:url(../graph/start-hg1.gif); width: 180px; padding: 15px;}
td.start-data		{color:#DDEBF7;text-align:left;background-image:url(../graph/start-hg1.gif); width: 180px; padding: 15px;}
td.start-hp			{color:#DDEBF7;text-align:left;background-image:url(../graph/start-hg1.gif); width: 180px; padding: 15px;}
        				
div.start-farbe	{color:#fff;font-weight:bold;font-size:13px;
								padding-bottom: 5px;
								margin-bottom: 5px;
								border-bottom: #ffffff 1px solid; 
								}
        
.start-big{
								font-family:Arial,Verdana;font-size:20px;
								color:#ffffff;
								font-weight:bold;
								text-align: right;
								padding-right: 10px;
        				}
        				
.preis-big{
								font-family:Arial,Verdana;font-size:20px;
								color:#075393;
								font-weight:bold;
								text-align: right;
								padding-right: 10px;
        				}        				
        
.startli li {
								list-style-type: none;
								list-style-position:inside;
								background-image:url(../graph/pfeil-start.gif);
								background-repeat: no-repeat;
								background-position: 0px 50%;
								padding-left: 15px;
								}
						

a.start:link		{color:#A6D220;font-weight:bold;padding: 3px;padding-left: 80px;}
a.start:visited	{color:#A6D220;font-weight:bold;padding: 3px;padding-left: 80px;}
a.start:hover		{color:#fff;font-weight:bold;padding: 3px;padding-left: 80px;}

a.start-demo:link			{color:#0C4E85;font-weight:bold;font-size:16px;}
a.start-demo:visited	{color:#0C4E85;font-weight:bold;font-size:16px;}
a.start-demo:hover		{color:#000000;font-weight:bold;font-size:16px;}


.startseite {
								margin: 0px auto; 
								margin-top:56px;
								width: 600px;
								}


.startseite_web a{ 
        background-image:url(../graph/enter-web.jpg); 
        background-repeat: no-repeat; 
        background-position: 0px 50%;
        width: 294px;
        height: 197px;
        display: block;
        text-indent: -9999em; 
        float: left;
        }

.startseite_web a:hover{ 
        background-image:url(../graph/enter-web-over.jpg); 
        background-repeat: no-repeat; 
        background-position: 0px 50%;
        width: 294px;
        height: 197px;
        display: block;
        text-indent: -9999em; 
        float: left;
        }
        
.startseite_login a{ 
        background-image:url(../graph/enter-login.jpg); 
        background-repeat: no-repeat; 
        background-position: 0px 50%;
        width: 294px;
        height: 197px;
        display: block;
        text-indent: -9999em; 
        float: left;
        margin-left: 10px;
        }

.startseite_login a:hover{ 
        background-image:url(../graph/enter-login-over.jpg); 
        background-repeat: no-repeat; 
        background-position: 0px 50%;
        width: 294px;
        height: 197px;
        display: block;
        text-indent: -9999em; 
        float: left;
        }
        
/******************************************************************************/
/*				 FORMS					     																								*/
/******************************************************************************/

.kontaktform		{font-family:Arial,Verdana;font-size:11px;color:#000000;border-width:1px;background:#ffffff;width:260px;}
.kontaktformplz	{font-family:Arial,Verdana;font-size:11px;color:#000000;border-width:1px;background:#ffffff;width:80px;}
.kontaktformort	{font-family:Arial,Verdana;font-size:11px;color:#000000;border-width:1px;background:#ffffff;width:174px;}
.kontaktarea		{font-family:Arial,Verdana;font-size:11px;color:#000000;border-width:1px;background:#ffffff;width:260px;}

/* Eingabefeld */
input.eingabe		{font-family:Arial,Verdana;font-size:11px;color:#000000;border-width:1px;background:#ffffff;width:175px;} 

/* Button */
input.button		{border-right: #7B9F0C 1px solid; border-top: #B7E03C 1px solid;
								border-left: #B7E03C 1px solid; color: #000000; border-bottom: #7B9F0C 1px solid; 
								font-family: arial, verdana, helvetica,; font-size: 12px; font-weight:bold; background-color: #A6D220} 

select.pullanrede {font-family:Arial,Verdana;font-size:11px;color:#000000;border-width:1px;background:#F4F4F4;width:60px;}
select.pull			{font-family:Arial,Verdana;font-size:11px;color:#000000;border-width:1px;background:#F4F4F4;width:230px;} 


.bestellform    {border:1px dotted #0B4E85; border-right:0px;border-left:0px;border-top:0px;width:220px;background:#F4F4F4;}
.bestellformland{border:1px dotted #0B4E85; border-right:0px;border-left:0px;border-top:0px;width:27px;background:#F4F4F4;}
.bestellformplz {border:1px dotted #0B4E85; border-right:0px;border-left:0px;border-top:0px;width:45px;background:#F4F4F4;}
.bestellformort {border:1px dotted #0B4E85; border-right:0px;border-left:0px;border-top:0px;width:131px;background:#F4F4F4;}
.bestellformgeb {border:1px dotted #0B4E85; border-right:0px;border-left:0px;border-top:0px;width:83px;background:#F4F4F4;}
.bestellformkdnr{border:1px dotted #0B4E85; border-right:0px;border-left:0px;border-top:0px;width:105px;background:#F4F4F4;}



/******************************************************************************/
/*				 FOOTER  				      																							*/
/******************************************************************************/

/* HG im Table */
td.footer				{font-size:10px;color:#ffffff;background-image:url(../graph/footer-hg.gif);height:49px;width:818px;text-align:center;}
td.footer-links	{background-image:url(../graph/footer-links.gif);height:49px;width:42px;}
td.footer-rechts{background-image:url(../graph/footer-rechts.gif);height:49px;width:41px;}

td.footer-schatten-hg			{background-image:url(../graph/footer-schatten-hg.gif);height:74px;width:818px;}
td.footer-schatten-links	{background-image:url(../graph/footer-schatten-links.gif);height:74px;width:41px;}
td.footer-schatten-rechts	{background-image:url(../graph/footer-schatten-rechts.gif);height:74px;width:41px;}


/* Links */
a.xol:link			{font-family:Arial,Verdana;font-size:10px;color:#ffffff;text-decoration:none}
a.xol:visited		{font-family:Arial,Verdana;font-size:10px;color:#ffffff;text-decoration:none}
a.xol:hover			{font-family:Arial,Verdana;font-size:10px;color:#ffffff;text-decoration:underline}


.Label_Reseller fieldset { border: solid 0px #ffffff; padding: 2px 2px 5px 2px; margin: 0px;}
.Label_Reseller legend { font: bold 1.0em Arial, Helvetica, sans-serif; color: #2C2B2B;}

.Label_Reseller input{ width: 100%; 
				border:1px dotted #0B4E85; border-right:0px;border-left:0px;border-top:0px; 
				background:#F4F4F4;			
				}
				
.Label_Reseller select{ width: 100%; 
				border:1px dotted #0B4E85; border-right:0px;border-left:0px;border-top:0px; 
				background:#F4F4F4;						
				}
				
.Label_Reseller_Text{ width: 100%; 
				border:1px dotted #0B4E85; border-right:0px;border-left:0px;border-top:0px; 
				background:#F4F4F4;						
				}

.Label_Reseller_Land {width: 60px; float: left}
.Label_Reseller_Plz {width: 57%; margin-left: 5px; float: left}

#Reseller_Menu a {
		font: bold 1.0em Arial, Verdana, Helvetica, sans-serif; 
		text-decoration: none;
		color: #000000;
		background:#CFD1D0;
		line-height: 15px;
		padding: 5px;
		border: solid 1px #B6B6B6;
		margin-right: 5px;
    }

#Reseller_Menu a:hover {
		text-decoration: none;
		color: #ffffff;
		font-weight: none;
		background:#FF7E1D;
		border: solid 1px #FF7E1D;
		padding: 5px;
		margin-right: 5px;
		} 

.Reseller_Liste {border-bottom: 1px dotted #969696;}
.Reseller_Liste_UB {font-weight: bold; background-color: #F0F0F0;}

.Reseller_Admin {background-color: #F0F0F0;}

.Reseller_Pflicht {font: 0.7em Courier, Arial, Verdana; color: #ff0000;}


div.Fehler
{
    border: solid 1px #cc0000;
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    background-color: #ffffcc;
}

div.Fehler legend { padding: 0px 0px 0px 0px; font-weight: bold; }
div.Fehler fieldset { border: solid 0px #ffffff; padding: 2px 0px 2px 0px; }

/**
 * Fehler Formfelder
 */
input.Fehler, 
select.Fehler, 
textarea.Fehler { background-color: #ffffcc !important; border: solid 1px #cc0000 !important; }
.rshell { background-color: #F3F3F3; }
.rsdunkel { background-color: #ffffff;}

tr.Reseller_Liste_UB th { text-align: left; }