@charset "utf-8";

body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #cccccc url(../images/main_bg.jpg) no-repeat fixed;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

ul {
	margin-left: 25px;
}

.register	label {
 			width:120px;
 			margin: 3px 0px 10px 150px;
 			display: block;
 			float: left;
 			font-family: Verdana, Arial, Sans-Serif;
 			font-size: 9pt;
 			color:#ffffff;
 		}

.register p {
	color:#ffffff;
	clear:both;			
}	


.register .reginput {		
		height: 11px;
		padding: 3px 7px 3px 7px;
		margin: 5px 7px 5px 7px;
		border: 1px solid #262525;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		width: 200px;
  -moz-box-shadow:    2px 2px 10px 1px  #8a8aaa;
  -webkit-box-shadow: 2px 2px 10px 1px  #8a8aaa;
  box-shadow:         2px 2px 10px 1px  #8a8aaa;			
}		

.register .reginputSmall {		
		height: 11px;
		padding: 3px 7px 3px 7px;
		margin: 5px 7px 5px 7px;
		border: 1px solid #262525;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		width: 70px;
  -moz-box-shadow:    2px 2px 10px 1px  #8a8aaa;
  -webkit-box-shadow: 2px 2px 10px 1px  #8a8aaa;
  box-shadow:         2px 2px 10px 1px  #8a8aaa;			
}		

.regform {
	font-family:arial,helvetica,sans-serif;
	font-size:9pt;
	border: 1px solid #a7a7a7;
	color:#555555;
	text-transform:none;
	padding:2px;
	margin: 2px 0px 0px 0px;	
}

h2 {
	margin-bottom: 0px;
}

.impressum {
		font: 80% Verdana, Arial, Helvetica, sans-serif;
}

.impressum a {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
}

p a {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.default #container { 
	width: 95%;  
	background: #ffffff;
	margin: 0px auto; 	
	text-align: left;
} 

.default #headline {
	color: #cc0000;
	margin-left: 0px;
	font-weight: bold;
	font-size: 20px;
}


.default #header { 
	background: #ffffff; 	
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 100%;  
} 



.default #header #banner {
	margin: 0;
	/*border: solid 1px;*/
	text-align: left;
	height: 130px;
	position:static;
	z-index: 1;
	background-color: #cc0000;
}


.default #header #kaffemaschinen-logo {
	margin-left: 24px;
	margin-top: -115px;
	background: url(../images/maschinen.png) no-repeat;
	text-align: left;
	height: 234px;
	width: 120px;
	position:absolute;
	z-index: 50;
}

.default #header #firmenlogo-ueberuns {
	margin-left: 24px;
	margin-top: -115px;
	background: url(../images/maschinen.png) no-repeat;
	text-align: left;
	height: 120px;
	width: 120px;
	position:absolute;
	z-index: 50;
}


.default #header #kaffeautomaten {
	margin-left: 24px;
	margin-top: -115px;
	background: url(../images/maschinen.png) no-repeat;
	text-align: left;
	height: 259px;
	width: 120px;
	position:absolute;
	z-index: 50;
}


.default #header #kaffeautomaten-klix {
	margin-left: 24px;
	margin-top: -115px;
	background: url(../images/maschinen.png) no-repeat;
	text-align: left;
	height: 251px;
	width: 120px;
	position:absolute;
	z-index: 50;
}


.default #header #kaffeautomaten-klix-outlook {
	margin-left: 24px;
	margin-top: -115px;
	background: url(../images/maschinen.png) no-repeat;
	text-align: left;
	height: 287px;
	width: 90px;
	position:absolute;
	z-index: 50;
}

.default #header #kaffeautomaten-klix-outlook-public {
	margin-left: 24px;
	margin-top: -115px;
	background: url(../images/maschinen.png) no-repeat;
	text-align: left;
	height: 256px;
	width: 90px;
	position:absolute;
	z-index: 50;
}

.default #header #kaffeautomaten-klix-450 {
	margin-left: 24px;
	margin-top: -115px;
	background: url(../images/maschinen.png) no-repeat;
	text-align: left;
	height: 264px;
	width: 80px;
	position:absolute;
	z-index: 50;
}


.default #header #sprachen ul {	
	text-align: right;	
	float: right;
	height: 34px;
	margin: 0px 0px 0px 9px;  /*Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/
	
}

.default #header #sprachen li {
	float: right;
	list-style-type:none;
	margin: 0;	
	padding-top: 5px;
	padding-right: 5px;
}

.default #header #sprachen a:hover {
	background: #aaaaaa; 
}


div.smallnavigation  {
	margin-top: 9px;
	margin-bottom: 9px;
	color: #cc0000;
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	padding-right: 24px;
}

div.smallnavigation a {
	color: #cc0000;
	text-decoration: none;
}



div.topnavigation {
	margin-top: -13px;
	padding-left: 160px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	height: 30px;
	position:absolute;
	z-index: 10;
}


div.topnavigation span.topnavigation_automaten {
	width: 100px;
	height: 37px;
	margin-right: 2px;
	background: url(../images/button_automaten01.png) no-repeat; 
	float: left; 
}

div.topnavigation a span.topnavigation_automaten {
	text-decoration: none;
	width: 100px;
	height: 37px;
	margin-right: 2px;
	background: url(../images/button_automaten01.png) no-repeat; 	
}

div.topnavigation a:hover span.topnavigation_automaten {
	width: 100px;
	height: 37px;
	margin-right: 2px;
	background: url(../images/button_automaten01_hover.png) no-repeat; 
	float: left; 
}



div.topnavigation span.topnavigation_service {
	width: 100px;
	height: 37px;
	margin-right: 2px;
	background: url(../images/button_service01.png) no-repeat; 
	float: left; 
}

div.topnavigation a span.topnavigation_service {
	text-decoration: none;
	width: 100px;
	height: 37px;
	margin-right: 2px;
	background: url(../images/button_service01.png) no-repeat; 	
}

div.topnavigation a:hover span.topnavigation_service {
	width: 100px;
	height: 37px;
	margin-right: 2px;
	background: url(../images/button_service01_hover.png) no-repeat; 
	float: left; 
}




div.topnavigation span.topnavigation_ueberuns {
	width: 100px;
	height: 37px;
	background: url(../images/button_uebruns01.png) no-repeat; 
	float: left; 
}

div.topnavigation a span.topnavigation_ueberuns {
	text-decoration: none;
	width: 100px;
	height: 37px;
	background: url(../images/button_ueberuns01.png) no-repeat; 	
}

div.topnavigation a:hover span.topnavigation_ueberuns {
	width: 100px;
	height: 37px;
	background: url(../images/button_ueberuns01_hover.png) no-repeat; 
	float: left; 
}




div.topnavigation span.topnavigation_jobs {
	width: 100px;
	height: 37px;
	background: url(../images/button_jobs01.png) no-repeat; 
	float: left; 
}

div.topnavigation a span.topnavigation_jobs {
	text-decoration: none;
	width: 100px;
	height: 37px;
	background: url(../images/button_jobs01.png) no-repeat; 	
}

div.topnavigation a:hover span.topnavigation_jobs {
	width: 100px;
	height: 37px;
	background: url(../images/button_jobs01_hover.png) no-repeat; 
	float: left; 
}











.default #header #crumbs {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background: #cccccc;
	margin-top: 15px;
	width: 100%;
	height: 2px;
	color: #000000;
	position: relative;
	z-index: 40;
}

.default #header #crumbs a {
	text-decoration: none;
	color: #000000;
}

.default #header #crumbs a:hover {
	text-decoration: underline;
	color: #000000;
}


.default #sidebarstart {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	float: left; 
	width: 200px; 
	min-height: 380px;
	padding-top: 100px; 
	padding-left: 24px; 
}


.default #sidebarkontakt {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	float: left; 
	width: 220px; 
	min-height: 380px;
	padding-top: 100px; 
	padding-left: 22px; 	
}




.default #sideleft {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	float: left; 
	width: 150px; 
	background: #ffffff; 
	padding-top: 100px; 
	padding-left: 10px; 	
}



.default #sideleft ul {
	list-style-type:none;
	margin-left: 0px;
	margin-top: -10px;
	width: 170px;
}

.href_inner {
	margin-left: 10px;
	margin-top: 5px;
	color: #990000;
}

.ul_inner li {
	margin-top: 0px;
}


.default #sideleft a {	
	display: block;
	color: #990000;
	text-decoration: none;
	padding-top: 2px;	
	padding-bottom: 2px;		
}
.default #sideleft a:hover {
	color: #990000;
	font-weight: bold;
}

.aktiv {
	font-weight: bold;
}




	
.default #mainContent { 
	margin: 0 10px 0 200px; /*Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/
	padding-right: 20px;	
	min-height: 570px;
} 

.default #mainContentKontakt { 
	margin: 0 7% 0 250px; /*Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/
	padding-right: 20px;	
	min-height: 540px;
} 

.default #footer { 
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	padding: 0 10px; 
	color: #ffffff;
	background: #cc0000; 
	text-align: center;
	min-height: 20px;
} 

.default #footer p {
	margin: 0; 
	padding: 10px 0;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.button {
	   color:#ffffff;
	   cursor: pointer;
	   font: bold 12px 'trebuchet ms',helvetica,sans-serif;
	   background-color:#990000;
	   border: 1px solid;
	   border-color: #cc0000;
	   padding: 2px 6px 2px 6px;
}







/****** Produkte ******/
.produktuebersicht {
	padding-top: 5px;
	background: #ffffff url(../images/bg-produebersicht.jpg) repeat-x;
	
}


.produktuebersicht ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.produktuebersicht li {
	background-image:url(../images/li.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	position:relative;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
}



.hauptproduktuebersicht th {
	padding:3px 0 3px 8px; /*Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/
	background-color:#cc0000;
	color: #ffffff;
	text-align:left;
	font-weight:normal;
	border-right: 2px solid #ffffff;
}

table tr td {
	vertical-align: top;
}



.spalte0 {
	width: 70%;
	padding:3px 2px 3px 0px;
	vertical-align: top;
}


.spalte1 {
	width: 50%;
	padding:3px 2px 3px 0px;
	border-right: 2px solid #cc0000;
	vertical-align: top;
}

.spalte2 {
	width: 50%;
	padding:3px 2px 3px 2px;
	vertical-align: top;
}




/*************************************************************/



	#lightbox{
		position: absolute;
		top: 20px;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
		color:#151410;
		}
	
	#lightbox a, #lightbox a:hover {
		border-bottom:none;
		color:#151410;
		text-decoration:underline;
	}
	
	#lightbox a img{ border: none; }
	
	#outerImageContainer{
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		}
	
	#imageContainer{
		padding: 10px;
		}
	
	#loading{
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
		}
	#loadingLink {
		display:block;
		margin:0 auto;
		padding:0;
		width:32px;
		height:32px;
		background:url("../images/loading.gif") center center no-repeat;
		text-indent:-9999px;
	}
	#hoverNav{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
		}
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	
	#prevLinkImg, #nextLinkImg{
		width: 49%;
		height: 100%;
		background: transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
		display: block;
		text-indent:-9999px;
		}
	#prevLinkImg { left: 0; float: left;}
	#nextLinkImg { right: 0; float: right;}
	#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("../images/prev.gif") left 15% no-repeat; }
	#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("../images/next.gif") right 15% no-repeat; }
	
	
	#imageDataContainer{
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		}
	
	#imageData{
		padding:0 10px;
		}
	#imageDetails{ width: 70%; float: left; text-align: left; }	
	#caption{ font-weight: bold;	}
	#numberDisplay{ display: block; clear: left; }			
	#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
	#prevLinkDetails { margin:0 8px 0 0; }		
	#nextLinkDetails { margin:0 8px 0 0; }		
	#closeLink {
		display:block;
		margin:0;
		padding:0 0 10px 0;
		text-decoration:none;
		float:right;
		width:97px;
		height:40px;
		background:url("../images/closelabel.gif") no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}	
			
	#overlay{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		background-color: #151410;
		}
		
	
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
		}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
		}	
		
		
		
/***********************************************************************************/
.thumbnail{
	position: relative;
	z-index: 0;
	text-decoration: none;
	color: #000000;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
margin-top: -50px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 165px; /*position where enlarged image should offset horizontally */

}





/**************************************************************************************/
#marqueecontainer {
	position: relative;
	width: 160px; /*marquee width */
	height: 440px; /*marquee height */
	background-color: white;
	overflow: hidden;
	padding: 2px;
	padding-left: 4px;
}




table {
  border-collapse: collapse;
}


th {
	padding: 3px 4px;
	color: #FFFFFF;
	background: #de1919;
	border-top: 1px solid #6DACD2;	
	border-bottom: 1px solid #327AA5;
	text-align: left;
	font-size: 0.75em;
	text-transform: uppercase;
}

table a { 
	text-decoration: none;
	color: #000000;
}






























@charset "utf-8";

#passwordFrame {
	position: absolute;
	height: 122px;
	margin: -48px 0 0 100px;
	padding: 5px;
	z-index: 60000;
	border: solid 2px #aa0000;
  -moz-box-shadow:    0px 0px 9px 5px  #efefef;
  -webkit-box-shadow: 0px 0px 9px 5px  #efefef;
  -khtml--box-shadow: 0px 0px 9px 5px  #efefef;
  box-shadow:         4px 4px 1px 1px  #efefef;		
  background: #cc0000;
  color: #ffffff;
  font-weight: bold;
  visibility:hidden;
}

#passwordFrame #feedbackPasswordCheck {
	width: 257px;
	height: 30px;
	border: solid 0px;
	background: url('../administration/images/sprite_meter.png') 0 0 no-repeat;
}

#passwordFrame #passwortTip {
	  
}

#passwordFrame #passwortTip ul li {
	font-size: 8.5px;
	margin: 0 0 0 20px;
}


th.simpleTableMainHeader {  
  font-size: 70%;
  height: 18px;
  border-spacing: 0pt;
  border-width:1px;
  border-style:solid;
  border-color: #666666;  
  text-align: left;
  vertical-align: middle;
  background-color: #de1919; 
  color: #ffffff;
  font-weight: bold;  
  padding: 0px;
  padding-left:1px; 
  white-space: nowrap;
}

th.simpleTableMainHeaderFunktions {  
  font-size: 85%;
  border-spacing: 0pt;
  border-width:1px;
  border-style:solid;
  border-color: #666666;  
  text-align: left;
  vertical-align: middle;
  background-color: #de1919; 
  color: #222222;
  font-weight: bold;  
  padding: 0px;
  padding-left:1px;
  width: 20px;
  white-space: nowrap;
}

td.simpleTableMain_Odd { 
  font-size: 70%;
  background-color: #ffffff;
  border-spacing: 0pt;
  border-width:1px;
  border-style:solid;
  border-color: #666666;  
  color: Black;
  height: 15pt;  
  padding: 0px;
  padding-left:1px;
  white-space: nowrap;
  vertical-align: middle;
}

td.simpleTableMainFull_Odd {  
  font-size: 70%;
  background-color: #eceef2;
  border-spacing: 0pt;
  border-width:1px;
  border-style:solid;
  border-color: #666666;  
  color: Black;
  height: 15pt;    
  white-space: nowrap;
  padding: 0px;
  padding-left:1px;
  vertical-align: middle;
 }
 
 td.simpleTableMain_OddFunktions { 
   font-size: 75%;
   background-color: #ffffff;
   border-spacing: 0pt;
   border-width:1px;
   border-style:solid;
   border-color: #666666;  
   color: Black;
   height: 15pt;  
   text-align: center;    
   white-space: nowrap;
   padding: 0px;
   width: 26px;
}

td.simpleTableMainFull_OddFunktions {  
  font-size: 75%;
  background-color: #eceef2;
  border-spacing: 0pt;
  border-width:1px;
  border-style:solid;
  border-color: #666666;  
  color: Black;
  height: 15pt;  
  text-align: center;  
  white-space: nowrap;
  padding:0px;
  width: 26px;
 }

.default #header #hiddenlogin {
	position: relative;
	z-index: 1000;
	font-size: 12px;
	color: #ffffff;
	display: none;
	float: left;
	margin: -65px 0 0 161px;
}

.default #header #hiddenlogin a {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

.mitarbeiterLogin {
	font-size: 12px;
	float: left;
	position: relative;
	z-index: 51000;
	color: #dd5555;
	margin: -70px 0 0 100px;
}

.mitarbeiterLogin a {
	color: #dd5555;
	text-decoration: none;
}

.mitarbeiterLogout {
	font-size: 10px;
	float: left;
	position: relative;
	z-index: 1000;
	color: #ffffff;
	margin: -40px 0 0 150px;
}

.mitarbeiterLogout a {
	font-size: 10px;
	color: #ffffff;
}

.default #sidebarMitarbeiter {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	float: left; 
	width: 100px; 
	min-height: 380px;
	padding-top: 100px; 
	padding-left: 54px; 
}

.default #sidebarMitarbeiter ul {
	list-style-type:none;
	margin-left: -40px;
	margin-top: -10px;
	width: 170px;
}

.ul_inner li {
	margin-top: 0px;
}


.default #sidebarMitarbeiter a {	
	display: block;
	color: #990000;
	text-decoration: none;
	padding-top: 2px;	
	padding-bottom: 2px;		
}
.default #sidebarMitarbeiter a:hover {
	color: #990000;
	font-weight: bold;
}

.aktiv {
	font-weight: bold;
}


#verarbeitung {
	position: absolute;
	z-index: 5000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 18%;
	left: 0;
	right: 0;
	font-size: 1.2em;
	padding: 26px 10px 10px 10px;
	text-align: center;
	border: 0px solid #e2b709;
	visibility:hidden;
	width:55px;
	height:55px;
}

#selectTime {
	position: absolute;
	z-index: 5000;
	font-size: 1.0em;
	margin: 2px 0 0 5px;
	text-align: center;
	border: 0px solid #e2b709;
	visibility:hidden;
	width:55px;
	height:55px;
}

#selectTime2 {
	position: absolute;
	z-index: 5000;
	font-size: 1.0em;
	margin: 2px 0 0 5px;
	text-align: center;
	border: 0px solid #e2b709;
	visibility:hidden;
	width:55px;
	height:55px;
}

#messageboxspeichern {
	position: absolute;
	z-index: 5000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 18%;
	left: 0;
	right: 0;
	font-size: 1.2em;
	padding: 26px 10px 10px 10px;
	text-align: center;
	border: 1px solid #e2b709;
	visibility:hidden;
	background-color:#ffe57e; 
	color: #000000;
	width:400px;
	height:50px;
  -moz-box-shadow:    0px 0px 170px 5px  #aaaaaa;
  -webkit-box-shadow: 0px 0px 170px 5px  #aaaaaa;
  -khtml--box-shadow: 0px 0px 170px 5px  #aaaaaa;
  box-shadow:         0px 0px 170px 5px  #aaaaaa;
  
  -moz-border-radius:    5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius:  5px;
  border-radius:         5px;
  /* Versatz links - Versatz oben - Unschärfe - Schattenradius - Farbe */
}

.loginshadow {
	width: 530px;
	overflow: hidden;
  -moz-box-shadow:    0px 0px 90px 5px  #bbaaaa;
  -webkit-box-shadow: 0px 0px 90px 5px  #bbaaaa;
  -khtml--box-shadow: 0px 0px 90px 5px  #bbaaaa;
  box-shadow:         0px 0px 90px 5px  #bbaaaa;	
}

table.login {
	width: 530px;
	background-color: #ffffff;
	float: left;
}



/******* Konfiguration für AJAX **********/
.clipper {		
   overflow:hidden;
   float:left;
   position: absolute;
   z-index: 5000;
   border-right: solid 1px;
   border-left: solid 1px;   
   padding: 0;
   margin: 0;
   border-color: #cccccc;  
   width: 270px;
}


/* General form styles
----------------------------------------*/
fieldset {
	margin: 15px 0;
	padding: 10px;
	border-top: 1px solid #D7D7D7;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #D7D7D7;
	background-color: #FFFFFF;
	position: relative;
	z-index: 0;	
	overflow: auto;
}


* html fieldset {
	padding: 0 10px 5px 10px;
	position: relative;
	z-index: 0;
}

fieldset p {
	font-size: 0.85em;
	position: relative;
	z-index: 0;
	
}

legend {
	padding: 1px 0;
	font-family: Tahoma,arial,Verdana,Sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #115098;
	margin-top: -.4em;
	position: relative;
	text-transform: none;
	line-height: 1.2em;
	top: 0;
	vertical-align: middle;
}

/* Hide from macIE \*/
legend { top: -1.2em; }
/* end */

* html legend {
	margin: 0 0 -10px -7px;
	line-height: 1em;
	font-size: .85em;
}

/* Holly hack, .rtl comes after html */
* html .rtl legend {
	margin: 0;
	margin-right: -7px;
}

input, textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	cursor: text;
	vertical-align: middle;
	padding: 2px;
	color: #111111;
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #D5D5C8;
	border-bottom: 1px solid #D5D5C8;
	background-color: #f3eFe8;
}


input:hover, textarea:hover {
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #AFAEAA;
	border-bottom: 1px solid #AFAEAA;
	background-color: #E9E9E2;
}

input.langvalue, textarea.langvalue {
	width: 90%;
}


option {
	padding: 0 1em 0 0;
	color: #000;
}

option.disabled-option {
	color: graytext;
}


.username-coloured {
	font-weight: bold;
}

textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	width: 60%;
	padding: 2px;
}

label {
	cursor: pointer;
	font-size: 0.85em;
	padding: 0 5px 0 0;
}

.rtl label {
	padding: 0 0 0 5px;
}

label input {
	font-size: 1.00em;
	vertical-align: middle;
}

label img {
	vertical-align: middle;
}



fieldset.quick, p.quick {
	margin: 0 0 5px;
	padding: 5px 0 0; 
	border: none;
	background-color: transparent;
	text-align: right;
}

p.quickLeft {
	margin: 0 0 5px;
	padding: 5px 0 0; 
	border: none;
	background-color: transparent;
	text-align: left;
	position: absolute;
}

.rtl fieldset.quick, .rtl p.quick {
	text-align: left;
}

fieldset legend {
	padding: 5px 0;
	font-family: Tahoma,arial,Verdana,Sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #115098;
	top: 0;
	
}


fieldset.quick legend {
	display: none;
}

fieldset.tabulated {
	background: none;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	border: 0;
}

fieldset.tabulated legend {
	display: none;
}

fieldset.nobg {
	margin: 15px 0 0 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

fieldset.display-options {
	margin: 15px 0 2px 0;
	padding: 0 0 4px 0;
	border: none;
	background-color: transparent;
	text-align: center;
	font-size: 0.75em;
}

fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
	font-size: 1.00em;
	vertical-align: middle;
}

select option.disabled {
	background-color: #bbb;
	color: #fff;
}


/* Definition list layout for forms
	Other general def. list properties defined in prosilver_main.css
---------------------------------------- */
dl {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.00em;
}

dt {
	float: left;
	width: auto;
}


dd { color: #666666;}
dd + dd { padding-top: 5px;}
dt span { padding: 0 5px 0 0;}

dt .explain { font-style: italic;}

dt label {
	font-size: 1.00em;
	text-align: left;
	font-weight: bold;
	color: #4A5A73;
}

.rtl dt label {
	text-align: right;
}


dd label {
	font-size: 1.00em;
	white-space: nowrap;
	margin: 0 10px 0 0;
	color: #4A5A73;
}


#asb_loading {
	border:1px;
	display:inline;
	margin:0;
	padding:0;
	vertical-align:bottom;
	height:16px;
	width:16px;
}

#asb_check {
	border:0;
	display:inline;
	margin:0;
	padding:0;
	vertical-align:bottom;
	height:16px;
	width:16px;
}

html>body dd label input { vertical-align: text-bottom;}	/* Tweak for Moz to align checkboxes/radio buttons nicely */

dd input {
	font-size: 1.00em;
	max-width: 100%;
}

dd select {
	font-size: 100%;
	width: auto;
	max-width: 100%;
}

dd textarea {
	font-size: 0.90em;
	width: 90%;
}

dd select {
	width: auto;
	font-size: 1.00em;
}

fieldset dl {
	margin-bottom: 10px;
	font-size: 0.85em;
}


fieldset dt {
	width: 25%;
	text-align: left;
	border: none;
	border-right: 1px solid #CCCCCC;
	padding-top: 3px;
}

 fieldset .rtl dt {
 	width: 32%;
	text-align: left;
	margin-left: 3%;
	border: none;
	border-right: 1px solid #CCCCCC;
}

fieldset dd {
	margin: 0 0 0 25%;
	padding: 0 0 0 5px;
	border: none;
	border-left: 1px solid #CCCCCC;
	vertical-align: top;
	font-size: 1.00em;
}

.rtl fieldset dd {
	margin: 0 35% 0 0;
	padding: 0 5px 0 0;
	border: none;
	border-right: 1px solid #CCCCCC;
}



dd.full, .rtl dd.full {
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 3px;
	text-align: center;
	width: 95%;
}

/* Hover highlights for form rows */
fieldset dl:hover dt, fieldset dl:hover dd {
	border-color: #666666;
}

fieldset dl:hover dt label {
	color: #000000;
	background: #dddddd;
}

fieldset dl dd label:hover {
	color: #BC2A4D;
}

input:focus, textarea:focus {
	border: 1px solid #BC2A4D;
	background-color: #E9E9E2;
	color: #BC2A4D;
}

/* Submit button fieldset or paragraph
---------------------------------------- */
fieldset.submit-buttons {
	text-align: center;
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 4px;
	margin-top: -1px;
}

p.submit-buttons {
	text-align: center;
	margin: 0;
	padding: 4px;
	margin-top: 10px;
}

fieldset.submit-buttons input, p.submit-buttons input {
	padding: 3px 2px;
}

fieldset.submit-buttons legend {
	display: none;
}

/* Input field styles
---------------------------------------- */

input.radio {
	width: auto !important;
	background-color: transparent;
	border: none;
	cursor: default;
}

input.checkbox {
	width: auto !important;
	background-color: transparent;
	border: none;
	cursor: default;
}

input.full,textarea.full {
	width: 99%;
}

* html input.full, * html textarea.full { width: 95%;}
input.large { width: 75%;}
input.medium { width: 50%;}
input.medium-max { width: 60%;}
input.narrow-medium { width: 48%;}
input.narrow { width: 25%;}
input.tiny { width: 10%;}
input.autowidth { width: auto !important;}
.box2 .inputbox { background-color: #E9E9E9;}
textarea.medium { width: 50%;}
textarea.narrow { width: 25%;}
textarea.tiny { width: 10%;}
select.medium { width: 50%;}
select.narrow { width: 26%;}
select.tiny { width: 10%;}

input[disabled][type='text'], textarea[disabled]{ color: #000000; background-color:#ffffff;}


input.editbox {
	background-color: #ffffff;
}

.textarea {
	background-color: #ffffff;
}

.textarea:hover {
	background-color: #ffffff;
}


/* Seitensteuerung
---------------------------------------- */



#seitensteuerung {	
	margin: -12px 0 0 -0px;
}

#seitensteuerung ul {	
	list-style-type:none;
	margin-top: 0px;
	font-weight: lighter;
}

#seitensteuerung li {	
	float: left;	
	background: url("../administration/images/sitebutton.gif") repeat-x;
	width: auto;
	height: 19px;
}

#seitensteuerung li a {	
	color: #000000;
	text-decoration: none;
}

.inactive {
	font-weight: Bold;
	color: #000000;
}