/*	-------------------------------------------------------------
	www.flippo.info
	Gunkel_Consulting
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Standard Style
	Filename:		main.css
	Version:		1.3
	Date:			Sep 19, 2007
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Standard Style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	/* css-document 
    ----------------------------------------------- 
    * Import Print
    * Standards
    * Startpage
    * Cols 
    * Floating
    * Headlines and Text
    * Lists
    * Links
    * Header
    * Search
    * Tagcloud
    * Positionfinder
    * Hor. Menue 1+2
    * Main Navigation
    * Login 1 + 2
    * Mainlogin (Protected Page)
    * Contact Form
    * Registration Form
    * Mailmode-Form
    * Newsletterregistration Form	
    * Functionality Footer
    * Disclaimer
    * Baustellenseite
    * Sortable
    * Flippo Overview (�bersichtsseiten Schatten)
    * Tabs Statistik
    * Tabs Katalogkonfigurator Kataloge
    * Tabs Katalogkonfigurator �bersichtsseiten    
    * Tabs Lieferantenkonfigurator
    * Lieferanten Ausgabe
    * Mailingmodul
	* Imageflow
*/

/******************************************************************************
** IMPORT PRINT CSS
******************************************************************************/

	@import url("print.css") print;

/******************************************************************************
** STANDARDS
******************************************************************************/
ul {margin: 0px;}
* 
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
html {overflow-y: scroll;}
 
/******************************************************************************
** GLOBAL
******************************************************************************/
body 
{
	background-color: #545454;
	color:#545454;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100.01%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
}
/******************************************************************************
** STARTPAGE (Newsspalte H�he anpassen!!)
******************************************************************************/
#startpage {border-left:10px solid #fff;border-right:10px solid #fff;height:1%;}  
#startpage h2, #startpage p {padding-left:10px;margin:0px;}
#startpage h2 {color:#fff;line-height:30px;border-bottom:none;background: transparent url(/img/basics/bg_headline.gif) top left; font-size:14px; height:30px;padding:0 0 0 10px;}
#startpage p, #startpage a {font-size:76%; line-height:115%;padding:10px;}
html* #startpage p, html* #startpage a{line-height:14px;}
#startpage p a {font-size:100%;} 
#startpage #news p {background-color:#858585;margin:10px;padding:10px;}
#startpage #topleft {background: transparent url(/img/basics/bg_green.gif) top left; width:200px; float:left;border-right:10px solid #fff;border-bottom:10px solid #fff;}
#startpage #topcenter {background: transparent url(/img/basics/bg_purple.gif) top left; width:200px; float:left;border-right:10px solid #fff;border-bottom:10px solid #fff;}
#startpage #topright {background: transparent url(/img/basics/bg_yellow.gif) top left; width:200px; float:left;border-right:10px solid #fff;border-bottom:10px solid #fff;}
#startpage #bottomleft {background: transparent url(/img/basics/bg_dblue.gif) top left; width:200px; float:left;border-right:10px solid #fff;border-bottom:10px solid #fff;}
#startpage #bottomcenter {background: transparent url(/img/basics/bg_orange.gif) top left; width:200px; float:left;border-right:10px solid #fff;border-bottom:10px solid #fff;}
#startpage #bottomright {background: transparent url(/img/basics/bg_blue.gif) top left; width:200px; float:left;border-right:10px solid #fff;border-bottom:10px solid #fff;}
#startpage #news {width:209px;float:right;background-color:#9D9D9D;height:675px;border-bottom:none;}
#startpage #emptytop {background-color:#9D9D9D;width:620px;display:block; float:left;border-right:10px solid #fff;border-bottom:10px solid #fff;}
#startpage #emptybottom {background-color:#9D9D9D;width:620px;height:75px;display:block; float:left;border-right:10px solid #fff;border-bottom:none;}
/******************************************************************************
** COLS
******************************************************************************/
#container 
{
	width:859px;
	padding:0px;
	margin:25px auto 0 auto;  	
}
#outer2C /*2 Balken links und rechts 10px*/
{
	border-left:solid 10px #fff;
	border-right:solid 10px #fff;
}

#outer1C /*Nur Content*/ 
{
 background-color:#FFFFFF;  
}
#innerouter /* Eigentlicher Spaltenaufbau*/
{
	border-left:solid 176px #9C9E9C; 
	background: url(/img/basics/bg_main2C.gif);
}
html* #innerouter /* Eigentlicher Spaltenaufbau IE*/
{
	background: url(/img/basics/bg_main2C_IE.gif);
}
#inner 
{
	margin:0px;
	padding:0px;
	width:100%;
} 
#leftcolumn 
{ 
	width: 176px;
	float:left;
	position:relative;
	margin-left: -176px;
	margin-right: 0px;
}

#centercolumn 
{ 
	padding-left:10px;
	position:relative;
	color:#3D3D3D;
	height:1%;
}
#centercolumn1C
{
	position:relative;
	margin: 0px;
	background-color:#ddd;	
	height:1%;
}
/******************************************************************************
** FLOATING AND CLEARING
******************************************************************************/
.clear {clear:both;line-height:0;height:0;}

.right {float:right;}

.left {float:left;}

/******************************************************************************
** HEADLINES AND TEXT
******************************************************************************/

h1,h2,h3,h4,h5,h6 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;	
}

h1 {
	color: #383838;
	font-size: 145%;
	font-weight:bold;
}
h2 {
	color: #383838;
	font-size: 110%;
	font-weight:bold;
}

h3 {
	color: #9D1740;
	font-size: 120%;
	font-weight:normal;

}

h4 {
	color: #383838;
	font-size:112%;
}

h5 {
	color:#9d1740;
	font-size: 100%; 
	font-weight: bold; 
}

h6 {
	color:#383838;
	font-size: 100%; 
}

p {font-size: 76%;}

#centercolumn p, #centercolumn table {margin:0 10px 10px 10px;}

#centercolumn table a{font-size:72%;line-height:1.2em;}
#centercolumn table#holzland td {line-height:1em;}
select, input, textarea {border: 1px solid #959996;}

/******************************************************************************
** TEASER 
******************************************************************************/
#centercolumn div.teaser {
	overflow:auto;
	width:97%;
	margin:0 10px 0 10px;	
}
/* Teasereinstellungen 2-Spaltigkeit */
#centercolumn div.teaser2CL {
	float:left;
	margin:0 0 10px 0;
	width:48%;
}
#centercolumn div.teaser2CR {
	float:left;
	margin:0 0 10px 10px;
	width:48%;
}
/* Teasereinstellungen 3-Spaltigkeit*/
#centercolumn div.teaser3CL {
	float:left;
	margin:0 0 10px 0;
	width:32%;
}
#centercolumn div.teaser3CR {
	float:left;
	margin:0 0 10px 10px;
	width:32%; 
}
/*Schriftgr��e 3 Spalter �ndern*/
#centercolumn div.teaser div.teaser3CL p, #centercolumn div.teaser div.teaser3CR p {font-size:11px;}
/*Bilder bei 3 Spalten-Darstellung ausblenden
#centercolumn div.teaser3CR p img, #centercolumn div.teaser3CR img, #centercolumn div.teaser3CL p img, #centercolumn div.teaser3CL img{
	display:none;
}*/
/*#centercolumn div.teaser2CR p img, #centercolumn div.teaser2CR img, #centercolumn div.teaser2CL p img, #centercolumn div.teaser2CL img{
	width:40%;
	height:40%;
}Skalieren �ber CSS funktioniert nicht vern�nftig, IE skaliert anhand Gr��e vom DIV*/
/* Listeneinstellungen 2-Spaltigkeit */
#centercolumn div.list2CL {
	float:left;
	width:49%;
}
#centercolumn div.list2CR {
	float:left;
	margin:0 0 0 10px;
	width:49%;
}
/* Listeneinstellungen 2-Spaltigkeit */
#centercolumn div.list3CL {
	float:left;
	width:33%;
}
#centercolumn div.list3CR {
	float:left;
	margin:0 0 0 10px;
	width:32%;
}
#centercolumn div.teaser img {
	float:left;
	padding:0 10px 10px 0;
}
html* #centercolumn div.teaser img{padding:0 10px 0 0;}
#centercolumn div.teaser img.teaserfullpic{
	padding:0px;
}
#centercolumn div.teaser p {
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
}
html* #centercolumn div.teaser p{margin:8px 0 10px 0;}
#centercolumn div.teaser p.teaserfullpic img{
	padding:0px;
}
#centercolumn div.teaser p.showBody {
	text-align:right;
	margin-right:1px;
	}
html* #centercolumn div.teaser p {margin:0;} 
html* #centercolumn div.teaser p.showBody {margin:0;}

#centercolumn div.teaser h3{
	border-bottom:none;
	font-size:84%;
	color:#415877;
	margin-left:0px;
}
div.hr {
	background-color:#BABABA; 
	clear:left;	
	color:#BABABA;
	height:1px;
	width:100%;
	  }
html* div.hr {margin-top:10px;}	 
div.hr hr {    /* for CSS1 browsers */
      display: none;
      }
div.hr * {     /* for CSS2 browsers */
	  display: none;
      }
/******************************************************************************
** TEASER 1
******************************************************************************/
#centercolumn div.teaser1 {
	overflow:auto;
	width:97%;
	background-color:#f5f5f5;
	margin:0 10px 0 10px;		
}
#centercolumn div.teaser1 img {
	float:left;
	padding:0 10px 10px 0;
}
html* #centercolumn div.teaser1 img{padding:0 10px 0px 0;}
#centercolumn div.teaser1 p {
	font-size:12px;
	margin:8px 0 10px 0;
	padding:0;
}
#centercolumn div.teaser1 p.showBody {
	text-align:right;
	}
html* #centercolumn div.teaser1 p {margin:0;} 
html* #centercolumn div.teaser1 p.showBody {margin:0;}

#centercolumn div.teaser1 h3{
	border-bottom:none;
	font-size:84%;
	color:#415877;
	margin-left:0px;
}	  
/******************************************************************************
** LISTS
******************************************************************************/
#centercolumn ul, #centercolumn1C ul, #rightcolumn ul 
{
	font-size:70%;
	margin:5px; 
}
/*Fehler Navitabs Konfigurator
html* #centercolumn ul, html* #centercolumn1C ul, html* #rightcolumn ul 
{
	display:inline;
	margin:0px;
}*/

#centercolumn ol, #centercolumn1C ol, #rightcolumn ol 
{
	list-style-type: none;
	font-size:70%;
	margin:10px; 
}

#centercolumn ul li, #centercolumn ol li, #centercolumn1C ul li, #centercolumn1C ol li, #rightcolumn ul li, #rightcolumn ol li  
{
	font-size:12px;
	margin-left:30px;
}

/******************************************************************************
** LINKS
******************************************************************************/	

a 			{color: #990000; text-decoration : none;}
A:Visited	{color: #990000; text-decoration : none;}
A:Active	{color: #990000; text-decoration : none;}
A:Hover	    {color :#990000; text-decoration : underline; }

/******************************************************************************
** HEADER
******************************************************************************/

#header 
{
	background: transparent url(/img/header_flippo.jpg) no-repeat top left; height: 229px; width: 859px;
	border-bottom:solid 10px #fff;
}
#header h1 {display: none;}
#header h2 {display: none;}

/******************************************************************************
** HEADER2
******************************************************************************/

#header2 
{
	background: transparent url(/img/header_flippo2.jpg) no-repeat top left; height: 229px; width: 859px;
	border-bottom:solid 10px #fff;
}
#header2 h1 {display: none;}
#header2 h2 {display: none;}
#header2 #IF_right{
	padding:18px 0 0 400px;
	width:440px;
}
/******************************************************************************
** HEADER3
******************************************************************************/
#header3 
{
	background: transparent url(/img/basics/header_flippo_admin.jpg) no-repeat top left; height: 35px; width: 859px;
	border-bottom:solid 10px #fff;
}
#header3 h1 {display: none;}
#header3 h2 {display: none;}
/******************************************************************************
** SEARCH
******************************************************************************/
#search fieldset
{
	border:none;
	width:170px;
	float:left;
	margin: 10px;
}
#search fieldset label {
	float:left;
	clear:both;
	width:50px;
	font-size: 90%;
}
#search fieldset input
{
	float:left;
	width:75px;
	height:16px;
	border: 1px solid #CD3729;
	padding:0px;
	margin:0px;
}
#search fieldset input .hidden, #search fieldset legend
{
	display:none;
	height:0px;
	height:0px;
	border:none;
}
#search fieldset #go_search
{
	height:18px;
	width:18px;
	border: none;
	margin-left:2px;
}
form#bigsearchform
{
	margin-top:10px;
}
form#bigsearchform p
{
	font-weight:bold;
	font-size:76%;
}
form#bigsearchform p input#searchfield
{
	float:left;
	width:200px;
	height:18px;
	border: 1px solid #CD3729;
}
form#bigsearchform p input#go_searchfield
{
	width:100px;
	height:20px;
	border: 1px solid #CD3729;
	margin-left:2px;
	padding:0px;
}
form#bigsearchform table
{
	margin-top:10px;
	font-size:76%;
}
/******************************************************************************
** TAGCLOUD
******************************************************************************/

#tagCloudHeader 
{ 
	font-size:80%;
	margin:0 0 10px 10px;
}

#tagCloud 
{
	font-size:90%;
	margin:0 10px 10px 10px;
	padding:10px;
	border:dotted 1px #CD3729;
	line-height: 1em;
}
#tagCloud .size1 { font-size: 70%;}
#tagCloud .size2 { font-size: 80%;}
#tagCloud .size3 { font-size: 90%;}
#tagCloud .size4 { font-size: 100%;}
#tagCloud .size5 { font-size: 110%;} 
/*#tagCloud .size6 { font-size: 120%; } */

/******************************************************************************
** POSITIONFINDER
******************************************************************************/

#positionfinder {
	text-align: left;
	width: 445px;
	height: 18px;
	font-size: 11px;
	float:left;
	top: 178px;
	position: relative; 
}

/******************************************************************************
** HORIZONTAL MENUE
******************************************************************************/

#quermenue {
	text-align: right;
	width: 437px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	float:right;
	margin: 10px 0px 0px 0px;
} 

#quermenue  ul {position:relative; padding:0; margin:0% 2% 0% 0%; }
#quermenue ul li {display:inline; margin:0 1px;font-size:76%;}
#quermenue  li {padding:2px 2px;}
#quermenue a {padding: 2px 0 2px 0; voice-family: "\"}\""; voice-family: inherit; text-align:center; }

#quermenue a.topmenueselected, #quermenue a.topmenueselected:active, #quermenue a.topmenueselected:visited, #quermenue a.topmenueselected:hover  {
	color: #9D1740;
	text-decoration : none;
	border-bottom: none;
}

#quermenue a.topmenue {color: #545454; text-decoration : none; border-bottom: none;}
#quermenue a.topmenue:visited {color: #545454; text-decoration : none; border-bottom: none;}
#quermenue a.topmenue:hover {text-decoration : none; border-bottom: none; color: #9D1740; }

/******************************************************************************
** ALTERNATIVE HORIZONTAL MENUE
******************************************************************************/

#quermenue2 { width: 100px; padding-top: 0px; margin-left: 760px; text-align: center; /*background-color: #cd3729;*/ }
#quermenue2 ul {margin: 0; padding: 0; list-style-type: none; }
#quermenue2 li {font-family: Helvetica, sans-serif; font-size: 90%; line-height: 120%; margin: 0 0 3px 0; padding: 0; /*background-color: #ffffff;*/}
#quermenue2 a {display: block; padding: 2px 0 2px 0; border: 1px solid #fed488; width: 100px; voice-family: "\"}\""; voice-family: inherit; width: 98px; } 
#quermenue2 a:link, #quermenue2 a:visited {color: #fed488; text-decoration: none; }
#quermenue2 a:hover {border: 1px solid #fed488; background-color: #fed488; color: #333; }

/******************************************************************************
** MAIN NAVIGATION
******************************************************************************/
div#leftmenue {background-color:#fff;}
div#leftmenue ul {
	list-style: none;
	margin:0px;
	font-size: 90%;
	width:176px;
}

	div#leftmenue ul li {
		margin: 0px;
		padding:0px;
		line-height:1.4em; 
		padding-bottom: 2px;		
	}
	div#leftmenue ul li.menuheader {
		background: transparent url(/img/basics/bg_headline.gif) repeat-x;
		padding-left:15px;
	}
	div#leftmenue ul li.menuheader ul li.green {
		background-color:#EBD19D;
	}
	div#leftmenue ul li a{
		background: transparent url(/img/basics/bg_headline.gif) repeat-x;	
		display: block; 
		padding:0 0 2px 10px;
		color:#fff;
		text-decoration: none;
		font-size:90%;
	}
	
	div#leftmenue ul li a:hover {
		background-color:#C9C9C9;
		background-image:none;
		color: #353535;
	}
	
	div#leftmenue ul li a.aktuell{
		background-color:#C9C9C9;
		background-image:none;
		color: #353535;
	}
	
	div#leftmenue ul li a.aktuell:hover{}
	
		div#leftmenue ul li ul {
			list-style:none;
			font-size: 0.9em;
			padding-top: 2px;
			margin:0px;
		}

			div#leftmenue ul li ul li{
				display: inline;
				border-bottom: none;
				padding-bottom:0;
				color:#F803C1;		 		
			}
			div#leftmenue ul li ul li a{
				display: block;
				padding:5px 0 5px 15px;
				font-weight: normal;
				color:#545454;
				text-decoration: none;
				line-height:0.7em;
			}
			div#leftmenue ul li ul li a.green  {background-color:#AAC199;background-image:none;}	  		
			div#leftmenue ul li ul li a.yellow {background-color:#EECE93;background-image:none;}	  		
			div#leftmenue ul li ul li a.purple {background-color:#CEBEC6;background-image:none;}	  	
			div#leftmenue ul li ul li a.blue   {background-color:#A9C9C8;background-image:none;}	  		

			div#leftmenue ul li ul li a.akt_green  {background-color:#88A96D;background-image:none;color:#fff;}	  		
			div#leftmenue ul li ul li a.akt_yellow {background-color:#E8B756;background-image:none;color:#fff;}	  		
			div#leftmenue ul li ul li a.akt_purple {background-color:#AD94A0;background-image:none;color:#fff;}	  	
			div#leftmenue ul li ul li a.akt_blue   {background-color:#84BBB9;background-image:none;color:#fff;}	
			
			div#leftmenue ul li ul li a.green:hover  {background-color:#88A96D;background-image:none;color:#fff;}	  		
			div#leftmenue ul li ul li a.yellow:hover {background-color:#E8B756;background-image:none;color:#fff;}	  		
			div#leftmenue ul li ul li a.purple:hover {background-color:#AD94A0;background-image:none;color:#fff;}	  	
			div#leftmenue ul li ul li a.blue:hover   {background-color:#84BBB9;background-image:none;color:#fff;}								
			
						div#leftmenue ul li ul li ul {
							list-style-type:disc;
							padding-top:0px;
							display:none;
						}			
						
						div#leftmenue ul li ul li ul li a{
							padding:5px 0 5px 25px;
						}
			
/******************************************************************************
** LOGIN-AREA
******************************************************************************/
#login {
	margin: 25px 0 10px 10px;
	font-size: 100%;
	/*color:#3D3D3d;*/
	color:#fff;
}

#login fieldset { 
	border:none;
	display:block;
	clear:both;
	margin-bottom: 10px;
	width: 158px;
	font-size:76%;
}
#login fieldset label {
	float:left;
	clear:both;
	display:block;
	width:44px;
}

#login fieldset input{
	float:left;
	display:block;
	border: 1px solid #FFF;
	background:#B7B7B7;
	margin-bottom:4px;
	padding:0px;
	height: 14px;
	font-size: 100%;
	/*color:#3d3d3d;*/
	color:#fff;
}
#login fieldset input.hidden, #login fieldset legend {display:none;margin:0px;}
#login fieldset #Password {width: 87px;}
#login fieldset #UserName {width: 106px;}
#login fieldset #go  {width: 16px;border: none; margin:0 0 0 2px; padding:0; height:16px;}

#login a {color: #fff; text-decoration : none; text-align:left;margin:0px;font-size:90%;}
#login A:Visited	{color: #fff; text-decoration : none;}
#login A:Active	{color: #fff; text-decoration : none;}
#login A:Hover	    {color :#fff; text-decoration : underline; }

#login p.error {font-color:#fe0000;margin-bottom:5px;}
/******************************************************************************
** ALTERNATIVE LOGIN-AREA
******************************************************************************/

#login2 {
	text-align: left;
	background-color: #e0e0e0;
	font-size: 1em;
	padding: 2px 0 2px 0;
	margin: 0 0 10px 0px;
}
#login2 form {margin:0px;}
#login2 ul {position:relative; padding:0; margin:0 0 0 2px; font-size:76%;}
#login2 ul li {display:inline; margin:0px;}

#login2 ul li label {vertical-align:middle;}
#login2 #Password {width: 80px; height:14px; vertical-align:middle;border: 1px solid #E56152;}
#login2 #UserName {width: 80px; height:14px; vertical-align:middle;border: 1px solid #E56152;}
#login2 #go  {width: 16px; height:16px; border: none; vertical-align:middle;margin:0 20px 0 0;}

#login2 a {color: #990000; text-decoration : none; text-align:left;}
#login2 A:Visited	{color: #990000; text-decoration : none;}
#login2 A:Active	{color: #990000; text-decoration : none;}
#login2 A:Hover	    {color :#990000; text-decoration : underline; }

/******************************************************************************
** MAINLOGIN (Protected Page)
******************************************************************************/
form#Mainloginform {
	margin: 0px;
	font-size: 1em;
	color:#464646;
}
form#Mainloginform div
{
	width:49.5%;
	background-color:#f0f0f0;
	height:300px;	
}
form#Mainloginform div#securitylogout
{
	width:50%;
	height:100px;
	border: 1px solid #7F9DB9;
	padding:10px;
	margin-top:20px;
}
form#Mainloginform div.left
{
	margin-right:1%;
}
form#Mainloginform div h6
{
	font-size:90%;
	clear:both;
	background-color:#dfdfdf;
	padding:2px;
	margin:0 10px 0 10px;
}
form#Mainloginform div p
{
	margin:0 10px 0 10px;
}
form#Mainloginform div#securitylogout p 
{
	margin-top:20px;
}
form#Mainloginform div p label {
	float:left;
	display:block;
	width:100px;
}
form#Mainloginform div p input{
	float:left;
	display:block;
	border: 1px solid #7F9DB9;
	height: 16px;
	width:150px;
	margin-top:2px;
}
form#Mainloginform div p input#submit{
	border: 1px solid #7F9DB9;
	height: 18px;
	width:80px;
	margin:2px 0 10px 172px;
}
form#Mainloginform div p input.hidden {display:none;margin:0px;height:0px;}
/******************************************************************************
** CONTACT FORM
******************************************************************************/

#contactpro form#MailForm { 
 background-color: #FFFFFF; 
 border: none;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 90%; 
 width:456px;                  /*Breite = 306 + Labelbreite, ben�tigt f�r Submitbutton*/ 
 margin-top:20px;
 padding:2px;
 text-align:left;
}
#contactpro table { font-size: 76%; text-align:left;margin:0px;}
#contactpro table td.leftcolumn, #contactpro form#MailForm label 
{
	width:150px;               /*Breite Linke Spalte*/
	background-color:#cfcfcf;  /*Hintergrundfarbe Linke Spalte*/
}
#contactpro form#MailForm label
{
	clear:both;
	font-size:76%;
	margin: 2px 2px 0 0px; 	
	float:left;
	height:20px;
}

#contactpro input, #contactpro textarea, #contactpro select 
{ 
	font-size:11px; 
	border: 1px solid #959996; /*Rahmenfarbe Inputfelder*/  
	padding-left: 2px; 
	letter-spacing: 0px; 
	margin: 2px 0 0 0; 
	height:18px; 
	float:left;
	display:block; 
}
#contactpro input.hidden {display:none;}

#contactpro form#MailForm label#lb_Nachricht  {height: 114px;}

#contactpro #Nachricht  {width: 300px; height: 80px;}
#contactpro #Vorname    {width: 138px; }
#contactpro #Nachname   {width: 156px;margin-left:2px;}
#contactpro #Firma      {width: 300px; }
#contactpro #Strasse    {width: 300px; }
#contactpro #PPLZ       {width:  64px; }
#contactpro #Postfach   {width: 230px;margin-left:2px;}
#contactpro #PLZ        {width:  64px; }
#contactpro #Ort        {width: 230px;margin-left:2px;}
#contactpro #Land       {width: 304px; font-size:11px;border: 1px solid #959996;}
#contactpro #Bundesland {width: 304px; font-size:11px;border: 1px solid #959996;}
#contactpro #Branche    {width: 304px; font-size:11px;border: 1px solid #959996;}
/*IE Hack Select*/
html* #contactpro select {height:20px;}
#contactpro #Mail       {width: 300px; }
#contactpro #Telefon    {width: 300px; }
#contactpro #Telefax    {width: 300px; }
#contactpro #birthday   {width: 300px; }
#contactpro #Dateianhang {width: 300px; }
#contactpro #absenden 	{border: none;}
.star {	color: #cd3729; }
.zwang {color: #cd3729;}
#contactpro .error {border: 1px solid #FE0000;}
#contactpro select#Branche.error {border: 1px solid #FE0000;}
#contactpro select#Bundesland.error {border: 1px solid #FE0000;}
#contactpro select#Land.error {border: 1px solid #FE0000;}

#contactpro p.submitbutton {text-align:right;margin:5px 0 0 0;}

#contactpro table#thanks
{
	margin-top:10px;
	padding:2px;
}
/******************************************************************************
** REGISTRATION FORM
******************************************************************************/
#RegForm form#registrationForm{ 
 border: none;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 90%; 
 margin:0 0 0 10px;
 padding:2px;
 text-align:left;
 width:80%;
}
#RegForm table 
{ 
	font-size:76%;
	height:20px;
	text-align:left;
	float:left;
	width:250px;
	border:1px solid transparent;
}
#RegForm p
{
	font-size:76%;
	padding:0px;
	margin: 10px 0 10px 0;
	width:100%;
	display:block;
	float:left;
}
#RegForm div 
{
	width:50%;
	background-color:#dfdfdf;
	font-size:76%;
	height:20px;
	padding:0px;
	margin: 10px 0 10px 0;
}
#RegForm span
{
	font-size:76%;
	height:20px;
}
#RegForm div h6
{
	font-size:110%;
	padding-left:2px;
}

#RegForm form#registrationForm label
{
	/*clear:both;*/
	font-size:76%;
	margin: 2px 20px 0 0px; 	
	float:left;
	height:20px;
	width:200px;
	text-align:right;
	font-weight:bold;
}

#RegForm input, #RegForm textarea, #RegForm select 
{ 
	font-size:90%; 
	border: 1px solid #959996; /*Rahmenfarbe Inputfelder*/  
	padding-left: 2px;  
	margin: 2px 0 0 0; 
	height:18px; 
	float:left;
	display:block;
	/*width:250px;*/
}
#RegForm input.radio
{
	font-size:11px; 
	border:none;
	padding:0px;
	margin:0px;
	width:14px;
}
#RegForm input.hidden {display:none;}

#RegForm #sCompanyName, #RegForm #sDisplayName, #RegForm #sTitle, #RegForm #sFirstName, #RegForm #sLastName, #RegForm #sPosition, #RegForm #sStreet, #RegForm #sPhone, #RegForm #sFax, #RegForm #sEmail, #RegForm #sWWW, #RegForm #sUserName, #RegForm #sPassword1, #RegForm #sPassword2  {width:250px;}
#RegForm #sPostalCode	  {width: 40px;}
#RegForm #sCity       {width: 206px; }
#RegForm #Land       {width: 254px; font-size:11px;border: 1px solid #959996;}
#RegForm #Bundesland {width: 254px; font-size:11px;border: 1px solid #959996;}
#RegForm #Branche    {width: 254px; font-size:11px;border: 1px solid #959996;}
/*IE Hack Select*/
html* #RegForm select {height:20px;}
#RegForm .error {border: 1px solid #FE0000;}
#RegForm select#Branche.error {border: 1px solid #FE0000;}
#RegForm select#Bundesland.error {border: 1px solid #FE0000;}
#RegForm select#Land.error {border: 1px solid #FE0000;} 

#RegForm p input#submit, #RegForm p input#cancel, #RegForm p input#reset {width:150px;margin: 0 2px 0 2px;}

/*#RegForm div {display:inline;width:300px;float:left;font-size:76%;}
#RegForm div p {float:left;font-size:100%;line-height:1.8em; height:20px;}
#RegForm div input {border:none;}*/
/******************************************************************************
** MAILMODE-FORM
******************************************************************************/
#mailmode{
	margin:0 0 0 10px;
	overflow:auto;
}
#mailmode p{margin:0px}
#mailmode form#MailForm { 
 background-color: #FFFFFF; 
 border: none;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 90%; 
 margin:20px 0 0 10px;
 padding:2px;
 text-align:left;
}
#mailmode label
{
	font-size:76%;
	margin: 2px 2px 0 5px; 	
	float:left;
	height:20px;
	width:250px;
}

#mailmode input, #mailmode textarea
{ 
	font-size:11px; 
	border: 1px solid #959996; /*Rahmenfarbe Inputfelder*/  
	padding-left: 2px; 
	letter-spacing: 0px; 
	margin: 2px 0 0 0; 
	height:18px; 
	float:left;
	display:block;
	width:250px; 
}
#mailmode input.hidden {display:none;}

#mailmode #Body  {width: 90%; height: 200px;}

#mailmode p.submitbutton {clear:left;margin:0px;width:200px;}
#mailmode p.submitbutton input {width:100px;}
#mailmode .error {border: 1px solid #FE0000;}
#mailmode table#thanks
{
	margin-top:10px;
	padding:2px;
}
/******************************************************************************
** NEWSLETTERREGISTRATION FORM
******************************************************************************/

#NewsletterRegistration form#MailForm { 
 background-color: #FFFFFF; 
 border: none;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 90%; 
 width:510px;                   
 margin:20px 0 0 8px;
 padding:2px;
 text-align:left;
}
#NewsletterRegistration table { font-size: 76%; text-align:left;}
#NewsletterRegistration p {margin:0px;}
#NewsletterRegistration form#MailForm label 
{
	width:200px;               /*Breite Linke Spalte*/
	background-color:#cfcfcf;  /*Hintergrundfarbe Linke Spalte*/
	clear:both;
	font-size:76%;
	margin: 2px 2px 0 2px; 	
	float:left;
	height:20px;
	padding-left:2px;
}
#NewsletterRegistration form#MailForm label.higher
{
	height:38px;
}
#NewsletterRegistration input, #NewsletterRegistration textarea, #NewsletterRegistration select
{ 
	font-size:11px; 
	border: 1px solid #959996; /*Rahmenfarbe Inputfelder*/  
	padding-left: 2px; 
	letter-spacing: 0px; 
	margin: 2px 0 0 0; 
	height:18px; 
	float:left;
	display:block; 
}
#NewsletterRegistration form#MailForm div {display:inline;width:300px;float:left;font-size:76%;}
#NewsletterRegistration form#MailForm div p {float:left;font-size:100%;line-height:1.8em; height:20px;}
#NewsletterRegistration form#MailForm div input {border:none;}
#NewsletterRegistration input.hidden {display:none;}

#NewsletterRegistration #Vorname    {width: 300px; }
#NewsletterRegistration #Nachname   {width: 300px;}
/*IE Hack Select*/
html* #NewsletterRegistration select {height:20px;}
#NewsletterRegistration #Email       {width: 300px; }
#NewsletterRegistration #Absenden 	{border: none;}
#NewsletterRegistration .error {border: 1px solid #FE0000;}
#NewsletterRegistration p.fonterror {color: #FE0000;font-weight:bold;}
#NewsletterRegistration p.submitbutton {clear:both;text-align:right;margin-top:5px;height:20px; width:99%;}
#NewsletterRegistration p.submitbutton input {float:right;}

#NewsletterRegistration table#thanks
{
	margin-top:10px;
	padding:2px;
}

/******************************************************************************
** FUNCTIONALITYFOOTER
******************************************************************************/

#centercolumn #functionalityfooter 
{
	text-align: center;
	background-color: #e5e5e5;
	font-size: 100%;
	padding: 1px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
}
#centercolumn #functionalityfooter ul {position:relative; padding:0; margin:0; }
#centercolumn #functionalityfooter ul li {display:inline; margin:0 5px 0 5px; }

#centercolumn #functionalityfooter a {color: #990000; text-decoration : none; }
#centercolumn #functionalityfooter A:Visited	{color: #990000; text-decoration : none;}
#centercolumn #functionalityfooter A:Active	{color: #990000; text-decoration : none;}
#centercolumn #functionalityfooter A:Hover	    {color :#990000; text-decoration : underline; }

/******************************************************************************
** DISCLAIMER
******************************************************************************/

#disclaimer  
{
	clear:left;
	font-size: 80%;
	background-color: #9C9E9C;
	padding: 0px;
	margin:0px;
	text-align:center;
	border:10px solid #fff;
	color:#fff;
}

#disclaimer ul {position:relative; padding:0; margin:0; }
#disclaimer ul li {display:inline; margin:0 5px 0 5px; }

#disclaimer a {color: #990000; text-decoration : none; }
#disclaimer A:Visited	{color: #990000; text-decoration : none;}
#disclaimer A:Active	{color: #990000; text-decoration : none;}
#disclaimer A:Hover	    {color :#990000; text-decoration : underline; }

/******************************************************************************
** WHOAMI
******************************************************************************/

#whoami 
{
	font-size: 84%;
	background-color: #eeeeee;
	padding:0px;
	margin:5px 5px 15px 5px;
	border:1px solid #000;
	width:500px;
}
/******************************************************************************
** Changechoice
******************************************************************************/

#choicechange 
{
	font-size: 84%;
	padding:0px;
	margin-left:5px;
}
#choicechange select {border: 1px solid #959996;}
/******************************************************************************
** BAUSTELLENSEITE
******************************************************************************/

#baustelle 
{
	margin:150px auto; 
	font-size: 76%;
	color: #ffffff;
	display:block;
	Width: 500px;
	text-align:left;
}

#baustelleimg {float:left;margin:0;}

#baustelle #baustellelogin fieldset {
	border:none;
	display:block;
	width: 180px;
}

#baustelle #baustellelogin fieldset label {
	float:left;
	clear:both;
	display:block;
	width:54px;
	color:#D41F26;
	font-size:100%;
	text-align:left;
}

#baustelle #baustellelogin fieldset input{
	float:left;
	display:block;
	border: 1px solid #D41F26;
	background:#D41F26;
	margin-bottom:4px;
	padding:1px;
	height: 16px;
	font-size: 80%;
	color:#fff;
}

#baustelle #baustellelogin fieldset #Password {width: 100px;}
#baustelle #baustellelogin fieldset #UserName {width: 120px;}
#baustelle #baustellelogin fieldset #go  {width: 16px; border:none; margin:0 0 0 4px; padding:0;}		

/******************************************************************************
** SORTABLE
******************************************************************************/

.sorTable .flippo TABLE {
	font-family: Verdana, Arial, Sans-serif;
	padding: 0;
	border: 1px solid #666666;
	color : black;
	background-color : white;
	margin:0;
}

.sorTable .flippo A {
	text-decoration : none;
	color : black;
	border-bottom:none;
}

.sorTable .flippo A:Hover {
	text-decoration : underline;
	color : blue;
	background: #ffffff;
}

/************************************************
** Styles for the page navigation bar and the 
** column headings. When a heading cell is
** hovered over, the heading cell class changed 
** to "mouseover". When clicked, the class is
** changed to "mousedown".
************************************************/
 
.sorTable .flippo THEAD TH {
	border-width: 0 0 2px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee', endColorStr='#ffffff', gradientType='0');
	background-image: url(background_header.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: white;
}

.sorTable .flippo THEAD TR.columnHeadings TH {
	background-image: url(background_columnheadings.gif);
	background-position: top;
}
.sorTable .flippo TFOOT TH {
	border-width : 2px 0 0;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#eeeeee', gradientType='0');
	background-image: url(background_footer.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: white;
}
.sorTable .flippo TH {
	border-color : #cccccc;
	border-style : solid;
	padding : 5px;
	margin : 0;
	white-space: nowrap;
	background-color : #eeeeee;
	font-size: xx-small;
}
#centercolumn .sorTable .flippo TH a {font-size:100%;}
.sorTable .flippo TH .page {
	float : left;
}

.sorTable .flippo TH .pageLinks {
	float : right;
}

.sorTable .flippo TH .pageLinks A {
	padding : 3px;
}

.sorTable .flippo TH .pageLinks A:Hover {
	background-color : white;
}

.sorTable .flippo TH .pageLinks A:Active {
	background-color : #EEDDFF;
}

.sorTable .flippo TH .pageLinks .currentPage {
	background-color : #dddddd;
	padding : 3px;
}

.sorTable .flippo THEAD TR.columnHeadings TH.mouseover {
	background-image: none;
	background-color: #ffffff;
	filter: none;
}

.sorTable .flippo TH.mousedown {
	background-color : #EEDDFF;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#EEDDFF', endColorStr='#ffffff', gradientType='0');
}

.sorTable .flippo TH.sort {
	background-color : #dddddd;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#dddddd', endColorStr='#eeeeee', gradientType='0');
}





/************************************************
** Styles for the rows of data. When the row is
** hovered over, the row class changed to 
** "mouseover". When clicked, the class is 
** changed to "mousedown".
************************************************/


.sorTable .flippo TD {
	padding: 5px;
	border-width: 0 1px 0 0;
	margin: 0;
	border-collapse: collapse;
	border-color : #eeeeee;
	border-style : solid;
	font-size: xx-small;
}
#centercolumn .sorTable .flippo TD a{
	font-size: xx-small;
}
.sorTable .flippo .stats TD {
	padding: 5px;
	border-width: 0 1px 0 0;
	margin: 0;
	border-collapse: collapse;
	border-color : #eeeeee;
	border-style : solid;
	font-size: xx-small;
	text-align:center;
}

.sorTable .flippo TR.shade {
	background-color : #f7f7f7;
}

.sorTable .flippo TD.sort {
	background-color : #eeeeee;
}

.sorTable .flippo TR.shade TD.sort {
	background-color : #e6e6e6;
}

.sorTable .flippo TR.mouseover,
.sorTable .flippo TR.shademouseover {
	background-color : #E8D3FC;/*F3E7FF*/
}

.sorTable .flippo TR.mouseover TD,
.sorTable .flippo TR.shademouseover TD {
	border-color : #e2d6ee;
}

.sorTable .flippo TR.mouseover TD.sort,
.sorTable .flippo TR.shademouseover TD.sort {
	background-color : #e2d6ee;
}

.sorTable .flippo TR.mousedown,
.sorTable .flippo TR.shademousedown {
	background-color : #BF81FF;
}

.sorTable .flippo TR.mousedown TD,
.sorTable .flippo TR.shademousedown TD {
	border-color : #ae70ee;
}

.sorTable .flippo TR.mousedown TD A,
.sorTable .flippo TR.shademousedown TD A {
	color : white;
}

.sorTable .flippo TR.mousedown TD.sort,
.sorTable .flippo TR.shademousedown TD.sort {
	background-color : #ae70ee;
}

.sorTable .flippo .boldred
{
font-weight:bold;
color:#FF0000
}
.sorTable .flippo .currentPage {
	background-color : #dddddd;
	padding : 2px;
}
.sorTable .flippo .Pagelinks2 {
	background-color : #F7F7F7;
	background-image:none;
}
/*******************************************
*  Styles for Details Div on the right Side
********************************************/
.sorTable .details TABLE {
	float : right;
}
.sorTable .details TH {
	border-color : #cccccc;
	border-style : solid;
	padding : 5px;
	margin : 0;
	white-space: nowrap;
	background-color : #eeeeee;
	font-size: xx-small;	
}
.sorTable .details THEAD TH {
	border-width: 0 0 2px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee', endColorStr='#ffffff', gradientType='0');
	background-image: url(background_header.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px outset #666;
	color: black;
}
.sorTable .details TD {
	font-size: x-small;
}

.sortable .details TD.alignleft
{	text-align:left;}
.sortable .details TD.aligncenter
{	text-align:center;}
.sortable .details TD.alignright
{	text-align:right;}

/******************************************************************************
** FLIPPO OVERVIEW
******************************************************************************/

.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
	background:#fff; 
	border:1px solid #7C7C7C; 
	padding:0px; 
	position:relative; 
	line-height:1px;
}

.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }

  /*.image100 {width:100px; padding:0;margin-bottom:5px;}
  .image125 {width:125px; padding:0;margin-bottom:5px;}
  .image150 {width:150px; padding:0;margin-bottom:5px;}
  .image180 {width:180px; padding:0;margin-bottom:5px;}*/
  .image100 {width:102px; padding:0;}
  .image125 {width:127px; padding:0;}
  .image150 {width:152px; padding:0;}
  .image180 {width:182px; padding:0;}
  
  *.spalte100 { padding:5px; text-align:left; width:115px; float:left; position: relative; height: 200px; }
  *.spalte125 { padding:5px; text-align:left; width:140px; float:left; position: relative; height: 230px; }
  *.spalte150 { padding:5px; text-align:left; width:165px; float:left; position: relative; height: 265px; }
  *.spalte180 { padding:5px; text-align:left; width:195px; float:left; position: relative; height: 308px; }
  
 #centercolumn .spalte100 p {display: block; left:5px; right:5px; height: 2em; margin: 0px 0px;line-height: 1em;}
 #centercolumn .spalte125 p {display: block; left:5px; right:5px; height: 2em; margin: 0px 0px;line-height: 1em;}
 #centercolumn .spalte150 p {display: block; left:5px; right:5px; height: 2em; margin: 0px 0px;line-height: 1em;}
 #centercolumn .spalte180 p {display: block; left:5px; right:5px; height: 2em; margin: 0px 0px;line-height: 1em;}
	
  * html .spalte100 p { margin-top: -6px;}
  * html .spalte125 p { margin-top: -6px;}
  * html .spalte150 p { margin-top: -6px;}  
  * html .spalte180 p { margin-top: -6px;}
    
  div#spaltencontainer {
width: 630px;/*100%;*/
margin: 0 auto;
}

  div#spaltencontainer100 {
width: 97%;
margin: 0 10px;
}
div#spaltencontainer.zweispalten {width:410px;}

.flippo h1 { font-size:18px; font-weight:600; font-style:normal; text-decoration:none; font-family:verdana,arial,helvetica; line-height:20px; letter-spacing:0.1mm; word-spacing:0.1mm; margin-top:10px; }

.flippo p { font-size:11px; font-weight:300; font-style:normal; text-decoration:none; font-family:verdana,arial,helvetica; line-height:14px; letter-spacing:0.1mm; word-spacing:0.1mm; }


/******************************************************************************
** TABS STATISTIK
******************************************************************************/
#StatNav {
	background: url(../img/basics/tab_statistik.gif);
	width: 650px;
	height: 26px;
	margin: 0;
	padding: 0;
	position: relative;
	}
ul#StatNav {margin:0px;}	
#StatNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#StatNav li, #StatNav a, #StatNav .hidea {
	height: 26px;
	display: block;
	}

#StatNav a, #StatNav .hidea {
	text-indent: -5000px;
	text-decoration: none;
	border-bottom:none; 		
	}

#StatNav #nav_stats {left: -30px; width: 103px;}
#StatNav #nav_orders {left: 75px; width: 103px;}

#StatNav #nav_stats a:hover { background: transparent url(../img/basics/tab_statistik.gif) 0px -40px no-repeat;}
#StatNav #nav_orders a:hover { background: transparent url(../img/basics/tab_statistik.gif) -105px -40px no-repeat;}

#StatNav #nav_stats a.selected:link, #StatNav #nav_stats a.selected:hover, #StatNav #nav_stats a.selected:visited, #StatNav #nav_stats a.selected:visited:hover { background: transparent url(../img/basics/tab_statistik.gif) 0px -77px no-repeat; }
#StatNav #nav_orders a.selected:link, #StatNav #nav_orders a.selected:hover, #StatNav #nav_orders a.selected:visited, #StatNav #nav_orders a.selected:visited:hover { background: transparent url(../img/basics/tab_statistik.gif) -105px -77px no-repeat; }
/***************************  Anweisung f�r FF, Addiert Paddings zur Breite  ******************************/
.stats_tabset_content_tab1{ background-color:#6B8E4A; position:relative; z-index:1; padding:0.5em 0.5em 0.5em 0.5em; width: 635px; border-top:none;}
.stats_tabset_content_tab2{ background-color:#95787C; position:relative; z-index:1; padding:0.5em 0.5em; width: 635px; border-top:none;} 
/***********************************  folgende Zeile "liest" nur der IE  ***********************************/
* html .stats_tabset_content_tab1{background-color:#7BA4CC; position:relative; z-index:1; padding:0.5em 0.5em 0.5em 0.5em; width: 650px; border-top:none;}
* html .stats_tabset_content_tab2{background-color:#C9B2C3; position:relative; z-index:1; padding:0.5em 0.5em; width: 650px; border-top:none;} 
/*************************************************************************************************************/

/******************************************************************************
** TABS KATALOGKONFIGURATOR �BERSICHTSSEITEN
******************************************************************************/
ul#CPNav {margin:0px;}
#CPNav {
	background: url(../img/basics/tab_nav_cp.gif);
	width: 650px;
	height: 26px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#CPNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#CPNav li, #CPNav a, #CPNav .hidea {
	height: 26px;
	display: block;
	}

#CPNav a, #CPNav .hidea {
	text-indent: -5000px;
	text-decoration: none;
	border-bottom:none; 		
	}

#CPNav #nav_katalog {left: -30px; width: 103px;}
#CPNav #nav_einstellungen {left: 75px; width: 103px;}
#CPNav #nav_text {left: 180px; width: 103px;}
#CPNav #nav_vorschau {left: 285px; width: 103px;}
#CPNav #nav_quelltext {left: 389px; width: 103px;}

#CPNav #nav_katalog a:hover { background: transparent url(../img/basics/tab_nav_cp.gif) 0px -40px no-repeat;}
#CPNav #nav_einstellungen a:hover { background: transparent url(../img/basics/tab_nav_cp.gif) -105px -40px no-repeat;}
#CPNav #nav_text a:hover { background: transparent url(../img/basics/tab_nav_cp.gif) -210px -40px no-repeat;}
#CPNav #nav_vorschau a:hover { background: transparent url(../img/basics/tab_nav_cp.gif) -315px -40px no-repeat;}
#CPNav #nav_quelltext a:hover { background: transparent url(../img/basics/tab_nav_cp.gif) -419px -40px no-repeat;}

#CPNav #nav_katalog a.selected:link, #CPNav #nav_katalog a.selected:hover, #CPNav #nav_katalog a.selected:visited, #CPNav #nav_katalog a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_cp.gif) 0px -77px no-repeat; }
#CPNav #nav_einstellungen a.selected:link, #CPNav #nav_einstellungen a.selected:hover, #CPNav #nav_einstellungen a.selected:visited, #CPNav #nav_einstellungen a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_cp.gif) -105px -77px no-repeat; }
#CPNav #nav_text a.selected:link, #CPNav #nav_text a.selected:hover, #CPNav #nav_text a.selected:visited, #CPNav #nav_text a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_cp.gif) -210px -77px no-repeat; }
#CPNav #nav_vorschau a.selected:link, #CPNav #nav_vorschau a.selected:hover, #CPNav #nav_vorschau a.selected:visited, #CPNav #nav_vorschau a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_cp.gif) -315px -77px no-repeat; }
#CPNav #nav_quelltext a.selected:link, #CPNav #nav_quelltext a.selected:hover, #CPNav #nav_quelltext a.selected:visited, #CPNav #nav_quelltext a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_cp.gif) -419px -77px no-repeat; }

/***********************************  folgende Zeile "liest" nur der IE  ***********************************/
* html .tabset_content_tab1{background-color:#aac199; position:relative; z-index:1; padding:0.5em; width: 650px; border-top:none;}
* html .tabset_content_tab2{background-color:#cebec6; position:relative; z-index:1; padding:0.5em; width: 650px; border-top:none;} 
* html .tabset_content_tab3{background-color:#eece93; position:relative; z-index:1; padding:0.5em; width: 650px; border-top:none;}
* html .tabset_content_tab4{background-color:#a9c9c8; position:relative; z-index:1; padding:0.5em; width: 650px; border-top:none;}
* html .tabset_content_tab5{background-color:#dbb79f; position:relative; z-index:1; padding:0.5em; width: 650px; border-top:none;}
* html .tabset_content_tab6{background-color:#aac199; position:relative; z-index:1; padding:0.5em; width: 650px; border-top:none;}
* html .tabset_content{ background-color:#eeeeee; position:relative; z-index:1; padding:0; width: 650px; border-top:none;}
/***************************  Anweisung f�r FF, Addiert Paddings zur Breite  ******************************/
.tabset_content_tab1{ background-color:#aac199; position:relative; z-index:1; padding:0.5em; width: 635px; border-top:none;}
.tabset_content_tab2{ background-color:#cebec6; position:relative; z-index:1; padding:0.5em; width: 635px; border-top:none;} 
.tabset_content_tab3{ background-color:#eece93; position:relative; z-index:1; padding:0.5em; width: 635px; border-top:none;}
.tabset_content_tab4{ background-color:#a9c9c8; position:relative; z-index:1; padding:0.5em; width: 635px; border-top:none;}
.tabset_content_tab5{ background-color:#dbb79f; position:relative; z-index:1; padding:0.5em; width: 635px; border-top:none;}
.tabset_content_tab6{ background-color:#aac199; position:relative; z-index:1; padding:0.5em; width: 635px; border-top:none;}
.tabset_content{ background-color:#eeeeee; position:relative; z-index:1; padding:0.5em; width: 635px; border-top:none;}
div#centercolumn .tabset_content table {margin:0;}
div.tabset_content input {font-size:70%;}
.flippotab {
	border:1px solid #4A4D4A;
	padding: 5px;
	margin: 0;
	background-color : #f7f7f7;
	font-size:84%;
	}
.flippotab fieldset {
	border: 1px solid #4A4D4A;
	padding: 8px;
	}
.flippotab legend {
 	color: #4A4D4A;
}
.flippotab #ExtendendSettings 
{
display:none;
margin-top: 10px;
}
.flippotab a.nude, .flippotab a:hover.nude, .flippotab a:link.nude, .flippotab a:selected.nude
{
	text-decoration: none;  
	border-bottom: none;
	color: #444;
	font-size: 100%;
	font-weight:normal;
}
.tabset_content_tab2 .flippotab label{
	display:block;
	float:left;
	width:230px;
}
#centercolumn #flippo-boxes {
		font-family: Arial, sans-serif;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		width: 630px;
	}
#centercolumn #flippo-boxes li {
		cursor: move;
		position: relative;
		float: left;
		margin: 5px 5px 0px 0px;
		width: 100px;
		height: 140px;
		border: 1px solid #000;
		text-align: center;
		padding-top: 5px;
		background-color: #cfcfcf;
	}
/******************************************************************************
** TABS KATALOGKONFIGURATOR KATALOGE
******************************************************************************/
ul#CANav {margin:0px;}
#CANav {
	background: url(../img/basics/tab_nav_ca.gif);
	width: 650px;
	height: 26px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#CANav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#CANav li, #CANav a, #CANav .hidea {
	height: 26px;
	display: block;
	}

#CANav a, #CANav .hidea {
	text-indent: -5000px;
	text-decoration: none;
	border-bottom:none; 		
	}

#CANav #nav_einstellungen {left: -30px; width: 103px;}
#CANav #nav_text {left: 75px; width: 103px;}
#CANav #nav_vorschau {left: 180px; width: 103px;}
#CANav #nav_quelltext {left: 285px; width: 103px;}
#CANav #nav_popup {left: 389px; width: 103px;}
#CANav #backtoCP {left: 520px; top: 5px;}
#CANav #backtoCP #back{width:100px;height:20px;border:1px solid #959996;}

#CANav #nav_einstellungen a:hover { background: transparent url(../img/basics/tab_nav_ca.gif) 0px -40px no-repeat;}
#CANav #nav_text a:hover { background: transparent url(../img/basics/tab_nav_ca.gif) -105px -40px no-repeat;}
#CANav #nav_vorschau a:hover { background: transparent url(../img/basics/tab_nav_ca.gif) -210px -40px no-repeat;}
#CANav #nav_quelltext a:hover { background: transparent url(../img/basics/tab_nav_ca.gif) -315px -40px no-repeat;}
#CANav #nav_popup a:hover { background: transparent url(../img/basics/tab_nav_ca.gif) -419px -40px no-repeat;}

#CANav #nav_einstellungen a.selected:link, #CANav #nav_einstellungen a.selected:hover, #CANav #nav_einstellungen a.selected:visited, #CANav #nav_einstellungen a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_ca.gif) 0px -77px no-repeat; }
#CANav #nav_text a.selected:link, #CANav #nav_text a.selected:hover, #CANav #nav_text a.selected:visited, #CANav #nav_text a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_ca.gif) -105px -77px no-repeat; }
#CANav #nav_vorschau a.selected:link, #CANav #nav_vorschau a.selected:hover, #CANav #nav_vorschau a.selected:visited, #CANav #nav_vorschau a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_ca.gif) -210px -77px no-repeat; }
#CANav #nav_quelltext a.selected:link, #CANav #nav_quelltext a.selected:hover, #CANav #nav_quelltext a.selected:visited, #CANav #nav_quelltext a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_ca.gif) -315px -77px no-repeat; }
#CANav #nav_popup a.selected:link, #CANav #nav_popup a.selected:hover, #CANav #nav_popup a.selected:visited, #CANav #nav_popup a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_ca.gif) -419px -77px no-repeat; }
div#centercolumn div.flippotab table {margin:0;}
/******************************************************************************
** TABS LIERFERANTENKONFIGURATOR
******************************************************************************/
ul#SupplierNav {margin:0px;}

#SupplierNav {
	background: url(../img/basics/tab_nav_supplier.jpg);
	width: 650px;
	height: 26px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#SupplierNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#SupplierNav li, #SupplierNav a, #SupplierNav .hidea {
	height: 26px;
	display: block;
	}

#SupplierNav a, #SupplierNav .hidea {
	text-indent: -5000px;
	text-decoration: none;
	border-bottom:none; 		
	}

#SupplierNav #nav_Tab1 {left: -30px; width: 103px;}
#SupplierNav #nav_Tab2 {left: 75px; width: 103px;}
#SupplierNav #nav_Tab3 {left: 180px; width: 103px;}
#SupplierNav #nav_Tab4 {left: 285px; width: 103px;}
#SupplierNav #nav_Tab5 {left: 390px; width: 103px;}
#SupplierNav #nav_Tab6 {left: 495px; width: 103px;}

#SupplierNav #nav_Tab1 a:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) 0px -40px no-repeat;}
#SupplierNav #nav_Tab2 a:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) -105px -40px no-repeat;}
#SupplierNav #nav_Tab3 a:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) -210px -40px no-repeat;}
#SupplierNav #nav_Tab4 a:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) -315px -40px no-repeat;}
#SupplierNav #nav_Tab5 a:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) -420px -40px no-repeat;}
#SupplierNav #nav_Tab6 a:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) -525px -40px no-repeat;}

#SupplierNav #nav_Tab1 a.selected:link, #SupplierNav #nav_Tab1 a.selected:hover, #SupplierNav #nav_Tab1 a.selected:visited, #SupplierNav #nav_Tab1 a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) 0px -76px no-repeat; }
#SupplierNav #nav_Tab2 a.selected:link, #SupplierNav #nav_Tab2 a.selected:hover, #SupplierNav #nav_Tab2 a.selected:visited, #SupplierNav #nav_Tab2 a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) -105px -76px no-repeat; }
#SupplierNav #nav_Tab3 a.selected:link, #SupplierNav #nav_Tab3 a.selected:hover, #SupplierNav #nav_Tab3 a.selected:visited, #SupplierNav #nav_Tab3 a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) -210px -76px no-repeat; }
#SupplierNav #nav_Tab4 a.selected:link, #SupplierNav #nav_Tab4 a.selected:hover, #SupplierNav #nav_Tab4 a.selected:visited, #SupplierNav #nav_Tab4 a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) -315px -76px no-repeat; }
#SupplierNav #nav_Tab5 a.selected:link, #SupplierNav #nav_Tab5 a.selected:hover, #SupplierNav #nav_Tab5 a.selected:visited, #SupplierNav #nav_Tab5 a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) -420px -76px no-repeat; }
#SupplierNav #nav_Tab6 a.selected:link, #SupplierNav #nav_Tab6 a.selected:hover, #SupplierNav #nav_Tab6 a.selected:visited, #SupplierNav #nav_Tab6 a.selected:visited:hover { background: transparent url(../img/basics/tab_nav_supplier.jpg) -525px -76px no-repeat; }
.suppliertab {
	border:1px solid #4A4D4A;
	padding: 10px;
	margin: 0;
	background-color : #f7f7f7;
	height:1%; 
	}
.suppliertab fieldset {
	border: 1px solid #4A4D4A;
	font-size:80%;
	padding:5px;
	width:280px;
	}
.suppliertab fieldset.fieldleft
{
	float:left;	
}
.suppliertab fieldset.full{
	width:578px;
}
.suppliertab fieldset.fieldright
{
	float:left;
	margin-left:5px;	
}	
.suppliertab fieldset table {font-size:100%;}
.suppliertab table {font-size:80%;}

.suppliertab legend {
 	color: #4A4D4A;
}
div#centercolumn form#SelectSetting table {margin:0;}
/******************************************************************************
** LIERFERANTENKONFIGURATOR AUSGABE
******************************************************************************/

div#ShowSupplier {
	margin: 0;
	padding: 0;
	}
	
div#ShowSupplier table td{
	font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    font-size: 72%; 
    line-height: 1.1em; 
    /*word-spacing: 0.1em; */
    color: #535553; 
}
div#ShowSupplier a {color: #990000; text-decoration : none; }
div#ShowSupplier A:Visited	{color: #990000; text-decoration : none;}
div#ShowSupplier A:Active	{color: #990000; text-decoration : none;}
div#ShowSupplier A:Hover	    {color :#979797; text-decoration : none;}

div#ShowSupplier a.black {color: #000000; text-decoration : none;  border-bottom: none; }
div#ShowSupplier a.black:Visited	{color: #000000; text-decoration : none;}
div#ShowSupplier a.black:Active	{color: #000000; text-decoration : none;}
div#ShowSupplier a.black:Hover   {color: #000000; text-decoration : underline; background: none;}

div#ShowSupplier a.white {color: #FFFFFF; text-decoration : none;  border-bottom: none; }
div#ShowSupplier a.white:Visited	{color: #FFFFFF; text-decoration : none;}
div#ShowSupplier a.white:Active	{color: #FFFFFF; text-decoration : none;}
div#ShowSupplier a.white:Hover   {color: #FFFFFF; text-decoration : underline; background: none;}

/******************************************************************************
** MAILING
******************************************************************************/

div#Mailing table {
    font-size: 84%; 
}
form#eMailForm 
{
	margin-left:10px;
}
form#eMailForm input
{
	float:left;
}
p.error
{font-weight:bold;color:#FE0000;}
/******************************************************************************
** Welcome
******************************************************************************/
div#welcome{
	width:98%;
	border:1px solid #415A79;
	margin-top:10px;
	padding:5px;
}
div#welcome h3{
	margin-bottom:5px;
}

/******************************************************************************
** IMAGEFLOW
******************************************************************************/
#imageflow img { 
	position:absolute; 
	top:0px;
	border:none;
}
#imageflow a{
	color:#fff;
}
#imageflow #images{
	visibility:hidden;
}
#imageflow #loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#imageflow #loading img{
	margin-top:10px;
	position:relative; 
}
#imageflow #captions{
	position:relative; 
	text-align:center;
	z-index:10000;
	visibility:hidden;
}
#imageflow #scrollbar{
	visibility:hidden;
	position:relative; 
	border-bottom:1px solid #545454;
	z-index:10001;
}
#imageflow #slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(/img/imageflow/slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}
#imageflow{
	text-align:left;
	width:630px;
}
/*Sonstiges*/
#centercolumn p img {padding-right:5px;}

/******************************************************************************
** NEWCATALOGFORM
******************************************************************************/
form#catalog{ 
 border: none;
 float:left;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 100%; 
 margin:0 0 0 10px;
 padding:2px;
 text-align:left;
 width:470px;
}

form#catalog table {
	margin:0px;
}
form#catalog label
{
	font-size:76%;
	margin: 2px 10px 0 2px; 	
	float:left;
	height:20px;
	width:150px;
	font-weight:bold;
}

form#catalog input, form#catalog textarea, form#catalog select 
{ 
	font-size:90%; 
	border: 1px solid #959996; 
	padding-left: 2px;  
	margin: 2px 0 0 0;  
	height:18px; 
	float:left;
	display:block;
	width:300px;
}
form#catalog div#general span {
	font-size:90%; 
	border: none;
	padding-left: 2px;  
	margin: 2px 0 0 0;  
	height:20px; 
	float:left;
	display:block;
	width:300px;
}
form#catalog select {width:304px;}
html* form#catalog select {height:20px;width:306px;}

form#catalog textarea {height:200px;}
form#catalog textarea#tableofcontent {margin-bottom:5px;}
form#catalog input.radio
{
	font-size:11px; 
	border:none;
	padding:0px;
	margin:1px 0 0 0px;
	width:14px;
}
form#catalog div#general p  {margin:0;float:left;}
form#catalog div#general p.abstand {margin-left:30px;}
form#catalog .small {width:20px;}
form#catalog input.hidden {display:none;}

form#catalog p input#submit {width:150px;margin: 5px 2px 0 310px;}
form#catalog .x-tabs-strip td {padding:0 2px 0 0;}
form#catalog .x-tabs-body {background-color:white}

/******************************************************************************
** SONSTIGES NEUES
******************************************************************************/
div#copycatalog {
	border:1px dotted black;
	float:left;
	font-size:80%;
	margin-top:4px;
	padding:5px;
	width:150px;
}
div#hinweis {
	background-color:#fe0000;
	border:1px dotted black;
	color:#fff;
	font-size:80%;
	font-weight:bold;
	margin-top:4px;
	padding:5px;
	width:90%;
}
#centercolumn ul.sortable li {
	position: relative;
}

#centercolumn ul.boxy {
	background-color: #FcFcFc;
	border:1px solid white;
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 0px;
	width: 10em;
	font-size: 13px;
	font-family: Arial, sans-serif;
}
#centercolumn ul.boxy li {
	cursor:move;
	margin: 0 0 4px 0;
	padding: 2px 2px;
	border: 1px solid #bbb;
	background-color: #ddd;
}
#centercolumn ul.boxy li.restricted {
	background-color: #FFFD50;
}
#centercolumn div#selectdragbox label{
	font-size:12px;
}
#centercolumn span.dragboxheader{
	float:left;
	font-size:12px;
	font-weight:bold;
	padding: 4px 4px 0 4px;	
	width:200px;
}
#centercolumn span.margin{
	margin-left:50px;
	width:300px;
}
#centercolumn #dragbox1 {
	float:left;
	width:200px;
	min-height:300px;
}

#centercolumn #dragbox2 {
	border: 1px solid white;
	float:left;
	margin-left:50px;
	min-height:300px;
	width:200px;
}