@charset "UTF-8";
/*	-------------------------------------------------------------
	www.holz-speckmann.de
	Gunkel_Consulting
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Standard Style
	Filename:		main.css
	Version:		2.0
	Date:			Feb 07, 2008
	Author:			Mario Bone-Winkel bone-winkel@gunkel.com
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Master Style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	/* css-document 
    ----------------------------------------------- 
	* Charset
	* Import Base
	* import basemode
	* import content
	* import print
	* Teaser
	* Teaser 1
    * Archiv 
    * Startpage
    * Header 
    * Search
    * Tagcloud
    * Positionfinder
    * Hor. Menue 
    * Main Navigation
    * Login 1 + 2
    * Mainlogin (Protected Page)
    * Contact Form
    * Registration Form
    * Mailmode-Form
    * Functionality Footer
    * Baustellenseite
	* Filemodul
	* Passwort vergessen
	* Sortable
	* GAKABEstellung
	* Classes
	* Searchwords
*/

/* import core styles | Basis-Stylesheets einbinden */
@import url(/css/core/base.css);
/* import screen content einbinden */
@import url(/css/screen/content.css); 
/* import print layout | Druck-Layout einbinden */
/*@import url(/css/print/print.css); */
/* import screen layout | Screen-Layout einbinden */
/*@import url(/css/screen/basemod_468.css); */
/* import Sales CSS | Sales CSS Einstellungen importieren */
@import url(/css/sales.css); 
/******************************************************************************
** TEASER 
******************************************************************************/
#col1 div.teaser {
	overflow:auto;
	width:99%;
	background-color:#ffffff;
	margin: 0 20px 10px 10px;
		
}
/* Teasereinstellungen 2-Spaltigkeit */
#col1 div.teaser2CL {
	float:left;
	margin-bottom:10px;
	width:49%;
	border: 1px solid #d5d5d5;
}
#col1 div.teaser2CR {
	float:left;
	margin:0 0 10px 10px;
	width:49%;
	border: 1px solid #d5d5d5;
}
/* Teasereinstellungen 3-Spaltigkeit*/
#col1 div.teaser3CL {
	float:left;
	margin-bottom:10px;
	width:33%;
}
#col1 div.teaser3CR {
	float:left;
	margin:0 0 10px 10px;
	width:32%; 
}
/*Bilder bei 3 Spalten-Darstellung ausblenden
#col1 div.teaser3CR p img, #col1 div.teaser3CR img, #col1 div.teaser3CL p img, #col1 div.teaser3CL img{
	display:none;
}*/
/*#col1 div.teaser2CR p img, #col1 div.teaser2CR img, #col1 div.teaser2CL p img, #col1 div.teaser2CL img{
	width:40%;
	height:40%;
}Skalieren über CSS funktioniert nicht vernünftig, IE skaliert anhand Größe vom DIV*/
/* Listeneinstellungen 2-Spaltigkeit */
#col1 div.list2CL {
	float:left;
	width:49%;
}
#col1 div.list2CR {
	float:left;
	margin:0 0 0 10px;
	width:49%;
}
/* Listeneinstellungen 2-Spaltigkeit */
#col1 div.list3CL {
	float:left;
	width:33%;
}
#col1 div.list3CR {
	float:left;
	margin:0 0 0 10px;
	width:32%;
}
#col1 div.teaser img {
	float:left;
	padding: 10px 10px 10px 10px ;
}
*+html #col1 div.teaser img{padding:0 10px 0 0;}
#col1 div.teaser img.teaserfullpic{
	padding:0px;
}
#col1 div.teaser p {
	font-size:12px;
	margin:8px 0 10px 0;
	padding:0;
}
#col1 div.teaser p.teaserfullpic img{
	padding:0px;
}
#col1 div.teaser p.showBody {
	text-align:right;
	margin-right:1px;
	}
*+html #col1 div.teaser p {margin:0;} 
*+html #col1 div.teaser p.showBody {margin:0;}

#col1 div.teaser h3{
	border-bottom:none;
	font-size:16px;
	color:#cb011b;
	margin-left:0px;
}
/******************************************************************************
** TEASER 1
******************************************************************************/
#col1 div.teaser1 {
	overflow:auto;
	width:628px;
	background-color:#f5f3ec;
	margin: 0 10px 10px 10px;
	border: 1px solid #c4bea8;
	
}
#col1 div.teaser1 img {
	float:left;
	padding:0 0px 0px 0;
	margin: 0 15px 0 0px;
}
*+html #col1 div.teaser1 img{padding:0 10px 0 0;}
#col1 div.teaser1 p {
	font-size:12px;
	line-height: 1.5em;
	margin:10px  10px 10px 10px ;
	padding:0;
}
#col1 div.teaser1 p.showBody {
	text-align:right;
	}
*+html #col1 div.teaser1 p {margin:0;} 
*+html #col1 div.teaser1 p.showBody {margin:0;}

#col1 div.teaser1 h3{
	border-bottom:none;
	font-size:16px;
	color:#cb011b;
	margin-left:0px;
}
/******************************************************************************
** ARCHIV 
******************************************************************************/
#col1 div.archiv p.week{
	color:#acacac;
	font-family: verdana;
	font-size:68%;
	font-weight:bold;
	margin: 10px 0px 8px 0px;
	padding:0px;
}
#col1 div.archiv div.listname{
	background-color: #e8e8e8;
	font-size:80%;
	padding: 5px 10px 5px 10px;
	width:95%;
}
#col1 div.archiv div.teaser{
	background-color: #f6f6f6;
	margin-bottom:10px;
	padding:10px;	
	width:95%;
}
#col1 div.archiv div.nocontent{
	background-color: #f6f6f6;
	font-size:70%;
	margin-bottom:10px;
	padding:10px;
	width:95%;
}
#col1 div.archiv div.archivhr {
	background-color:#ACACAC; 
	color:#ACACAC;
	height:1px;
	margin:15px 0px 10px 0px;
	width:100%; 
	  }
#col1 div.archiv div.archivhr hr {    /* for CSS1 browsers */
      display: none;
      }
#col1 div.archiv div.archivhr * {     /* for CSS2 browsers */
	  display: none;
      }
#col1 div.archiv div.next span{
	background-color:#990000;
	color:#fff;
	padding: 0 2px 0 2px;
}
#col1 div.archiv div.next{
	font-size:80%;
	padding-bottom:5px;
}
#col1 div.archiv img {display:none;}
/******************************************************************************
** STARTPAGE 
******************************************************************************/
#startpage {padding:0px;margin:0px;line-height:1em;height:1%;font-size:100%;}
#startpage #startimage {height:360px}
#startpage .box4 {width:249px; float:left; margin: 2px 0 0 0;height:115px;}
*+html #startpage .box4 {margin-top: 2px;}
#startpage .box2 {background-color: #D2C4CB; width:500px; float:left;margin: 2px 2px 2px 0; height:70px;}
#startpage .right_box{background-color: #C6BDA4;margin: 2px 0 2px 0;}
*+html #startpage .box2 {margin-bottom:2px;}
#startpage .margin_right{margin-right: 2px;}
#startpage h3 {font-size: 84%;	color: #ffffff; padding:0 0 0 10px; margin:0px; background-color:#999999;
 line-height:2em; font-weight: normal;}
#startpage h3 a {font-size:100%;text-decoration:none;color:#fff;} 
#startpage h4 {font-size: 80%;	color: #000000;	font-weight:bold;margin-bottom:4px;}
#startpage a, #startpage p {font-size:70%;}
#startpage p a {font-size:100%;}
#startpage p {margin:0;padding:10px 10px 10px 10px;}
#startpage .box2 p {margin:0;padding:0px 10px 10px 10px;}
#startpage .bluess {background-color:#A7CDD3;}
#startpage .yellowss {background-color:#F5E881;}
#startpage .purpless {background-color:#D2C4CB;}
#startpage .greenss {background-color:#D2C4CB;}/*C2D9B5*/
#startpage iframe {margin:31px 0 0 33px;}
#startpage input#Email{height:17px; border:1px solid #2f2f2f; width:150px; margin-left:10px;font-size:76%;padding-left:2px; color:#979797; float:left;}
#startpage input#go2 {float:left;margin:0 0 7px 5px;}

#startpage .box4 div.pic {
	display:block;
	float:left;
	width:126px;
}

#startpage .box4 div, #startpage .box4 div a{
	float:left;
	font-size:11px;
	line-height:1.3em;
	text-decoration:none;
}
#startpage .box4 div span.small{
	font-size:11px;
}
#startpage .box4 div.caption {
	background-color: #dedede;
	color:#D1001A;
	font-size:10px;
	height:55px;
	padding: 5px 10px 5px 10px;
	width:103px;
}
#startpage .box4 div.caption a{
	font-size:10px;
}
#startpage .box4 div.price {
	background: url(../img/sales/bg_sales_sp_price.gif);
	color:#fff;
	font-size:14px;
	font-weight:bold;
	height:19px;
	letter-spacing:-1px;
	line-height:1em;
	padding: 4px 9px 0 5px;
	text-align:right;
	width:109px;
}

/***********************************************
** Search
***********************************************/
#search {float:right;}
#search fieldset
{
	border:none;
	width:170px;
	float:left;
	margin:0px;
	padding:0px;
}
#search fieldset label {
	float:left;
	color:#343434;
	clear:both;
	width:50px;
	font-size: 80%;
	font-weight: bold;
}
#search fieldset input
{
	float:left;
	width:85px;
	height:17px;
	border: 1px solid #C90019;
	margin: 0 0 0 7px;
	font-size:80%;
}
#search fieldset input#go_search
{
	height:19px;
	width:19px;
	border:none; 
}

form#bigsearchform
{
	margin:10px 0 0 10px;
	width:600px;
}
form#bigsearchform p
{
	font-weight:bold;
	font-size:76%;
	margin:0;	
}
form#bigsearchform p input#searchfield
{
	float:left;
	width:200px;
	height:18px;
	border: 1px solid #ffb401;
}
form#bigsearchform p input#go_searchfield
{
	width:100px; 
	height:20px;
	border: 1px solid #ffb401;
	margin-left:2px;
	padding:0px;
} 
form#bigsearchform table
{
	margin-top:10px;
	font-size:76%;
}

div#searchresults
{
	width:600px;
} 
div#searchresults div.left_content {width:87%;float:left;font-size:76%;height:16px;padding-left:10px;}
div#searchresults div.right_content {width:10%;float:left;font-size:76%;height:16px;padding-top:3px;}
div#searchresults p {width:100%;}
/******************************************************************************
** 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
******************************************************************************/
div#quermenue{
	background-color:#E2001A;
	clear:both;
	float:left;
	height:12px;
	margin:0;
	padding:0;
	position:relative;
	top:14px;
	width:100%;
}

ul#navigation
{
	float:left;
	font-size:12px;
	line-height:12px;
	list-style: none;
	margin: 0;
	padding: 0;
	width:751px;
}

#navigation li
{
	background-color:#BCBCBC;
	float: left;
	font-weight:bold;
	margin-left:10px;
	padding: 0 5px;
	text-transform: uppercase;
} 
#quermenue a {text-decoration:none; color:#fff;}
#quermenue a.topmenueselected, #quermenue a.topmenueselected:active, #quermenue a.topmenueselected:visited, #quermenue a.topmenueselected:hover, #quermenue a:hover  {
	color: #E2001A;
}
ul#ghnavigation{
	border-left: 2px solid #BCBCBC;
	float:left;
	font-size:12px;
	line-height:12px;
	list-style: none;
	margin: 0;
	padding: 0;
	width:249px;
}
#ghnavigation li
{
	background-color:#BCBCBC;
	float: right;
	font-weight:bold;
	margin-right:10px;
	padding: 0 5px;
	text-transform: uppercase;
} 
/******************************************************************************
** MAIN NAVIGATION
******************************************************************************/

div#leftmenue ul {
	font-size: 70%;	
	list-style: none;
	padding: 0px;
	margin: 10px 0 0px 20px;
	Width:140px;
	line-height:1.7em;
}

	div#leftmenue ul li {
		margin: 0;
		padding:0;
	}

	div#leftmenue ul li a {
		display: block;
		font-weight:bold;
		padding: 7px 0 0 0;
		color: #606060;
		text-decoration: none;
	}
	
	div#leftmenue ul li a:hover, div#leftmenue ul li a.aktuell {
		color: #E2001A;
	}
	
		div#leftmenue ul li ul {
			font-size:10px;
			list-style:disc;
			padding: 0;
			width:130px;
			margin:0 0 5px 10px;
		}

			div#leftmenue ul li ul li{
				display: inline;
				border-bottom: none;
				line-height:1.1em;
				background:none;
			}

			div#leftmenue ul li ul li a{
				display: block;
				padding: 0;
				font-weight: normal;
				text-decoration: none;
			}
	
/******************************************************************************
** LOGIN-BEREICH
******************************************************************************/

#login {
	margin: 25px 0 25px 10px;
	font-size: 70%;
	color: #404040;
	text-align:left;
}
/**+html #login{margin: 25px 0 25px 10px;}*/

#login fieldset {
	border:none;
	display:block;
	clear:both;
	margin-bottom: 10px;
	width: 130px;
}

#login fieldset label {
	float:left;
	clear:both;
	display:block;
	width:44px;
}

#login fieldset input{
	float:left;
	display:block;
	border: 1px solid #6d6c6c;
	background:#ebebeb;
	margin-bottom:4px;
	padding:1px;
	height: 13px;
	font-size: 100%;
}

#login fieldset #Password {width: 62px;}
#login fieldset #UserName {width: 82px;}
#login fieldset #go  {height:16px;width: 16px; border:none; margin:0 0 0 4px; padding:0;}

#login a {color: #2e2e2e; text-decoration : none; text-align:left;margin:0;}
#login A:Visited	{color: #2e2e2e; text-decoration : none;}
#login A:Active	{color: #2e2e2e; text-decoration : none;}
#login A:Hover	    {color :#2e2e2e; text-decoration : underline; }
/******************************************************************************
** ALTERNATIVE LOGIN-AREA 
******************************************************************************/

#login2 {
	text-align: left;
	background-color: #e0e0e0;
	font-size: 1em;
	padding:.2em;
	margin: 0;
}
#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: 120px; height:14px; vertical-align:middle;border: 1px solid #E56152;}
#login2 #UserName {width: 120px; 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; }
#login2 .error {color:#FE0000;}
#login2 ul li a.menu {padding:0 10px;}
/******************************************************************************
** MAINLOGIN (Protected Page)
******************************************************************************/
form#Mainloginform {
	margin: 0px;
	font-size: 1em;
	color:#464646;
}
form#Mainloginform div
{
	width:49%;
	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;
}
form#Mainloginform div p
{
	margin-left:5px;
}
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;}
#contactpro table td.leftcolumn, #contactpro form#MailForm label 
{
	width:150px;               /*Breite Linke Spalte*/
	background-color:#ebebeb;  /*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 iframe {margin-left:0px;}
#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-top:5px;}

#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:0px;
 padding:2px;
 text-align:left;
 width:500px;
}
#RegForm table 
{ 
	font-size:76%;
	height:20px;
	text-align:left;
	float:left;
	width:70%;
}
#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 div h6
{
	font-size:110%;
	padding:0px;
	margin:2px 0 10px 10px;
}

#RegForm form#registrationForm label
{
	/*clear:both;*/
	font-size:76%;
	margin: 2px 20px 0 0px; 	
	float:left;
	height:20px;
	width:170px;
	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 #PLZ  	  {width: 40px;}
#RegForm #City       {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;}
/******************************************************************************
** MAILMODE-FORM
******************************************************************************/

#mailmode form#MailForm { 
 background-color: #FFFFFF; 
 border: none;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 90%; 
 margin-top:20px;
 padding:2px;
 text-align:left;
}
#mailmode label
{
	font-size:76%;
	margin: 2px 2px 0 5px; 	
	float:left;
	height:20px;
	width:49%;
	padding-left:5px;
}

#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:40%; 
}
#mailmode input.hidden {display:none;}

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

#mailmode p.submitbutton {clear:both;margin:0px;width:200px;}
#mailmode p.submitbutton input {width:100px;}
#mailmode .error {border: 1px solid #FE0000;}
#mailmode table#thanks
{
	margin-top:10px;
	padding:2px;
}
/******************************************************************************
** FUNCTIONALITYFOOTER
******************************************************************************/
 
#functionalityfooter 
{
	text-align: center;
	background-color: #ffffff;
	font-size: 70%;
	padding: 1px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
}
#functionalityfooter ul {position:relative; padding:0; margin:0; }
#functionalityfooter ul li {display:inline; margin:0 5px 0 5px; }

/******************************************************************************
** BAUSTELLENSEITE
******************************************************************************/

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

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

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

#baustelle #baustellelogin fieldset label {
	float:left;
	clear:both;
	display:block;
	width:64px;
	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;
	height: 14px;
	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; height:16px;}		

/******************************************************************************
** FILEMODUL
******************************************************************************/
#FileModul{
	font-size:76%;
}
#FileModul #fileList, #FileModul #uploadfile{
	width:98%;
	float:left;
	margin-top:2px;
	padding:5px;
	display:inline;
	background:white;
	border:1px solid #6d6c6c;
}

#FileModul #fileList a, #FileModul #fileList a:visited, #FileModul #fileList a:link, #FileModul #fileList a:active{
	color:black;
	border-bottom:0px;
}
#FileModul .date{
	font-size: 7.5pt;
	color:rgb(153,153,153);
}
#FileModul .file {
	margin-top:2px;
	margin-bottom:2px;
	margin-left:16px;
}
#FileModul .directory span, .file span {
	display:block;
	height:20px;
	position:relative;
}
#FileModul .mark {
	position:absolute;
	top:4px;
	left:17px;
	cursor:pointer;
}
#FileModul .delete {
	position:absolute;
	top:3px;
	left:73%;
}
#FileModul .rename{
	position:absolute;
	top:3px;
	left:77%;
}
#FileModul .icon {
	position:absolute;
	top:0;
	left:38px;
	cursor:default;
}
#FileModul .link {
	display:block;
	position:absolute;
	top:2px;
	left:60px;
	z-index:99;
	color:rgb(34,34,34);
	cursor:pointer;
	background-color:white; 
}
#FileModul .date {
	position:absolute !important;
	top:4px;
	z-index:20;
	left:82%;
}
#FileModul .handle {
	width:auto;
}
#FileModul .selected, #FileModul .selected .link {
background:#F0F0F0 none repeat scroll 0% !important;
}
/*Liste ausgewählter Datein zum Upload*/
#FileModul #files_list_upload {border:1px solid #FE0000;color:#FE0000;font-weight:bold;}
#FileModul #files_list {border:1px solid #F0F0F0;}
#FileModul #files_list #file {width:98%;}
#FileModul #files_list #delete {margin-left:10px;}

#FileModul input{
	border: 1px solid #6d6c6c;
	background:#CCCACA;
	margin-bottom:4px;
	padding:1px;
	height: 16px;
	font-size: 100%;
	line-height:1em;
}
/******************************************************************************
** PASSWORT VERGESSEN
******************************************************************************/
form#eMailForm { 
 border: none;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 90%; 
 width:400px;                  
 padding:2px;
 text-align:left;
}
form#eMailForm input
{ 
	font-size:11px; 
	border: 1px solid #959996; /*Rahmenfarbe Inputfelder*/  
	padding-left: 2px; 
	letter-spacing: 0px; 
	margin: 2px 0 0 10px; 
	height:15px; 
	float:left;
	display:block;
	width:200px; 
}
form#eMailForm input.go
{
	width:16px;
	height:17px;
	border:none;
	margin-left:2px;
}
/******************************************************************************
** CLASSES
******************************************************************************/

img.dekore_klein
{
	border:1px solid #737373;
	background-color: #ffffff;
	padding: 2px;
	margin:0 0 6px 4px;
}
img.borderbottom10
{
	margin:0 0 10px; 
	background-color: #ffffff;
}
.content1 
{
	width:448px;
	padding: 0 10px 0 10px ! important;
	margin:0px ! important;
	vertical-align:top;
}
.content1 p, .content1 h1, .content1 h2, .content1 h3, .content1 h4, .content1 h5, .content1 h6
{
	margin:10px 0 0 0;
	padding:0px;
} 
.content2
{
	width: 374px;
	padding: 10px 0px 0 0;
	margin:0px;
	vertical-align:top;
}
/*Login Formular Großhandel rechte Spalte*/
.content2 form#Mainloginform h6
{
	font-size:90%;
	clear:both;
	background-color:#dfdfdf;
	padding:2px;
}
.content2 form#Mainloginform p
{
	margin-left:10px;
}
.content2 form#Mainloginform p label{
	float:left;
	display:block;
	width:100px;
}
.content2 form#Mainloginform p input{
	float:left;
	display:block;
	border: 1px solid #7F9DB9;
	height: 16px;
	width:200px;
	margin-top:2px;
}
.content2 form#Mainloginform p input#submit{
	border: 1px solid #7F9DB9;
	height: 18px;
	width:80px;
	margin:2px 0 10px 222px;
}
form#Mainloginform p input.hidden 
{display:none;margin:0px;height:0px;}
/* KVH Inhalt Scrollbalken ausblenden */
iframe#kvh_iframe  {
	overflow:hidden;
}


#startpage div#content div#listmenu span h4.startpage_h4
{	margin: 0 0px 0 0;
	padding:5px 0px 0px 16px;
	
}
*+html #startpage div#content div#listmenu span h4.startpage_h4 {
	margin: 4px 0px 10px 0;
}
#rightcolumn h3 
{
	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	font-size:14px;
	margin: 10px 0 0 5px;
	text-align:left;
	font-weight:normal;
}
/******************************************************************************
** SEARCHWORDS
******************************************************************************/

#searchwords 
{
	border:1px solid #909090;
	color:#909090;
	font-size:10px;
	height:80px;
	margin: 18px 0;
	padding:10px;
	width:982px;
}
/******************************************************************************
** NEWSLETTERREGISTRATION FORM
******************************************************************************/

#NewsletterRegistration form#MailForm { 
 background-color: #FFFFFF; 
 border: none;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 90%; 
 width:456px;                   
 margin:20px 0 0 8px;
 padding:2px;
 text-align:left;
}
#NewsletterRegistration span { font-size: 76%;}
#NewsletterRegistration table { font-size: 76%; text-align:left;}
#NewsletterRegistration p {margin:0px;}
#NewsletterRegistration form#MailForm label 
{
	width:170px;               /*Breite Linke Spalte*/
	background-color:#ebebeb;  /*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:275px;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: 275px; }
#NewsletterRegistration #Nachname   {width: 275px;}
#NewsletterRegistration #PLZ   {width: 40px;}
/*IE Hack Select*/
*+html #NewsletterRegistration select {height:20px;}
#NewsletterRegistration #Email       {width: 275px; }
#NewsletterRegistration #Absenden 	{border: none;}
#NewsletterRegistration .error {border: 1px solid #FE0000;}
#NewsletterRegistration .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;
}
/******************************************************************************
** MAILING
******************************************************************************/
div#Mailing {margin: 10px 0 0 10px;}
div#Mailing table {
    font-size: 84%; 
}
form#eMailForm 
{
	margin-left:10px;
}
form#eMailForm input
{
	float:left;
}
p.error
{font-weight:bold;color:#FE0000;}
/******************************************************************************
** 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;
	background-image: url(/img/background_header.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: white;
}

.sorTable .flippo THEAD TR.columnHeadings TH {
	background-image: url(/img/background_columnheadings.gif);
	background-position: top;
}
.sorTable .flippo TFOOT TH {
	border-width : 2px 0 0;
	background-image: url(/img/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;
}

.sorTable .flippo TH.mousedown {
	background-color : #EEDDFF;
}

.sorTable .flippo TH.sort {
	background-color : #dddddd;
}





/************************************************
** 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;
}
.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;
}
/******************************************************************************
** THICKBOX GAKABESTELLUNG
******************************************************************************/

#GaKaReg{ 
 	background: url(/img/upload/Gartenkatalog/hg.jpg) no-repeat;
	display:block;
	height:297px;
	margin:0px;
	overflow:hidden;
	padding:0px;
	text-align:left;
	width:624px;
}
#GaKaReg #GaKaClose {
	display:block;
	text-align:right;
	overflow:hidden;
	padding:3px 0 8px 0;
	width:620px;
}
#GaKaReg #div_l {
	float:left;
	height:240px;	
	margin-left:25px;	
	position:relative;	
	width:170px;
}
#GaKaReg #div_r {
	float:left;
	height:240px;
	margin-left:25px;
	position:relative;
	width:375px;
}
#GaKaReg #div_l2 {
	display:block;
	float:left;
	overflow:hidden;
	padding:10px 0 0 0;
	position:relative;	
	width:180px;
}
#GaKaReg #div_r2 {
	display:block;
	float:left;
	margin-left:10px;
	overflow:hidden;	
	padding-top:10px;	
	position:relative;	
	width:180px;
}
#GaKaReg p{
	line-height:1.2em;
	margin: 2px 0 0 0;
	padding:0;
}
#GaKaReg label 
{
	float:left;
	font-size:10px;
	margin:0; 
	padding:0;	
	width:178px;
}
#GaKaReg input
{ 
	background-color:transparent;
	border: 1px solid #BEC0BF; /*Rahmenfarbe Inputfelder*/  
	float:left;
	font-size:10px; 
	height:18px; 
	margin: 0 0 3px 0; 
	padding: 0; 
	width:178px;
}
#GaKaReg input.hidden {display:none;}

*+html #GaKaReg #Nachname{ margin-left: -10px;}
#GaKaReg #PLZ        {width:  44px; }
*+html #GaKaReg #PLZ{ margin-left: -10px;}
#GaKaReg #Ort        {width: 124px;margin-left:8px;}
#GaKaReg #label_PLZ        {width:  44px; }
#GaKaReg #label_Ort        {width: 124px;margin-left:10px;}
#GaKaReg .but_sub        {float:right; }
#GaKaReg .error {border: 1px solid #FE0000;}
#GaKaReg .but_close        {position:absolute; bottom:0;right:0; }

/******************************************************************************
** CLASSES
******************************************************************************/
#logos {margin:125px 0 5px 0;}
#logos img{	margin-top: 4px;}

img.ansprechpartner{

	margin:10px 12px 8px 11px;
	border: 1px solid #474747; 
	padding:0px;
	line-height:1em;
	float:left;
}

img.ansprechpartner2{

	margin:10px 0px 8px 7px;
	border: 1px solid #919191; 
	padding:0px;
	line-height:1em;
	float:left;
}

img.abstand{

	margin:10px 10px 10px 10px;
	padding:0px;
	line-height:1em;
	float:left;
}

img.service{

	margin:10px 5px 8px 10px;
	border: 1px solid #bebebe; 
	padding:0px;
	line-height:1em;
	float:left;
}

img.terrasse1{

	margin:0px 5px 12px 10px;
	border: 1px solid #bebebe; 
	padding:0px;
	line-height:1em;
	float:left;
}

img.terrasse_montage{

	margin:2px 10px 12px 17px;
	border: 1px solid #7f7f7f; 
	padding:0px;
	line-height:1em;
	float:left;
}

img.dekore_klein{

	margin:5px 5px 5px 4px;
	padding: 3px;
	background-color:#FFFFFF;
	border: 1px solid #b2b2b2; 
	
}
iframe {margin-left:10px;}
/*#col1 table p {font-size:100%;margin-left:0;}*/

table#thanks p {font-size:100%; margin:0px;}

div#monoSlideshow {margin-left:10px;}
/******* Definierung BG-Colors Mainframe ******/
#main.yellow {background: url(/img/basics/bg_main_yellow.gif);}
#main.yellow_yell {background: url(/img/basics/bg_main_yellow_yell.gif);}
#main.purple {background: url(/img/basics/bg_main_purple.gif);}
#main.purple_yell {background: url(/img/basics/bg_main_purple_yell.gif);}
#main.brown {background: url(/img/basics/bg_main_brown.gif);}
#main.brown_yell {background: url(/img/basics/bg_main_brown_yell.gif);}
#main.orange {background: url(/img/basics/bg_main_orange.gif);}
#main.orange_yell {background: url(/img/basics/bg_main_orange_yell.gif);}
#main.green {background: url(/img/basics/bg_main_green.gif);}
#main.green_yell {background: url(/img/basics/bg_main_green_yell.gif);}
#main.red {background: url(/img/basics/bg_main_red.gif);}
#main.red_yell {background: url(/img/basics/bg_main_red_yell.gif);}
#main.dblue {background: url(/img/basics/bg_main_dblue.gif);}
#main.dblue_yell {background: url(/img/basics/bg_main_dblue_yell.gif);}
#main.lightblue {background: url(/img/basics/bg_main_lightblue.gif);}
#main.lightblue_yell {background: url(/img/basics/bg_main_lightblue_yell.gif);}

.start_bori{
	border-right:2px solid #fff;
}
div.maerkte {float:right; font-size:12px; color:#2e2e2e; text-align:right}