/*	-------------------------------------------------------------
	www.realschule-mendig.de
	Gunkel_Consulting
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Standard Style
	Filename:		main.css
	Version:		1.2
	Date:			Sep 16, 2007
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Stand ard Style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	/* css-document 
    ----------------------------------------------- 
    * Import Print
    * Standards
    * Cols 
    * Floating
    * Headlines and Text
    * Lists
    * Links
    * Startpage
    * Header 
    * Search
    * Tagcloud
    * Positionfinder
    * Hor. Menue 
    * Main Navigation
    * Login 1 + 2
    * Mainlogin (Protected Page)
    * Contact Form
    * Registration Form
    * Mailmode-Form
    * Functionality Footer
    * Disclaimer
    * Baustellenseite
	* Filemodul
	* Classes
*/

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

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

/******************************************************************************
** STANDARDS
******************************************************************************/
/*ul, ol {margin: 0px;} */
* 
{
    /*margin: 0px;*/ /*Problem FCKEditor Listenpunkte*/
    padding: 0px;
    border: 0px;
}

 
/******************************************************************************
** GLOBAL
******************************************************************************/
body 
{
	background-color: #404040;
	color:#333333;
	font-family:Lucida grande,verdana,arial,sans-serif;
	font-size:100.01%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	/* line-height:1.5; */
}
html {overflow-y: scroll;}

/******************************************************************************
** COLS
******************************************************************************/
/*div.p-shadow {
  width:780px;
  background: url(../img/basics/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../img/basics/shadow.gif) no-repeat bottom right;
  margin:25px auto 0 auto;
  border:1px solid transparent;
}*/

#container {
  display: block;
  /*position: relative;
  margin: -6px 6px 6px -6px !important;*/
  padding:0px;
  width:900px;
  margin:25px auto 0 auto;  
 }

#outer3C /*3 Spalten*/
{
 border-left: solid 160px #F0F0F0;
 border-right: solid 192px #F5F5F5;
 background-color:#ffffff;
}
#outer2C /*2 spalten*/
{
 border-left: solid 160px #F0F0F0;
  background-color: #fff; 
}
#outer1C /*Nur Content*/
{
 background-color:#ffffff;
}
#inner 
{
	margin:0px;
	width:100%;
} 
#leftcolumn 
{ 
	width: 160px;
	float:left;
	position:relative;
	margin-left: -160px;
	margin-right: 0px;
	height:1%;
}

#rightcolumn 
{
	width: 192px;
	float:right;
	position:relative;
	margin-left: 1px;
	margin-right: -192px;
	height:1%;
}
#centercolumn 
{ 
	position:relative;
	margin: 0 10px 0 10px;
	height:1%;
}
#centercolumn1C
{
	position:relative;
	/*margin: 0px;*/
}
/******************************************************************************
** FLOATING AND CLEARING
******************************************************************************/
.clear {clear:both;line-height:0;height:0;margin:0;padding:0;}

.right {float:right;}

.left {float:left;}

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

h1,h2,h3,h4,h5,h6
{
	font-family: Lucida Grande, Verdana, arial, sans-serif; 
	text-align:left;
	color:#415877;
	margin:0px;
}


h2 
{	
	padding: 10px 0 0 0px;
	font-size: 140%;
	font-weight:lighter;
}
h3 {	
	font-size: 10pt;
	margin:10px  0 5px 0px;
	font-weight:700;
	/*color:#000099;*/
	text-transform:uppercase;
	color: #415877;
	font-family:  Verdana, arial, sans-serif;
}

#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;
}

h4 
{	margin:15px; 
/*	text-decoration:overline underline; */
}

h5
{
	font-size:78%;
	line-height:1em; 
	background: url(../img/upload/Home/bg_start_supplier.gif);
	padding:5px;
	text-align:center;
	margin-right:20px 0 2px 0;
}
h6 
{
	margin:10px; 
	font-size: 90%;
	color:#35476E;
}

p, blockquote, table {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	word-spacing:normal;
	margin:0px;
	line-height:150%;
	letter-spacing: 0px;
	text-indent: 0px;
	/*width: 410px */
}
#centercolumn p img {padding: 0 10px 10px 0;}
table p {margin:0px;}
#rightcolumn p {
	/*color:#AAA096;*/
	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	font-size:12px;
	line-height:1.2em;
	margin:0 15px 10px 20px;
	text-align:left;
}

/******************************************************************************
** TEASER 
******************************************************************************/
#centercolumn div.teaser {
	overflow:auto;
	width:100%;
}
/* Teasereinstellungen 2-Spaltigkeit */
#centercolumn div.teaser2CL {
	float:left;
	margin-bottom:10px;
	width:49%;
}
#centercolumn div.teaser2CR {
	float:left;
	margin:0 0 10px 10px;
	width:49%;
}
/* Teasereinstellungen 3-Spaltigkeit*/
#centercolumn div.teaser3CL {
	float:left;
	margin-bottom:10px;
	width:33%;
}
#centercolumn div.teaser3CR {
	float:left;
	margin:0 0 10px 10px;
	width:32%; 
}
/*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:8px 0 10px 0;
	padding: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;
}
/******************************************************************************
** TEASER 2
******************************************************************************/
#centercolumn div.teaser2 {
	overflow:auto;
	width:528px;
	background-color:#f5f5f5;
}
#centercolumn div.teaser2 img {
	float:left;
	padding:0 10px 0px 0;
}
html* #centercolumn div.teaser2 img{padding:0 10px 0 0;}
#centercolumn div.teaser2 p {
	font-size:12px;
	margin:8px 0 10px 0;
	padding:0;
}
#centercolumn div.teaser2 p.showBody {
	text-align:right;
	}
html* #centercolumn div.teaser2 p {margin:0;} 
html* #centercolumn div.teaser2 p.showBody {margin:0;}

#centercolumn div.teaser2 h3{
	border-bottom:none;
	font-size:84%;
	color:#415877;
	margin-left:0px;
}
/******************************************************************************
** LISTS
******************************************************************************/
#centercolumn ul, #centercolumn1C ul, #rightcolumn ul 
{
	list-style-type:  disc;
	font-size:70%;
	margin:0 0 0 15px; 
}
html* #centercolumn ul, html* #centercolumn1C ul, html* #rightcolumn ul 
{
	display:inline;
	margin:0px;
	position:relative;
}

#centercolumn ol, #centercolumn1C ol, #rightcolumn ol 
{
	font-size:70%;
	margin:5px 0 5px 20px; 
}

#centercolumn ul li, #centercolumn ol li, #centercolumn1C ul li, #centercolumn1C ol li, #rightcolumn ul li, #rightcolumn ol li  
{
	font-size:100%;
	margin:5px 0 0 10px;
}
html* #centercolumn ul li, html* #centercolumn1C ul li, html* #rightcolumn ul li
{
	margin:0px 0 0 10px;
}
/******************************************************************************
** 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; }

/******************************************************************************
** STARTPAGE 
******************************************************************************/
#startpage {width:100%; height:1%;}
#startpage div, #startpage div a{line-height:0px;}  
#startpage div#maincontent {padding:0;background-color:#ECECEC;} /*Hauptbild*/
#startpage div#content {padding:10px;background-color:#ECECEC;float:left;} /*Rahmen um Contents unter Bild*/
#startpage div#content a {color:#415877;width:100%;line-height:1em;} /*Menueleiste*/
#startpage div#content p {margin:0;font-size:90%;line-height:1em;}
#startpage div#content h4 {margin:0;font-size:78%;line-height:1em; background-color:#fff; padding:5px 0 0 5px;text-decoration:none;}
#startpage div#content h4 a:hover {background-color:#ECECEC;}
#startpage div#content h5 {margin:0;font-size:78%;line-height:1em; background: url(../img/upload/Home/bg_start_supplier.gif);padding:5px;text-align:center;}
#startpage div#content h6 {margin:0;font-size:78%;line-height:1em; background-color:#fff; padding:5px 0 5px 10px;}
#startpage div#content div#listmenu {height:146px;float:left;margin:0 10px 8px 0;background-color:#fff;} /*Menueleiste*/
#startpage div#content div#listmenu span {width:158px;float:left;padding-top:15px;} /*Menueleiste Container*/
#startpage div#content div#listmenu span h4 {padding:0 0 0 15px;} /*Menueleiste Container �berschrift*/
#startpage div#content div#listmenu span ul {list-style-image: url(../img/basics/list_arrow.gif);}/*Menueleiste Liste*/ 
#startpage div#content div#listmenu span ul li {line-height:1.5em;color:#415877;font-size:110%;margin: 0 0 0 30px;padding:0;}/*Menueleiste Liste*/ 
#startpage div#content div#listmenu span ul li:hover {background-color:#ECECEC;} 
#startpage div#content div#picright {height:150px;width:182px;float:left;margin:0 0 8px 0} /*Bild rechts neben Menueleiste*/
#startpage div#content div#content_1 {width:281px;float:left;padding-right:10px;} /*Content unten links*/
#startpage div#content div#content_2 {width:281px;float:left;padding-right:10px;} /*Content unten mitte*/
#startpage div#content div#content_3 {width:400px;float:left;} /*Content unten rechts (Iframe Supplier)*/

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

#header {background: transparent url(/img/basics/header.jpg) no-repeat top left; height: 200px; width: 900px;}
#header h1 {display: none;}
#header h2 {display: none;}

#header_wald {background: transparent url(/img/basics/header_wald.jpg) no-repeat top left; height: 200px; width: 900px;}
#header_wald h1 {display: none;}
#header_wald h2 {display: none;}

#header_pc {background: transparent url(/img/basics/header_pc.jpg) no-repeat top left; height: 200px; width: 900px;}
#header_pc h1 {display: none;}
#header_pc h2 {display: none;}

#header_lauf {background: transparent url(/img/basics/header_lauf.jpg) no-repeat top left; height: 200px; width: 900px;}
#header_lauf h1 {display: none;}
#header_lauf h2 {display: none;}

#header_chemie {background: transparent url(/img/basics/header_chemie.jpg) no-repeat top left; height: 200px; width: 900px;}
#header_chemie h1 {display: none;}
#header_chemie h2 {display: none;}

#header2 {background: transparent url(/img/basics/header2.jpg) no-repeat top left; height: 200px; width: 900px;}
#header2 h1 {display: none;}
#header2 h2 {display: none;}
/************************************************
** topheader
************************************************/

div#topheader {height: 22px; width: 900px;background-color: #404040;}
div#topheader div#left {float:left; width:760px;color:#fff;font-size:80%;text-align:left;}

/***********************************************
** Search
***********************************************/
#search {float:right;}
#search fieldset
{
	border:none;
	width:170px;
	float:left;
	margin:0px;
	padding:0px;
}
#search fieldset label {
	float:left;
	color:#cccaca;
	clear:both;
	width:50px;
	font-size: 80%;
	font-weight: bold;
}
#search fieldset input
{
	float:left;
	width:85px;
	height:17px;
	border: 1px solid #ffb401;
	margin: 0 0 0 7px;
}
#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
******************************************************************************/

#quermenue {
	text-align: left;
	background-color: #415a79;
	width: 359px;
	height: 21px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 21px;
	float:right;
	top: 162px;
	position:relative;
	margin: 0px;
	padding: 0px 0px 2px 0px;
} 
html* #quermenue {
	width:359px;
}
#quermenue  ul {position:relative; padding:0; margin:0;}
#quermenue ul li {display:inline;}
#quermenue  li {padding: 4px 7px 6px 7px;border-right:1px solid white;}
#quermenue  li:hover {background-color:#E65129;}

/*#quermenue a.topmenueselected, #quermenue a.topmenueselected:active, #quermenue a.topmenueselected:visited, #quermenue a.topmenueselected:hover  {
	color: #ffb401;
	text-decoration : none;
	font-weight: bold;
	border-bottom: none;
}*/

#quermenue a.topmenue {color: #FFFFFF; text-decoration : none; border-bottom: none;}
#quermenue a.topmenue:visited {color: #FFFFFF; text-decoration : none; border-bottom: none}

/******************************************************************************
** HORIZONTAL MENUE2 Startpage
******************************************************************************/

#quermenue2 {
	background-color:#fff;
	width:100%
	height: 20px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 20px;
	top: 68px;
	position:relative;
	margin: 0px;
	display:block;
} /*FF*/

#quermenue2  ul{margin:0;padding:0;list-style-type:none;}
#quermenue2 ul li{display:block;float:left;margin:0;}
#quermenue2  li {padding:0px;}
#quermenue2 ul li a{
	display:block;
	float:left;
	text-decoration:none;
	padding:0 5px 0 5px;
	border-bottom: none;
	background-color:#fff;
}
#quermenue2 ul li a:visited {color: #FFFFFF;text-decoration : none; border-bottom: none} 
#quermenue2 ul li a:hover {color: #454545;text-decoration : none; border-bottom: none}

#quermenue2 a.topmenueselected, #quermenue2 a.topmenueselected:active, #quermenue2 a.topmenueselected:visited, #quermenue2 a.topmenueselected:hover  {
	color: #2e2e2e;
	text-decoration : none;
	border-bottom: none;
	text-align:center;	
}

/******************************************************************************
** MAIN NAVIGATION
******************************************************************************/

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

	div#leftmenue ul li {
		border-bottom: 1px dashed #b2b2b2;
		margin: 0px;
		padding:0px;
	}

	div#leftmenue ul li a {
		display: block;
		padding: .1em;
		color: #404040;
		text-decoration: none;
	}
	
	div#leftmenue ul li a:hover {
		background-color: #CCCACA;
		color: #e55227;
	}
	
	div#leftmenue ul li a.aktuell{
		color: #e55227;
		font-weight:bold;
	}
	
	div#leftmenue ul li a.aktuell:hover{
		background-color: #CCCACA;

	}
	
		div#leftmenue ul li ul {
			list-style:disc;
			font-size: 0.9em;
			padding: 0;
			width:130px;
			margin:0px 0px 1px 10px;
		}

			div#leftmenue ul li ul li{
				display: inline;
				border-bottom: none;
			}

			div#leftmenue ul li ul li a{
				display: block;
				padding: .1em .1em .1em .1em;
				font-weight: normal;
				color: #404040;
				text-decoration: none;
			}
	
			div#leftmenue ul li ul li a:hover {
				background-color: #CCCACA;
			}
	
			div#leftmenue ul li ul li a.aktuell{
				background-color: #CCCACA;
				color: #e55227
			}
	
			div#leftmenue ul li ul li a.aktuell:hover{
				background-color: #CCCACA;
			}
			
				div#leftmenue ul li ul li ul li{
					display: inline;
					border-bottom: none;
				}

				div#leftmenue ul li ul li ul li a {
					display: block;
					padding: .1em .1em .1em 1em;
					font-weight: normal;
					color: #404040;
					text-decoration: none;
				}

/******************************************************************************
** LOGIN-BEREICH
******************************************************************************/

#login {
	margin: 25px 0 25px 10px;
	font-size: 72%;
	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:#CCCACA;
	margin-bottom:4px;
	padding:1px;
	height: 13px;
	font-size: 76%;
}

#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: 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;
}
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:80px;
}
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 152px;
}
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-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;
}
#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-left:2px;
	margin:2px;
}

#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: 90%;
	padding: 1px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
}
#functionalityfooter ul {position:relative; padding:0; margin:0; }
#functionalityfooter ul li {display:inline; margin:0 5px 0 5px; }

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

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

#disclaimer {font-size: 76%;
	background-color: #9c9898;
	width: 900px;
	padding: 0px;
	text-align:center;
}

#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; }

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

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

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

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

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

/******************************************************************************
** 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;
}
/******************************************************************************
** Welcome
******************************************************************************/
div#welcome{
	width:98%;
	border:1px solid #415A79;
	margin:0px 0 10px 0;
	padding:5px;
	display:block;
	height:50px;
}
div#welcome h3{
	margin-bottom:5px;
}
/******************************************************************************
** CLASSES
******************************************************************************/

form#Mainloginform p input.hidden 
{display:none;margin:0px;height:0px;}
/* KVH Inhalt Scrollbalken ausblenden */
iframe#kvh_iframe  {
	overflow:hidden;
}

/******************************************************************************
** Test  teaser2
******************************************************************************/
.teaserh1 {
	font-family: /*"Lucida Grande", "Trebuchet MS", */Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:600;
	line-height: 1.4em;
	color: #FF0000;
	padding-left: 10px;
/*	background-color:  #CCCCCC; */
	margin: 0;
	padding-bottom: 0px;
	text-transform:uppercase;

}

.teaserbody {
/*	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
line-height: 1.4em;	*/
background-color: #F5F5F5; 
}

.teasercontent {
	font-family:"Lucida Grande", "Trebuchet MS", Verdana,  Arial, Helvetica, sans-serif;
	font-size: 12px;
line-height:1.4em; letter-spacing:0.1mm; word-spacing:0.1mm;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
 }