@charset "iso-8859-1";
body  {
/*	font:  0.84em Arial, Helvetica, sans-serif; /* 84% Arial, Helvetica, sans-serif;  */
	font:  1em Arial, Helvetica, sans-serif; /* 84% Arial, Helvetica, sans-serif;  */
	background-color: #F4F4F4;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333;
	scrollbar-face-color:#DDDDDD;
	scrollbar-arrow-color: #E01F2C;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #333333;
}

#container { 

	width: 61.25em;  /* 980px */

	max-width: 61.25em;  /* 980px */
	min-width: 61.25em;  /* 980px */

/*	height: 660px;	 */
	background-color: #FFFEFE;
	margin: 0 auto; 
	margin-top: 1.25em;  
	text-align: left; 
	
} 



	
	#sidebar1 {
		float: left; 
		width: 10.938em; /* 175 px */

		max-width: 10.938em; /* 175 px */

		min-width: 10.938em; /* 175 px */
		
		
/*		height: 30.625em;   /*   490px     */ 
		height: 100%;
		background: #FFFEFE; 
		padding-bottom: 0.938em;     /* 15px */
		z-index:98;
	}
	
	#sidebar1 p {
		margin: 0;
	}
	#sidebar1 a,  #sidebar1 span {
		margin-left: 0; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
		margin-right: 0;
	}
	
	#sidebar1 a {
			font-size: 84%;
		display:block;
		text-decoration:none;
		font-weight:bold; 
		background-color: #81C2E3;
		color:#FFF;
		border-top:#333 0.063em solid;    /* #333 1px solid; */
		border-bottom:#333 0.063em solid;	 /* #333 1px solid; */
		padding-left: 0.313em;   /* 5px; */
		padding-top: 2px;   /*  1px;  */
		padding-bottom: 2px;   /*  1px;  */
		margin-bottom: 2px;  /*  3px;   */
	}
	
	#sidebar1 a.grau {
		font-size: 84%;
		display:block;
		text-decoration:none;
		font-weight:bold; 
		background-color:#BABABA;
		color:#000;
	/*	
		border-top:#333 0.063em solid;   
		border-bottom:#333 0.063em solid;	 
	*/
		border-top:#E01F2C 0.063em solid;   
		border-bottom:#E01F2C 0.063em solid;	 
	
	
	
		padding-left: 0.313em;   /* 5px; */
		padding-bottom: 0.063em;   /*  1px;  */
		margin-bottom: 0.188em;  /*  3px;   */
	}
	
	.site_nav_sep,.favorites_nav_sep,.download_nav_sep {
		height: 0.75em;   /*  12px;   */
		display:block;
		text-decoration:none;
		font-weight:bold;
		background-color:#FFFEFE; 
		color:#000;
	}


#subtext {
	font-size: 84%;
/*	margin-left: 238px;
	margin-right: 134px;
	
	margin-left: 14.875em;
	margin-right: 8.375em; */
	
	margin-left: 17.70em;
	margin-right:10.267em;
	
}
	



#front-content {
	min-width: 59.5238em;
	max-width: 59.5238em;
}

#frontContent a {
	color: #1F93CD;
	text-decoration:none;
}



	#menubar {
	/*	position: fixed; */
		position: relative;
	/*	top: 150px; */
		margin: 0 0 0 11.563em; 	/* 0 0 0 185px;  */
		background-color:#FFFEFE; 
		z-index:97;
	}
	
	#menubar a {
			font-size: 84%;
		width:  7.14em;  /* 7.068em; /* 5.938em;   /*  95px; */
		display:inline-block;
		text-decoration:none;
		font-weight:bold;
		background-color:#BABABA;
		color:#000;
		border-top:#333 0.063em solid;
		border-bottom:#333 0.063em solid;
	/* 	border-top:#333 1px solid;
		border-bottom:#333 1px solid; */
		padding-left: 0.313em;   /* 5px; */
	}
	
	#menubar a.graurot {
		font-size: 84%;
		width: 11.0em;   /*  7.14em;    */
		display:inline-block;
		text-decoration:none;
		font-weight:bold;
		background-color:#BABABA;
		color: #000;
		border-top:#E01F2C 0.063em solid;
		border-bottom:#E01F2C 0.063em solid;
	/* 	border-top:#333 1px solid;
		border-bottom:#333 1px solid; */
		padding-left: 0.313em;   /* 5px; */
		margin-left: 0.5em; 
	}
	
	#menubar a.rot {
		font-size: 84%;
		width:  15.5506em; /*   11.086em;    */
		display:inline-block;
		text-decoration:none;
		font-weight:bold;
		background-color:#E01F2C;
		color: #FFF;
		border-top:#333 0.063em solid;
		border-bottom:#333 0.063em solid;
	/* 	border-top:#333 1px solid;
		border-bottom:#333 1px solid; */
	
		padding-left: 0.313em;   /* 5px; */
	}
	
	.menubar_sep {
		width: 0.625em; /* 10px; */
		display:inline-block;
		background-color:#FFFEFE; 
	}


#footer_front { 
	font-size: 0.8em;
	left: auto;
	width: 78.125em; /* 62.5em;  /* 1000px;  */
	height: 7.813em;  /*  6.25em;  /* 100px;  */
	padding: 1.25em 0 0 0 ;   /* 20px 0 0 0 ; */
	background:#FFFEFE; 
	z-index:96;
} 



	#footer { 
	/*	position: fixed; */
		left: auto;
		font-size: 1em;
		width: 62.5em;
		height: 4.375em; /* 70px; */
		padding: 0.25em 0 0 0;
		/* padding: 0.25em 0 0 11.25em;    4px 0 0 180px ;  */
		margin-top: 1.75em;  /* 28px; */
	} 
	
	
	#footer_bg {
		width: 62.5em;
		height: 4.375em; /* 70px; */
	
	}
	
	#footer p {
		margin: 0; 
		padding-left: 11.25em;  /* 180px;  */
	}
	#footer a {
		color: #E01F2C;
		text-decoration:none;
	}
	
	#footer_front a {
		color:#E01F2C;
		text-decoration:none;
		font-weight:bold;
	}


/* Generelle Zuweisungen */
h2 {
	margin-top:25px;
	margin-bottom: 0.625em; /* 10px; */ 
/*	padding-left: 25px;  */
	padding-right: 25px;
	color:#BAC0C5;
}
h3 {
/*	margin-top: 0.625em; /* 10px; */ 
	margin-bottom: 0.188em; /* 3px; */ 
}
h4 {
	margin-top: 0.625em; /* 10px; */ 
	margin-bottom: 0.188em; /* 3px; */}
p {
	margin-top:0;
	margin-bottom: 0.313em; /* 5px; */ 	
}

p.subtext {
	margin-top:0;
	margin-bottom: 0.313em; /* 5px; */ 	
	padding-left: 1.5625em;
	padding-right: 1.5625em;
/*	padding-left: 25px;
	padding-right: 25px; */

}
ol {
	margin-top:0;
	margin-bottom: 0.625em; /* 10px; */ 
	list-style-image:url(gfx/ul.gif); 
}

ul {
	margin-top:0;
	margin-bottom: 0.625em; /* 10px; */ 
	list-style-image:url(gfx/ul.gif); 
}

table.front {
	margin-top: 0.625em; /* 10px; */ 
}
th {
	background-color:#EEEDED;
	color:#000;
	padding: 0.313em 0.5em 0.313em 0.5em;   /*  5px 8px 5px 8px;  */
	text-align:left;
	font-weight:bold;
	border-top: #000 0.063em solid;	/*  #000 1px  solid; */
}

td.front {
	padding: 0;
	
}
td {
	padding:  0.313em 0.5em 0.313em 0.5em;   /*  5px 8px 5px 8px;  */
	/* text-align:left; */
}

td.team {
	padding: 0;
	text-align:left;
}

input[type="checkbox"] {
	color: #E01F2C;
}
input[type="text"], textarea {
		border: #999999 0.063em solid;	/* #999999 1px solid; */
}

.button ,input[type="submit"], input[type="reset"],button {
	width: 8.438em;		/* 135px; */
	display:inline-block;
	text-align: left;
	text-decoration:none;
	font-weight:bold;
	background-color:#81C2E3;;
	color:#FFF;
	border-top:#333 0.063em solid;
	border-bottom:#333 0.063em solid;
	border-left:#fff 0.063em solid;
	border-right:#fff 0.063em solid;
	padding-left: 0.313em;   /* 5px; */
	padding-right: 0.625em;   /* 10px; */

}



/* Klassen */


.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fliessen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 0.688em;   /* 11px;  */
	margin-top: 0.063em;
	margin-right: 0.063em;
	margin-bottom: 0.063em;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fliessen lassen. */
	float: left;
	margin-right: 0.5em; /* 8px; */
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schliessen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
/*     font-size: 0.063em;  */
    line-height: 0;
}

#footer .wegrot {
	font-weight: bold;
	color: #333 !important;
}

.wegrot {
	font-weight: bold;
	color: #E01F2C;
}

.subtitle {
	font-size: 1em;   /* 16px;  */
	font-weight: bold;
	margin-bottom: 0.1em;
}
.important {
	font-weight: bold;
	font-style:italic;
	color: #E01F2C;
}
.comment {
	font-style: italic;
	font-size: 90%;
	color: #666666;
}

.alarm {
	color:#f00;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:0.063em;
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:0.063em;
	background-color:#BABABA;
	margin: 0.625em;   /* 10px; */
	padding: 0.625em;   /* 10px; */
	font-weight: bold;
}
.failed {
	color:#f00;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:0.063em;
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:0.063em;
	background-color:#BABABA;
	margin: 0.625em;   /* 10px; */
	padding: 0.625em;   /* 10px; */
	font-weight: bold;
}

.failed a  {
	color:#FFFEFE !important; 
	background-image:none !important;
	text-decoration: underline !important;
	padding-left: 0 !important;
 }

.confirm {
	color:#000;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:0.063em;
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:0.063em;
	background-color:#BABABA;
	margin: 0.625em;   /* 10px; */
	padding: 0.625em;   /* 10px; */
	font-weight: bold;
}

.box {
	border: 0.063em solid #000;
	background-color: #fff;
	padding: 0.625em;   /* 10px; */
	margin-right: 0.625em;   /* 10px; */
}

.new {
	display:inline-block;
	text-decoration:none;
	font-weight:bold;
	background-color:#FFF;
	color:#E01F2C;
	border-top:#333 0.063em solid;
	border-bottom:#333 0.063em solid;
	padding-left: 0.313em;  /* 5px;  */
	padding-right: 0.625em;   /* 10px; */
}
.fett {
	font-weight:bold;
}

#scroller {
	height: 1em;   /* 16px;   */
	width: 25.938em;   /* 415px;  */
	background-color:#DDDDDD;
	border-top:#333 0.063em solid;
	border-bottom:#333 0.063em solid;
	margin: 0 0 0 00.625em; /*   0 0 0 10px;  */
	padding: 0;
	font-weight:bold;
}

#wobinich {
	font-size: 0.8em;
	text-align:left;
	position: relative;
	top: -3.15em;  /* 32px; */
	left: 14.84em;
	width: 17.5em;  /* 280px; */
	height: 1.125em;  /* 18px; */
	display:inline;
}

#warenkorb {
	text-align:right;
	position: relative;
	top: -5.30em;  /*-18px;  */
	left: 41.5em;  /* 480px;  */
	width: 17.5em;  /* 280px;  */
	height: 3.125em;  /* 50px;  */
}

#warenkorb span {
	font-size:80%;
}

#warenkorb img {
	padding-left:  0.625em; /* 10px;  
	width: 3.1.25em;  /* 280px;  */
	height: 3.125em;  /* 50px;  */
	
}


/*******************************************************************************
WEG Internet Link v2 Style Sheet

This file can be customized
*******************************************************************************/

#ilframe
{
	
}

#ilframe .mustField
{
	color: #C53F59;
	padding-left: 1px;
}

#ilframe .gridGroupHeader
{
	background-color: #BABABA;
	font-weight: bold;
}

#ilframe .selectedAccountOption
{
	margin: 5px 30px 5px 30px;
	background-color: #D64F6A;
}

#ilframe .navigationButtons
{
	margin-top: 30px;
}

#ilframe .leftButtons
{
	float: left;
	width: 25%;
	text-align: left;
}

#ilframe .rightButtons
{
	float: right;
	width: 75%;
	text-align: right;
}

#ilframe .price
{
	text-align: right;
}

#ilframe .totalPrice
{
	font-weight: bold;
}

#ilframe .certificateAquired
{
	width: 4em;
}

#ilframe .dateRange
{
	width: 4em;
}

#ilframe .levelOfEmployment
{
	width: 2em;
}

#ilframe #userAddress
{
	margin-top: 3em;
	margin-bottom: 2em;
}

#ilframe #userAddress .userAddressName
{
	font-weight: bold;
}

#ilframe #bookingStatusInformation
{
	margin-top: 2em;
}

#ilframe #shoppingCartWizardStatus
{
	text-align: center;
	padding: 0.5em 0 0.5em 0;
	margin-bottom: 1em;
	font-size: 1em;
	border-bottom: solid 1px #000000;
}

#ilframe #shoppingCartWizardStatus img
{
	margin: 0 1em 0 1em;
}

#ilframe #shoppingCartWizardStatus .active
{
	color: #D64F6A;
	font-weight: bold;
}

#ilframe #shoppingCartWizardStatus .inactive
{
	color: #000;
}

#ilframe #publicationConditions
{
	margin-top: 3em;
}

#ilframe .example
{
	background: #bababa;
}

#ilframe .studyBox
{
	margin-bottom: 20px;
}