@charset "UTF-8";


/* 
Inhalt:
=Presets
=Classes
=Stage
=Menu
=Content




Farben:
Spanset Corporate Blue: 70%: a0b7ca
Spanset Corporate Blue: 100%:7898b4
*/




/*##############################################################
=Presets
##############################################################*/

* {color:#003661; text-decoration:none;}



body  {
    	font:83% Arial, Helvetica, sans-serif; text-align:left; color: #003661;
    	margin:0; padding:0;}

	body.bg-standard, body.bg-gefaerdungsbeurteilung, body.bg-kombiseminare {
		background: #444 url(/img/fixed-bg-2.jpg) left top repeat-y; background-attachment:fixed;}
	body.bg-ladungsicherung {background: #444 url(/img/fixed-bg-la.jpg) left top repeat-y; background-attachment:fixed;}
	body.bg-hebetechnik {background: #444 url(/img/fixed-bg-he.jpg) left top repeat-y; background-attachment:fixed;}
	body.bg-hoehensicherung {background: #444 url(/img/fixed-bg-hoe.jpg) left top repeat-y; background-attachment:fixed;}
	body.bg-berufskraftfahrer {background: #444 url(/img/fixed-bg-la.jpg) left top repeat-y; background-attachment:fixed;}	
h1 {	
		margin: 0 0 1.2em 0; padding: 10px 0 10px 0;
		font-size: 1.4em;
		border-top: 2px solid #003661; border-bottom: 2px solid #003661;}
		
h2 {
		font-size: 1.2em; margin: 1.5em 0pt 0.8em;}
		
h3 {		
		margin:0 0 0.05em 0;
		font-size: 1em;}
		
li, ul, p, a {
		position:relative;
		margin:0;
		padding:0;
		background-image: url(http://www.easylash.net/shop/index.php?cPath=12);
}
	p {
		margin: 0 0 1em 0;
		line-height: 1.5em}
	a:hover, a:hover strong {
		color: #7898b4 !important;}

		
		
/*##############################################################
Presets End |  =Classes
##############################################################*/

.haslayout {}
.floatright { 
    	float: right;
    	margin-left: 8px;}
.floatleft { 
    	float: left;
    	margin-right: 8px;}
.clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;}
.active {color: #ff5c00;}
.header-img {margin-bottom: 20px;}
#flash-intro {margin-bottom: 1.4em;}
#flashcontent {margin-bottom: 1.4em;}
.link-ext {
		padding-left:15px !important;
		background: url(/img/arrow-up.png) left 0.3em no-repeat;}
.hide {display: none;}

.textlist {
		list-style: square;margin: 0 0 0 1.3em; padding: 0 0 0.5em 0;}

.marginal{font-size: 0.8em;}

.unten {margin-bottom:30px;}
.oben {margin-top:30px;}
 

 
/*##############################################################
Classes End |  =Stage
##############################################################*/

#main {
		position: relative; width:820px; margin:57px 0 0 183px; /*Gesamtbreite 1005 px*/
		text-align: left; overflow: inherit;}

#header {
		width:100%; margin:0; padding:0;
		background: transparent url(/img/belt-header-bg-all.png) left top no-repeat;
		height: 133px;}



/*##############################################################
Stage End |  =Menu
##############################################################*/

#menu, #menu-start, #menu-aktuelles, #menu-schulungsorte, #menu-referenten, #menu-referenzen, #menu-archiv, #menu-komponenten, #menu-gebrauchsanweisungen, #menu-seminare, #menu-kontakt, #menu-impressum {
		float: left;
		display:inline; /* Behebung eines Bugs in IE 5/6 */
		height:300px;  width:158px;  margin-left: 61px;}
	#menu-start #start a, #menu-aktuelles #aktuelles a, #menu-referenten #referenten a, #menu-referenzen #referenzen a, #menu-archiv #archiv a, #menu-komponenten #komponenten a, #menu-schulungsorte #schulungsorte a, #menu-gebrauchsanweisungen #gebrauchsanweisungen a, #menu-seminare #seminare a, #menu-kontakt #kontakt a, 
	#menu-impressum #impressum a {color: #ff5c00;} /*Farbe des aktiven Buttons */
	
menu-extern p {margin: 0;}

#topnav {
		margin:0 0 1.5em 0; padding: 6px 0 0.4em 0;
		border-top: 3px solid #003661; border-bottom:3px solid #003661;}

#topnav li, #topnav-unterTeil li, #shop-link li {
		margin: 8px 0 5px 0;  padding: 0;
		font-weight: bold; 
		list-style: none;}
		
#topnav .subnav li {
		margin: 8px 0 5px 10px;  padding: 0;
		font-weight: normal; 
		list-style: none;}
		
/*#shop-link{
		margin:1.1em 0 0 0; padding:1.1em 0 0 0; 
		border-top: 2px solid #003661;
		background: #e2ebf2;}*/

#topnav-unterTeil {margin:0 0 1.5em 0; padding:0 0 0.4em 0; 
		/*border-top: 2px solid #003661;*/ border-bottom: 3px solid #003661;}
		
			
li a:hover {
		color: #a0b7ca;text-decoration: underline;}

.nav {margin: 0.5em 0 0 0;}
	.nav li {
		margin: 0px 0 5px 0;  padding: 0;
		font-weight: bold;
		list-style: none;}
	
#shop-link {
		margin:14px 0 0 0; padding:0 0 3px 27px; 
		border-top: 2px solid #003661;border-bottom: 2px solid #003661;
		background: #bfcdd7 url(../shop/images/korb.gif) 4px 8px no-repeat;list-style: none;font-weight: bold; }

#shop-link li a {color:#003661 !important;}
 
#shop-link li a:hover {color: #7898b4 !important;}


/******************************************
Seminar-Auswahl-Liste
*******************************************/

#seminar-auswahl {
	position: relative; margin-top: 50px; padding: 0; overflow:hidden;}
	
.seminar0, .seminar1 {
	position: relative; 
	list-style:none;
	margin:0; padding:5px 0 5px 23px;}
	
.seminar0 {
	background: #bfcdd7;}
	
.seminar1 {
	background: #d2dce3;}
		
.seminar0 input, .seminar1 input {
	position: absolute; left:-2px;}
	
.wichtig {
	color: #990000 !important}
	
.wichtig strong {
	color: #990000 !important}






 
/*##############################################################
Menu End |  =Content
##############################################################*/

#breadcrumb {position: absolute; top: -30px; left:248px; width:528px;}


#content {
		width:534px; margin-left:246px; padding:0;} 
  #content a{text-decoration: underline;}
  
#vorteile {	
		font-weight: bold;
		line-height: 1.5em;}

#vorteile li {
		margin: 0 0 10px 20px;
		list-style-type: square;}
	
#leftcol {
		float: left;
		width: 304px;z-index: 2;}		
	#leftcol p {
		margin: 0 0 15px 0;
		line-height: 1.5em}

#rightcol {
		float:right;
		width:195px; margin: 0 0 20px 0px; padding:5px;
		background:#d2dce3; z-index:20}
	#rightcol p {
		margin: 0 0 15px 0;
		line-height: 1.2em;
		z-index: 6} 
		
#referenten-bg {
		margin: 0; padding:8px;
		background:#d5e3ee;}
	#referenten-bgl p {
		margin: 0 0 15px 0;
		line-height: 1.2em} 

#textlist {
		margin: 0; padding: 0 0 0 1.3em;}

#textlist li {
		list-style: square;padding: 0 0 0.5em 0;}	
		
		
		
		
		
/******************************************
Referenten
*******************************************/	
		
.referenten-bild0, .referenten-bild1 {
float: left; overflow:hidden; margin:0 24px 30px 0;}

.referenten-bild2 {
float: left; overflow:hidden; margin:0 0 30px 0;}



/******************************************
STZ-Bilder
*******************************************/	
		
.stz-bild0, .stz-bild1 {
float: left; overflow:hidden; margin:0 24px 24px 0;}

.stz-bild2 {
float: left; overflow:hidden; margin:0 0 24px 0;}



/******************************************
Schulungsorte Image-Map
*******************************************/

.deutschlandkarte { display: none; }

dt{ margin: 0; padding: 0; position: absolute; display: none; }
dd{ margin: 0; padding: 0; position: absolute; }


#deutschlandkarte {
	position: relative; width: 528px; height: 617px; margin: 0; padding: 0;
	background: transparent url(img/Karte-D-Au.png) top left no-repeat;	}


#uepa-sem { top: 300px; left: 30px; }
#uepa-sem a { position: absolute; width: 73px; height: 69px; text-decoration: none; }
#uepa-sem a span { display: none; }
#uepa-sem a:hove r{ position: absolute; background: transparent url(office.jpg) -109px -317px no-repeat; top: -10px; left: -5px; }

#uepa-sem a:hover span {
 display: block;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
 bottom: 100%;
 margin: 0;
 padding: 5px;
 width: 250%;
}

/******************************************
Buchungs-Formular
*******************************************/

/* sabine brings - www.brings-online.com - a form with style - www.cssplay.co.uk */
form#form {}
form#form textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
form#form fieldset h3{padding-left:8px;}
form#form fieldset {margin: 10px 0 0 0; padding:0; border:none; background: #bfcdd7;}

#variabler-Preis {width: 60px; font-weight: bold; height:20px; border: none; background: none;/*padding:3px 2px 1px 2px;*/ margin:0; font-size:1em; text-align:center;}
#preis-zeile{padding-left: 20px;}

form#form legend {font-weight:bold; margin-bottom:20px; padding:0; background:white;}


form#form label {font-weight:normal; height:20px; float:left; width:205px; text-align:right; padding:0; font-size:1em;}

/*form#form input[type="text"] {height:20px; background:#FFF; padding:3px 2px 1px 2px; margin:0 0 10px 7px; font-size:1em; text-align:left;}*/
input#Anrede, input#Vorname, input#Nachname, input#Ansprechpartner, input#Position, input#Position, input#Telefon, input#Fax, input#Email, input#Firma, 
input#Strasse, input#PLZ, input#Ort, input#UmID, input#PositionTeilnehmer {height:20px; background:#FFF; /*padding:3px 2px 1px 2px;*/ margin:0 0 10px 7px; font-size:1em; text-align:left;}
form#form textarea {background:#FFF; height:10em; border:none; padding:0.5em; overflow:auto; margin:0 0 10px 7px;}
#Rechnungsad, #wei-Teilnehmer{width:236px;}
#weitere-Teilnehmer {display: none;}

form#form textarea#agbtext {width:470px;font-family: Arial, Helvetica, sans-serif; font-size: 1em;}

form#form select {margin:0 20px 1em 0.5em;border: none; float: left;}

.richtig{
	border: none;
}


/*form#form option {background:#fff; color:#111;}
form#form optgroup {background:#fff; color:#cc3300; font-family: Verdana, Arial, Helvetica, sans-serif;}
form#form optgroup option {background:#fff; color:#111;}

form#form #button1, form#form #button2  {background:url(transpix/field.gif) left repeat-x; border-right:1px solid #999; border-bottom:1px solid #999; border-top:1px solid #eee; border-left:1px solid #eee; color:#cc3300; padding:0; line-height:1.5em; cursor:pointer; width:210px; margin:-5px 0 0 12px;}
form#form #button1:hover, form#form #button2:hover {color:#fff; background:#660000; border-right:1px solid #330000; border-bottom:1px solid #330000; border-top:1px solid #900; border-left:1px solid #900;}*/




				
				
  
/******************************************
Kontakt-Formular
*******************************************/


#form2 li{
	margin:0 0 10px 0;
	list-style: none;
}


#form2 .gap{
	margin-bottom: 15px;
}


/*hr{
	color:#CCCCCC;
	height: 2px;
	margin-bottom: 2px solid #CCCCCC;
}*/



.richtig2{
	border: 1px solid #003661;
}

.falsch{
	color: #990000;
	border: 1px solid #990000;
	background: #FFEBEB !important; }

.fehlermeldung{color:#990000!important;}

.wichtigerHinweis{
	color:#990000 !important; font-weight: bold!important;
}



#footer { 
	clear:both;
	margin:100px 44px 0 246px; 
	padding: 1em;
	border-top: 2px solid #003661;
}	

#footer p {margin:0}