/*
	Das Portal hat eine ältere CSS Version 1.22 als die Applikation erwartet. Dieses CSS hat die verwendeten Deklarationen. 
*/
	

#content-col-main  .infobox {
	width: 230px; float: left;
	}

#content-col-main  .infobox h3 {
	margin-top: 0;
	}
	

#content-col-main  .buttonstyle 	{
	display:block;
	padding: 0 12px;
	border: 1px solid #cccccc;
	margin-bottom: 15px;
	background: #e7e7e7;
	text-decoration:none;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  				
	background:  -moz-linear-gradient(top, #fff, #e7e7e7);	
	background:  -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e7e7e7));					
}	

#content-col-main  .buttonstyle .text	{
	padding: 12px 0;
	display: block;
}	

/* div sollte nur in formularen verwendet werden, wenn die box viel infos enth�lt*/
#content-col-main  form div.buttonstyle 	{
	margin-left: 0px;
}				

#content-col-main  a.buttonstyle:hover 	{
	color: #0026E0;	
	border: 1px solid #666666;
	background-color: #efefef;	
	text-decoration: underline;
	background:  -moz-linear-gradient(top, #e7e7e7, #ccc);
	background:  -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#cccccc));						
}
		
#content-col-main  a.buttonstyle .weiter { 
	padding-left:  15px;
	background-image: url("../media/icon-doppelpfeil.gif");
	background-repeat: no-repeat;
	background-position: 3px 0;
	text-decoration:none!important;
	display: inline;
}
#content-col-main   .hinweisbox .text,
#content-col-main   .warnbox .text,
#content-col-main   .confirmbox .text,
#content-col-main   .errorbox .text { 
	padding: 12px 12px 12px 40px ;	
	background-repeat: no-repeat;
	background-position: 3px 9px;	
	display:block;
}	

/*heinweisbox*/
#content-col-main   .hinweisbox { 
	background-color: #ECF2F7;		
	border-color: #0066FF;							
	background:  -moz-linear-gradient(top, #ffffff, #ECF2F7);
	background:  -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ECF2F7));													
}

#content-col-main   a.hinweisbox:hover 	{ 						
	border-color: #0026E0;
	background-color: #B9D5FF;	
	background:  -moz-linear-gradient(top, #ffffff, #B9D5FF);
	background:  -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#B9D5FF));							
}	

#content-col-main   .hinweisbox .text { 
	background-image: url("../media/icon_hinweis_22.png");						
}	

/*warnbox*/
#content-col-main   .warnbox { 
	background-color: #FFE4CA;		
	border-color: #FF6600;							
	background:  -moz-linear-gradient(top, #ffffff, #FFE4CA);
	background:  -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#FFE4CA));													
}

#content-col-main   a.warnbox:hover 	{ 						
	border-color: #A44200;
	background-color: #FFBE92;	
	background:  -moz-linear-gradient(top, #ffffff, #FFBE92);
	background:  -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#FFBE92));							
}	
#content-col-main   .warnbox .text { 
	background-image: url("../media/icon_warnung_22.png");						
}			

/*confirmbox*/
#content-col-main   .confirmbox { 
	background-color: #CCFFCC;		
	border-color: #66FF33;							
	background:  -moz-linear-gradient(top, #ffffff, #CCFFCC);
	background:  -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCFFCC));													
}

#content-col-main   a.confirmbox:hover 	{ 						
	border-color: #006600;
	background-color: #9AF291;	
	background:  -moz-linear-gradient(top, #ffffff, #9AF291);
	background:  -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#9AF291));							
}	
#content-col-main   .confirmbox .text { 
	padding: 12px 40px;
	background-image: url("../media/icon_bestaetigung_22.png");						
	background-repeat: no-repeat;
	background-position: 3px 9px;	
	display:block;
}	

/*errorbox*/
#content-col-main   .errorbox { 
	background-color: #FFE5E5;		
	border-color: #E3001A;							
	background:  -moz-linear-gradient(top, #ffffff, #FFE5E5);
	background:  -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#FFE5E5));													
}

#content-col-main   a.errorbox:hover 	{ 						
	border-color: #A80015;
	background-color: #FFBBBB;	
	background:  -moz-linear-gradient(top, #ffffff, #FFBBBB);
	background:  -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#FFBBBB));							
}	
#content-col-main   .errorbox .text { 
	background-image: url("../media/icon_fehler_22.png");						
}						

/*weiterlink rechts*/
#content-col-main   a.buttonstyle .link { 
	margin: -6px 0 12px;
	font-weight: bold;
	text-align: right;
	display: block; 
}	

#content-col-main   a.buttonstyle h2,
#content-col-main   a.buttonstyle h3 { 
	color: #002889;
	font-size: 1em;
	margin: -6px 0 0px;		
}

/*traffic*/
#content-col-main .greenlight, 
#content-col-main .yellowlight,
#content-col-main .orangelight, 
#content-col-main .redlight, 
#content-col-main .greylight{ 
    padding: 12px 40px;
    background-repeat: no-repeat;
    background-position: 3px 9px;   
    display:block;                     
}  
     
#content-col-main .greenlight{ 
    background-image: url("../media/traffic/green_light_22.png");
}
#content-col-main .yellowlight{ 
    background-image: url("../media/traffic/yellow_light_22.png");  
}
#content-col-main .orangelight{ 
    background-image: url("../media/traffic/orange_light_22.png");  
}       
#content-col-main .redlight{ 
    background-image: url("../media/traffic/red_light_22.png");  
}       
#content-col-main .greylight{ 
    background-image: url("../media/traffic/grey_light_22.png");  
}

/* Mehr Platz für die Label von PasswortMutieren */
#content-col-main form#passwortMutieren fieldset label {
	width: 180px;
}
#content-col-main form#passwortMutieren fieldset p {
	margin:0 0 5px 190px;
}