@charset "UTF-8";
/* CSS für Niko Walter */

/* Generic Selectors */ 

* {
    margin: 0;
    padding: 0;
}

html{
	font-size: 100%;
}

body { 
	font-family: 'Droid Sans', sans-serif;
	/*font-family: 'Droid Serif', serif;*/
	font-size: 1em; /* 62.5% */
	color: #303030; 
	background-color: #fff;
	width: 100%px;
	height: 100%px;
	margin: 0px;    
}

img {
    border: 0 none;
    outline: 0 none;
}
 
p {  
	font-family: 'Droid Sans', sans-serif;
	/*font-family: 'Droid Serif', serif;*/
	font-size: 0.814em; /*0.85 */
	font-weight: normal; 
	color: #040403; 
	line-height: 1.4em; 
	margin-bottom: 15px;
	} 
 
li { 
	list-style-type: none; 
	line-height: 150%; 	
	} 
 
h1 { 
	/*font-family: 'Droid Sans', sans-serif;*/
	font-family: 'Droid Serif', serif;
	font-size: 1em; 
	font-weight: normal; 
	color: #040403; 
	line-height: 1.4em;
	margin-bottom: 25px;
	} 

 
/*h2 { 
	font-family: 'Droid Sans', sans-serif;
	font-family: 'Droid Serif', serif;
	font-size: 0.95px; 
	font-weight: normal; 
	color: #040403;  
	} */


.hide {display: none;}
 
/**************** Pseudo classes ****************/ 
a:link { 
	font-family: 'Droid Sans', sans-serif;
	color: #be2c71;				/* pink */
	text-decoration: none; 
	font-weight: normal;
	/*font-size: 0.814em; /*0.85 *//*0.85em */  
	} 
 
 
a:visited { 
	font-family: 'Droid Sans', sans-serif;
	color: #be2c71; 
	text-decoration: none; 
	font-weight: normal;
	text-decoration: none; 
	font-weight: normal;
	/*font-size: 0.814em; /*0.85 *//*0.85em */ 
	} 
 
 
a:hover { 
	font-family: 'Droid Sans', sans-serif;
	color: #000; 
	font-weight: normal; 
	text-decoration: none; 
	text-decoration: none; 
	font-weight: normal;
	/*font-size: 0.814em; /*0.85 *//*0.85em */  
	} 
 
 
a:active { 
	font-family: 'Droid Sans', sans-serif;
	color: #be2c71; 
	font-weight: normal; 
	text-decoration: none; 
	text-decoration: none; 
	font-weight: normal;
	/*font-size: 0.814em; /*0.85 *//*0.85em */ 
	} 
	
	
/* -- links in Rückrufbubbles messemagie -> weiß -- */

#cont_messemagie #mies4 a:link { 
	color: #fff !important;				/* white */
	} 
 
#cont_messemagie #mies4 a:link { 
	color: #fff !important; 
	} 
	
#cont_messemagie #mies4 a:hover { 
	color: #000 !important; 
	}
 
#cont_messemagie #mies4 a:active { 
	color: #fff !important; 			/* white */
	}
	
	
/* -- links in Rückrufbubbles messetraining -> weiß -- */

#cont_messetraining #mies3 a:link { 
	color: #fff !important;				/* white */
	} 
 
#cont_messetraining #mies3 a:link { 
	color: #fff !important; 
	} 
	
#cont_messetraining #mies3 a:hover { 
	color: #000 !important; 
	}
 
#cont_messetraining #mies3 a:active { 
	color: #fff !important; 			/* white */
	}
	
	
/* -- niko walter links -- */

#cont_nikowalter a:link { 
	color: #be2c71;				/* pink */
	} 
 
#cont_nikowalter a:hover { 
	color: #000; 
	} 
 
#cont_nikowalter a:active { 
	color: #be2c71;				/* pink */
	} 
	
	

/* -- messemagie links -- */

#cont_messemagie a:link { 
	color: #2cbe74;				/* green */
	} 
 
#cont_messemagie a:hover { 
	color: #000; 
	} 
 
#cont_messemagie a:active { 
	color: #2cbe74;				/* green */
	}
	


/* -- messetraining links -- */

#cont_messetraining a:link { 
	color: #383a71;				/* darkblue */
	} 
 
#cont_messetraining a:hover { 
	color: #000; 
	} 
 
#cont_messetraining a:active { 
	color: #383a71;				/* darkblue */
	}
	
	


/* -- referenzen links -- */

#cont_referenzen a:link { 
	color: #fff;				/* white */
	} 
 
#cont_referenzen a:hover { 
	color: #000; 
	} 
 
#cont_referenzen a:active { 
	color: #fff;				/* white */
	}
	
	
	
/* -- videos links -- */

#cont_videos a:link { 
	color: #ff6632;				/* darkorange */
	} 
 
#cont_videos a:hover { 
	color: #000; 
	} 
 
#cont_videos a:active { 
	color: #ff6632;				/* darkorange */
	}

	
	
/* -- kontakt links -- */

#cont_kontakt a:link { 
	color: #f5962f;				/* yellow-orange */
	} 
 
#cont_kontakt a:hover { 
	color: #000; 
	} 
 
#cont_kontakt a:active { 
	color: #f5962f;				/* yellow-orange */
	} 

	
	
/* -- impressum links -- */

#cont_impressum a:link { 
	color: #e11e43;				/* red */
	} 
 
#cont_impressum a:hover { 
	color: #000; 
	} 
 
#cont_impressum a:active { 
	color: #e11e43;				/* red */
	} 
 
/************************* Class *************************/ 

.wrap {
	width: 1152px;
	height: 729px;
	background-color: #fff;
	margin-left: 0px;
	margin-top: 0px;
	}
	
.background {
	width: 1152px;
	height: 729px;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left; 
	clear: right;
	}
	
#bg_startseite {
	background-image: url(../img/bg_startseite.jpg);
	background-repeat: no-repeat; 
	float: left; 
	clear: right;
	}	
	
#bg_nikowalter {
	background-image: url(../img/bg_nikowalter.jpg);
	background-repeat: no-repeat; 
	float: left; 
	clear: right;
	}
	
#bg_messemagie {
	background-image: url(../img/bg_messemagie.jpg);
	background-repeat: no-repeat; 
	float: left; 
	clear: right;
	}
	
#bg_messetraining {
	background-image: url(../img/bg_messetraining.jpg);
	background-repeat: no-repeat; 
	float: left; 
	clear: right;
	}

#bg_referenzen {
	background-image: url(../img/bg_referenzen.jpg);
	background-repeat: no-repeat; 
	float: left; 
	clear: right;
	}
	
#bg_videos {
	background-image: url(../img/bg_videos.jpg);
	background-repeat: no-repeat; 
	float: left; 
	clear: right;
	}
	
#bg_kontakt {
	background-image: url(../img/bg_impressum.jpg);
	background-repeat: no-repeat; 
	float: left; 
	clear: right;
	}
	
#bg_impressum {
	background-image: url(../img/bg_impressum.jpg);
	background-repeat: no-repeat; 
	float: left; 
	clear: right;
	}
	
/* ------------------ weitere elemente -----------------------*/

	
#logo {
	width: 305px; /*bisher 245 x 125 */
	height: 105px; 
	margin-left: 480px;
    margin-top: 178px;	
	float: left;
	clear: right;
	position: absolute;
	}

	
/*#fb {
	width: 40px;
	height: 40px; 
	margin-left: 40px;
    margin-top: 70px;
	position: absolute;
	}
*/
	
#linkedin {
	width: 52px;
	height: 52px; 
	margin-left: 77px;
    margin-top: 147px;
	position: absolute;
	}
	

#xing {
	width: 52px;
	height: 52px; 
	margin-left: 568px;
    margin-top: 423px;
	position: absolute;
	}
	

	
.navigation { 
	width: 222px; 
	height: 369px; 
	padding: 0px;  
	margin-top: 40px;
	font-weight: normal;
	float: left;
	clear: right;
	z-index: 10; 
	} 
	
.navigation ul {
	width: 222px;
	height: 369px;
	margin: 0px; 	
	float: left;
	}
	
.navigation ul li {
	margin-top: 0px; 	
	}
	
.navigation ul li#niko {
	width: 222px;	
	height: 33px;
	margin: 0px; 
	padding:0px;
	}
	
.navigation ul li#messemagie { 	
	width: 222px;	
	height: 33px;
	margin: 0px; 
	padding: 0px;
	}
	
.navigation ul li#messetraining { 	
	width: 222px;
	height: 29px;
	margin: 0px; 
	padding:0px;	
	}
	
.navigation ul li#referenzen { 	
	width: 222px;
	height: 36px;
	margin: 0px; 
	padding:0px;
	}
	
.navigation ul li#videos { 	
	width: 222px;
	height: 38px;
	margin: 0px; 
	padding:0px;	
	}
	
.navigation ul li#kontakt { 	
	width: 222px;
	height: 29px;
	margin: 0px; 
	padding:0px;	
	}
	
.navigation ul li#impressum { 	
	width: 222px;
	height: 38px;
	margin: 0px; 
	padding:0px;	
	}
	
.navigation ul li#home { 	
	width: 222px;
	height: 36px;
	margin: 0px; 
	padding:0px;	
	}
	
	
/*.content {
	background-color: #fff;
	min-width: 100px;
	}*/
	

	
#cont_nikowalter {
	background-color: #fff;
	width: 425px; /*365*/
	height: 320px; /*450*/
    margin-left: 205px;
    margin-top: 50px;
    padding: 30px 40px 40px 40px;
	}
	
#cont_nikowalter h1{
	color: #be2d72; /*pink*/
	margin-top: 0px;
	}

	
	
#cont_messemagie {
	background-color: #fff;
	width: 425px; /*365*/
	height: 450px;
    margin-left: 555px;
    margin-top: 45px;
    padding: 30px 40px 40px 40px;
	}
	
#cont_messemagie h1{
	color: #2cbe75;		/* grün */
	margin-top: 0px;
	}
	

#cont_messetraining {
	background-color: #fff;
	width: 285px; /*365*/
	height: 500px;
    margin-left: 760px;
    margin-top: 45px;
    padding: 30px 40px 40px 40px;
	}
	
#cont_messetraining h1{
	color: #383a71;		/* dunkelblau */
	margin-top: 0px;
	}

	
	
#cont_referenzen {
	background-color: #fff;
	height: 630px;
    margin-left: 200px;
    margin-top: 45px;
    padding: 30px 40px 40px 40px;
    width: 420px;
	}
	
	
#cont_referenzen h1{
	color: #00b6e3;		/* hellblau/türkis */
	margin-top: 0px;
	}
	
	

#cont_videos {
	/*background-color: #fff;*/
	height: 630px;
    margin-left: 200px;
    margin-top: 0px;
    padding: 30px 40px 40px 40px;
    width: 420px;
	}
	
	
#cont_videos h1{
	color: #ff6632;		/* dunkelorange */
	margin-top: 0px;
	}

	

#cont_kontakt {
	background-color: #fff;
    width: 235px;
	height: 400px; /*235px;*/
    margin-left: 180px;
    margin-top: 45px;
	padding-top: 30px;
    /*padding: 40px 40px 40px 40px;*/
	}
	
	
#cont_kontakt h1{
	color: #f5962f;		/* orange */
	margin-top: 0px;
	}
	
.linkedin_kontakt {
  	width: 35px; 
	height: 30px;		/* 29px */
	left: 213px;
	top: 420px;
    position: absolute;
	}
	
.xing_kontakt {
  	width: 35px; 
	height: 30px;		/* 29px */
	left: 253px;
	top: 420px;
    position: absolute;
	}
	
.facebook_kontakt {
  	width: 35px; 
	height: 30px;		
	left: 293px;
	top: 420px;
    position: absolute;
	}
	
.google_kontakt {
  	width: 70px; 
	height: 30px;		
	left: 328px;
	top: 420px;
    position: absolute;
	}
	

#cont_impressum {
	background-color: #fff;
    width: 320px; /*369px;*/
	height: 610px;
    margin-left: 180px;
    margin-top: 45px; 
	padding-top: 30px;
	padding-left: 40px;
	/*overflow: auto;*/
	}
	
	
#cont_impressum h1{
	color: #e11e43;		/* rot */
	margin-top: 0px;
	}
	
.fb_impressum {
  	width: 43px; 
	height: 43px;		/* 29px */
    margin-left: 300px;
    /*padding-top: 10px;
    position: relative;*/
	}
	
	
/* -------- Bubbles - Seite Videos -------- */

.video1 {
  	width: 186px; 
	height: 186px;		
    margin-left: 180px;
	margin-top: 15px;
    /*padding-top: 10px;*/
    position: absolute;
	float: left;
	clear: right;
	}
	
.video2 {
  	width: 225px; 
	height: 225px;		
    margin-left: 305px;
	margin-top: 220px;
    /*padding-top: 10px;*/
    position: absolute;
	float: left;
	clear: right;
	}
	
	
.video3 {
  	width: 190px; 
	height: 190px;		
    margin-left: 500px;
	margin-top: 0px;
    /*padding-top: 10px;*/
    position: absolute;
	float: left;
	clear: right;
	}
	
	
	
	

/* ---------------------------- Bubbles - Startseite ----------------------------------------- */

/* -- kleine > links auf der startseite -- */	
.startlink {
	font-family: 'Droid Sans', sans-serif;
	color: #fff;				
	text-decoration: none; 
	font-weight: normal;
	font-weight: lighter;
	font-style: italic;
	font-size: 0.750em; /*0.85em */
	position: relative;
	top: 4px;
	}
	
/*.startlink:hover {
	font-family: 'Droid Sans', sans-serif;
	color: #040403; 
	text-decoration: none; 
	font-weight: normal;
	font-weight: lighter;
	font-style: italic;
	font-size: 0.750em;
	position: relative;
	top: 4px;
	}*/
	
	
/* -- ausnahme für kleine > links auf der startseite: videos / impressum -- */	
#nav0 .startlink {
	font-family: 'Droid Sans', sans-serif;
	color: #fff;				
	text-decoration: none; 
	font-weight: normal;
	font-weight: lighter;
	font-style: italic;
	font-size: 0.750em; /*0.85em */
	position: relative;
	top: 0px !important;
	}
	
/*#nav0 .startlink:hover {
	font-family: 'Droid Sans', sans-serif;
	color: #040403; 
	text-decoration: none; 
	font-weight: normal;
	font-weight: lighter;
	font-style: italic;
	font-size: 0.750em;
	position: relative;
	top: 0px !important;
	}
	*/
	
#nav3 .startlink {
	font-family: 'Droid Sans', sans-serif;
	color: #fff;				
	text-decoration: none; 
	font-weight: normal;
	font-weight: lighter;
	font-style: italic;
	font-size: 0.814em; /*0.85 */
	position: relative;
	top: 5px !important;
	}
	

/* -- Allgemeines für Navigationsbubbles - Startseite -- */	
	
.navigation_bub {
	/*background-color: purple;*/
	border-radius:130px 130px 130px 130px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 130px 130px 130px 130px; /* Firefox */
  	-webkit-border-radius: 130px 130px 130px 130px; /* Safari and Chrome */
	behavior: url(css/PIE.htc);  /* einbinden der pie.htc-datei für runde ecken im ie kleiner ie9 - quelle: http://css3pie.com/documentation/getting-started/*/


	text-align: center;
	position: absolute;
	}

.navigation_bub h2 {
	color: #fff;
	text-align: center;
	/*padding-top: 1.2em;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 25%;
	padding: 0.2em;*/
	font-family: 'Droid Sans', sans-serif;
	/*font-family: 'Droid Serif', serif;*/
	font-size: 0.875em; /*0.9em;*/ 
	font-weight: lighter; 
	line-height: 1.3em;
	/*padding-top: 5px;*/
	}
	
	
/* --------- Bubble 0: Videos - Startseite ------------ */		

#nav0 {
	/*background-color: #ff6632;*/		/* dunkelorange */
	background-image: url(../img/bub_videos_off.png);
	background-repeat: no-repeat; 
	width: 213px;
	height: 213px;
	text-align: center;
	margin-top: 30px;
	margin-left: 795px;
	float: left;
	clear: right;
	}


#nav0:hover {
	background-image: url(../img/bub_videos_on.png);
	background-repeat: no-repeat; 
	width: 213px;
	height: 213px;
	margin-top: 30px;
	margin-left: 795px;
	float: left;
	clear: right;
	}
	
#nav0 h2 {
	width: 183px;
	height: 81px;
	text-align: center;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.875em; /*0.9em;*/ 
	font-weight: light; 
	line-height: 1.3em;    
	padding-top: 132px !important;
	padding-left: 30px !important;
	}
	
	

	
/* -- Bubble 1: Niko Walter - Startseite -- */		

#nav1 {
	background-color: #be2d72; /*pink*/
	width: 150px;
	height: 150px;
	text-align: center;
	margin-top: 10px;
	margin-left: 105px;
	/*display:block;*/
	float: left;
	clear: right;
	}


#nav1:hover {
	width: 170px;
	height: 160px;
	margin-top: 0px;
	margin-left: 95px;
	/*display:block;*/
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#nav1 h2 {
	padding-top: 40px;
	}
	
/*h2 #nav1 {
	width: 150px;
	height: 150px;
	text-align: center;
	padding-top: 1.1em;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.875em; 
	font-weight: light; 
	line-height: 1.3em;
	}*/	
	

/* -- Bubble 2: Referenzen türkis - Startseite -- */		

#nav2 {
	background-color: #00b6e3;		/* hellblau/türkis */
	width: 140px;
	height: 140px;
	text-align: center;
	margin-top: 40px;
	margin-left: 370px;
	/*display:block;*/
	float: left;
	clear: right;
	}


#nav2:hover {
	width: 160px;
	height: 150px;
	margin-top: 30px;
	margin-left: 360px;
	/*display:block;*/
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#nav2 h2 {
	padding-top: 20px;
	}
	
/*h2 #nav2 {
	width: 160px;
	height: 160px;
	text-align: center;
	padding-top: 1.1em;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.875em;  
	font-weight: light; 
	line-height: 1.3em;
	}*/

/* -- Bubble 3: Impressum rot - Startseite -- */		

#nav3 {
	background-color: #e11e43;		/* rot */
	width: 67px;
	height: 67px;
	text-align: center;
	margin-top: 485px;
	margin-left: 220px;
	/*display:block;*/
	float: left;
	clear: right;
	}


#nav3:hover {
	width: 87px;
	height: 77px;
	margin-top: 475px;
	margin-left: 210px;
	/*display:block;*/
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#nav3 h2 {
	padding-top: 17px;
	}
	

/*h2 #nav3 {
	width: 67px;
	height: 67px;
	text-align: center;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.875em;  
	font-weight: light; 
	line-height: 1.3em;
	}*/	


/* -- Bubble 4: Kontakt orange-gelb - Startseite -- */		

#nav4 {
	background-color: #f5962f;		/* orange */
	width: 118px;
	height: 118px;
	text-align: center;
	margin-top: 20px;
	margin-left: 510px;
	/*display:block;*/
	float: left;
	clear: right;
	}


#nav4:hover {
	width: 138px;
	height: 128px;
	margin-top: 10px;
	margin-left: 500px;
	/*display:block;*/
	float: left;
	clear: right;
	padding-top: 10px;
	}


#nav4 h2 {
	padding-top: 30px;
	}

/*h2 #nav4 {
	width: 138px;
	height: 138px;
	text-align: center;
	padding-top: 40%;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 35%;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.875em; 
	font-weight: light; 
	line-height: 1.3em;
	}*/
	
	
/* -- Bubble 5: Messetraining dunkelblau - Startseite -- */		

#nav5 {
	background-color: #383a71;		/* dunkelblau */
	width: 158px;
	height: 158px;
	text-align: center;
	margin-top: 240px;
	margin-left: 160px;
	/*display:block;*/
	float: left;
	clear: right;
	}


#nav5:hover {
	width: 178px;
	height: 168px;
	margin-top: 230px;
	margin-left: 150px;
	/*display:block;*/
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
h2 #nav5 {
	width: 178px;
	height: 178px;
	text-align: center;
	padding-top: 35%;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 35%;
	/*display:block;*/
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	/*font-family: 'Droid Serif', serif;*/
	font-size: 0.875em; /*0.9em;*/ 
	font-weight: light; 
	line-height: 1.3em;
	}
	
#nav5 h2 {
	padding-top: 35px;
	}	
	
/*h2 #nav5 {
	width: 178px;
	height: 178px;
	text-align: center;
	padding-top: 35%;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 35%;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.875em;  
	font-weight: light; 
	line-height: 1.3em;
	}*/

	
/* -- Bubble 6: Messemagie grün - Startseite -- */		

#nav6 {
	background-color: #2cbe75;		/* grün */ 
	width: 120px;
	height: 120px;
	text-align: center;
	margin-top: 295px;
	margin-left: 640px;
	/*display:block;*/
	float: left;
	clear: right;
	}


#nav6:hover {
	width: 140px;
	height: 130px;
	text-align: center;
	margin-top: 285px;
	margin-left: 630px;
	/*display:block;*/
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#nav6 h2  {
	padding-top: 25px;
	}

	
/*h2 #nav6  {
	width: 120px;
	height: 120px;
	text-align: center;
	padding-top: 25%;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 25%;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.875em; 
	font-weight: light; 
	line-height: 1.3em;
	}*/
	

	






/* -- Allgemeines für Bubbles - REFERENZEN -------------------------------------------------------------------------------------------------------------- */	
	
.referenzen_bub {
	border-radius:130px 130px 130px 130px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 130px 130px 130px 130px; /* Firefox */
  	-webkit-border-radius: 130px 130px 130px 130px; /* Safari and Chrome */
	behavior: url(css/PIE.htc);  /* einbinden der pie.htc-datei für runde ecken im ie kleiner ie9 - quelle: http://css3pie.com/documentation/getting-started/*/
	text-align: center;
	position: absolute;
	}

/*.referenzen_bub .ref {
	color: #fff;
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.9em; 
	font-weight: lighter; 
	line-height: 1.3em;
	padding-top: 15px;
	}*/
	
	
/* ********************** Bubble 0 - Weiß **********************  */		

#bub0 {
	background-color: #fff;		/* weiß */
	height: 180px;
	width: 180px;
	text-align: center;
	margin-left: 550px;
	margin-top: 420px;
	float: left;
	clear: right;
	}


#bub0:hover {
	height: 190px;
	width: 200px;
	text-align: center;
	margin-left: 540px;
	margin-top: 410px;
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#bub0 .ref {
	vertical-align:middle;
	width: 180px;
	height: 180px;
	text-align: center;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.814em; /*0.85em */ 
	font-weight: light; 	
	}
	
/* ********************** Bubble 1 - Dunkelorange **********************  */		

#bub1 {
	background-color: #ff6632;		/* dunkelorange */
	height: 200px;
	width: 200px;
	text-align: center;
	margin-left: 750px;
	margin-top: 250px;
	float: left;
	clear: right;
	}


#bub1:hover {
	height: 210px;
	width: 220px;
	text-align: center;
	margin-left: 740px;
	margin-top: 240px;
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#bub1 .ref {
	padding-top: 20px !important;
	color: #fff;
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	/*font-size: 0.85em;*/
	font-weight: light; 
	line-height: 1.3em;
	}
	
/*#bub1 .ref {
	vertical-align:middle;
	width: 200px;
	height: 200px;
	text-align: center;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.814em;  
	font-weight: light; 
	line-height: 1.3em; 
	}*/

	
/* -- Bubble 2 - Pink -- */		

#bub2 {
	background-color: #be2d72; 	/* pink */
	width: 210px;
	height: 210px;
	text-align: center;
	margin-top: 235px;
	margin-left: 195px;
	/*display:block;*/
	float: left;
	clear: right;
	}


#bub2:hover {
	width: 230px;
	height: 220px;
	margin-top: 225px;
	margin-left: 185px;
	/*display:block;*/
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#bub2 .ref {
	padding-top: 35px !important;
	color: #fff;
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	/*font-size: 0.85em;*/
	font-weight: light; 
	line-height: 1.3em;
	}
	
	
	

/* -- Bubble 3 - Türkis -- */		

#bub3 {
	background-color: #00b6e3;		/* hellblau/türkis */
	width: 130px;
	height: 130px;
	text-align: center;
	margin-top: 50px;
	margin-left: 300px;
	/*display:block;*/
	float: left;
	clear: right;
	}

#bub3:hover {
	width: 150px;
	height: 140px;
	text-align: center;
	margin-top: 40px;
	margin-left: 290px;
	/*display:block;*/
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#bub3 .ref {
	padding-top: 20px !important;
	color: #fff;
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	/*font-size: 0.85em;*/
	font-weight: light; 
	line-height: 1.3em;
	}
	
/* -- Bubble 6 - Dunkelblau -- */		

#bub6 {
	background-color: #383a71;		/* dunkelblau */
	margin-top: 85px;
	margin-left: 420px;	
	width: 185px;
	height: 185px;
	text-align: center;
	/*display:block;*/
	float: left;
	clear: right;
	}


#bub6:hover {
	margin-top: 75px;
	margin-left: 410px;	
	width: 205px;
	height: 195px;
	/*display:block;*/
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#bub6 .ref {
	padding-top: 35px !important;
	color: #fff;
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	/*font-size: 0.85em;*/
	font-weight: light; 
	line-height: 1.3em;
	}

	
/* -- Bubble 7 - Grün -- */		

#bub7 {
	background-color: #2cbe75;		/* grün */ 
	width: 200px;
	height: 200px;
	text-align: center;
	margin-left: 650px;
    margin-top: 30px;
	/*display:block;*/
	float: left;
	clear: right;
	}


#bub7:hover {
	text-align: center;
	width: 220px;
	height: 210px;
	margin-left: 640px;
    margin-top: 20px;
	/*display:block;*/
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#bub7 .ref {
	padding-top: 30px !important;
	color: #fff;
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	/*font-size: 0.85em;*/
	font-weight: light; 
	line-height: 1.3em;
	}
	




/* ********************** Bubble 8 - Rot **********************  */		

#bub8 {
	background-color: #E11E43;		/* rot */
	height: 90px;
	width: 90px;
	text-align: center;
	margin-left: 940px;
	margin-top: 70px;
	float: left;
	clear: right;
	}


#bub8:hover {
	height: 100px;
	width: 110px;
	text-align: center;
	margin-left: 930px;
	margin-top: 60px;
	float: left;
	clear: right;
	padding-top: 10px;
	}
	
#bub8 .ref {
	padding-top: 20px !important;
	color: #fff;
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	/*font-size: 0.85em;*/
	font-weight: light; 
	line-height: 1.3em;
	}
	


		
/* ------ BUBBLES ------------ */
	
.bubble1 {
	text-align:center;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 220px;
	left: 812px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	line-height: 1.2em;
	z-index: 1;
	}
	
.bubble2 {
	text-align:center;
	width: 205px;
	height: 205px;
	position: absolute;
	top: 60px;
	left: 20px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	line-height: 1.5em;
	z-index: 1;
	}
	





/* ------- Overlay per jquery aus: http://jquerytools.org/demos/overlay/index.html ----------- */

#mies1 {
	position: relative !important;
	top: 20px !important;
	left: 200px !important;
	}
	
#mies1 embed{
	position: relative !important;
	top: 200px !important;
	left: 100px !important;
	background-color: #00B6E3 !important; /*türkis*/
	}
	
#mies2 {
	position: relative !important;
	top: 20px !important;
	left: 200px !important;
	}
	
#mies2 embed {
    position: relative !important;
    top: 200px !important;
    left: 110px !important;
	background-color: #BE2C71 !important; /*pink*/
    }
	
#mies0 {
    position: relative !important;
    top: 0px !important;
	left: 200px !important;
	background-color: #FF6632 !important; /*dark orange*/
    }	



/* für Rückruf-Formular Seite Messetraining */	
#mies3 {
	position: absolute !important;
	top: 400px !important;
	left: 800px !important;
	}

/* für Rückruf-Formular Seite Messemagie*/	
#mies4 {
	position: absolute !important;
	top: 400px !important;
	left: 600px !important;
	}


/* some styling for triggers */
  #triggers {
  text-align:center;
  }
  
 #triggers3 {
/* background-color: red; -- nur zum testen */
  }
  
#triggers4 {
/* background-color: red; -- nur zum testen */  
	}

  #triggers img {
  cursor:pointer;
  /*margin:0 5px;
  background-color:#fff;
  border:1px solid #ccc;
  padding:2px;

  -moz-border-radius:4px;
  -webkit-border-radius:4px;
*/
  }
  
/* transparentes gif als klick-fläche - vorerst*/ 
/*
#blank_messetraining {
	position: absolute;
	top: 455px;
	left: 960px;
	border: 1px solid orange;
	}
	
#blank_messemagie {
	position: absolute;
	top: 450px;
	left: 730px;
	border: 1px solid #2CBE75;
	}
*/

/* ------------- the overlayed element - video 1 ------------- */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
	background-color: #00B6E3 !important; /*türkis*/
 
    width:700px;
	height:700px;
	position: relative !important;
	top:0px;
	left:400px !important;
    /*min-height:335px;*/
	border-radius:700px 700px 700px 700px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 700px 700px 700px 700px; /* Firefox */
  	-webkit-border-radius: 700px 700px 700px 700px; /* Safari and Chrome */
	behavior: url(css/PIE.htc);  /* einbinden der pie.htc-datei für runde ecken im ie kleiner ie9 - quelle: http://css3pie.com/documentation/getting-started/*/

    /*border:1px solid #666;*/
 
    /* CSS3 styling for latest browsers */
     /*-moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;*/
	-moz-box-shadow:0 0 90px 10px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../img/close_video0.png);
    position:absolute;
    right: 190px; /*-15px*/
    top: 15px;	/*-15px*/
    cursor:pointer;
    height:35px;
    width:35px;
}


/* ------------- the overlayed element - video 2 -------------*/
.simple_overlay_1 {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color: #be2c71; /*pink*/
 
    width:700px;
	height:700px;
	position: relative !important;
	top:0px;
	left:400px !important;
    /*min-height:335px;*/
	border-radius:700px 700px 700px 700px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 700px 700px 700px 700px; /* Firefox */
  	-webkit-border-radius: 700px 700px 700px 700px; /* Safari and Chrome */    /*border:1px solid #666;*/
	behavior: url(css/PIE.htc);  /* einbinden der pie.htc-datei für runde ecken im ie kleiner ie9 - quelle: http://css3pie.com/documentation/getting-started/*/

 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 10px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
 
 /* close button positioned on upper right corner */
.simple_overlay_1 .close {
    background-image:url(../img/close_video2.png);
    position:absolute;
    right: 190px; /*-15px*/
    top: 15px;	/*-15px*/
    cursor:pointer;
    height:35px;
    width:35px;
}

/* video in Bubble positionieren */
.simple_overlay_1 .video2_cws {
	padding-top:175px;
	padding-left:150px;
	}
	


/* ------------- the overlayed element - video 3 -------------*/
.simple_overlay_0 {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color: #00b6e3; /*blau*/
 
    width:700px;
	height:700px;
	position: relative !important;
	top:0px;
	left:100px !important;
    /*min-height:335px;*/
	border-radius:700px 700px 700px 700px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 700px 700px 700px 700px; /* Firefox */
  	-webkit-border-radius: 700px 700px 700px 700px; /* Safari and Chrome */    /*border:1px solid #666;*/
	behavior: url(css/PIE.htc);  /* einbinden der pie.htc-datei für runde ecken im ie kleiner ie9 - quelle: http://css3pie.com/documentation/getting-started/*/

 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 10px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
 
 /* close button positioned on upper right corner */
.simple_overlay_0 .close {
    background-image:url(../img/close_video1.png);
    position:absolute;
    right: 190px; /*-15px*/
    top: 15px;	/*-15px*/
    cursor:pointer;
    height:35px;
    width:35px;
}

/* video in Bubble positionieren */
.simple_overlay_0 .video3_messemagier {
	padding-top:195px;
	padding-left:70px;
	}

/* ---------------------------------------------------------------------------------------- */
/* ------------- the overlayed element - Rückruf-Formular Seite Messetraining ------------- */
.simple_overlay_3 {
 
    /* must be initially hidden*/ 
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
	background-color: #383a71;		/* dunkelblau */
 
    width:190px;
	height:190px;
	position: absolute !important;
	top:380px;
	left:700px !important;
    /*min-height:335px;*/
	border-radius: 250px 250px 250px 250px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 250px 250px 250px 250px; /* Firefox */
  	-webkit-border-radius: 250px 250px 250px 250px; /* Safari and Chrome */
behavior: url(css/PIE.htc);  /* einbinden der pie.htc-datei für runde ecken im ie kleiner ie9 - quelle: http://css3pie.com/documentation/getting-started/*/
    /*border:1px solid #666;*/
 
    /* CSS3 styling for latest browsers */
     /*-moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;*/
	-moz-box-shadow:0 0 90px 10px #000;
    -webkit-box-shadow: 0 0 90px #000;
	padding:50px; 
}

/* close button positioned on upper right corner */
.simple_overlay_3 .close {
    background-image:url(../img/close_form.png);
    position:absolute;
    right: 45px; /*-15px*/
    top: 15px;	/*-15px*/
    cursor:pointer;
    height:35px;
    width:35px;
}

#mies3 h1{
	font-family: 'Droid Serif', serif;
	font-size: 1em; 
	font-weight: normal; 
	color: #fff; 
	line-height: 1.4em;
	margin-bottom: 25px;
	}
	
#mies3 p {
	font-family: 'Droid Sans', sans-serif;
	/*font-family: 'Droid Serif', serif;*/
	font-size: 0.814em; /*0.85em */ 
	font-weight: normal; 
	color: #fff; 
	line-height: 1.4em;
	margin-bottom: 0px; /*15px*/
	margin-left: 10px;
	}
	
.simple_overlay .video1_zae {
	padding-top:175px;
	padding-left:150px;
	}
	
/* ------------- the overlayed element - Rückruf-Formular BESTÄTIGUNG Seite Messetraining ------------- */
.simple_overlay_3_confirm {
 
    /* must be initially hidden 
    display:none;*/
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
	background-color: #383a71;		/* dunkelblau */
 
    width:190px;
	height:190px;
	position: absolute !important;
	top:380px;
	left:700px !important;
    /*min-height:335px;*/
	border-radius: 250px 250px 250px 250px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 250px 250px 250px 250px; /* Firefox */
  	-webkit-border-radius: 250px 250px 250px 250px; /* Safari and Chrome */
	behavior: url(css/PIE.htc);  /* einbinden der pie.htc-datei für runde ecken im ie kleiner ie9 - quelle: http://css3pie.com/documentation/getting-started/*/
    /*border:1px solid #666;*/
 
    /* CSS3 styling for latest browsers */
     /*-moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;*/
	-moz-box-shadow:0 0 90px 10px #000;
    -webkit-box-shadow: 0 0 90px #000;
	padding:50px; 
}

/* close button positioned on upper right corner */
.simple_overlay_3_confirm .close {
    background-image:url(../img/close_form.png);
    position:absolute;
    right: 45px; /*-15px*/
    top: 15px;	/*-15px*/
    cursor:pointer;
    height:35px;
    width:35px;
}

#mies3 h1{
	font-family: 'Droid Serif', serif;
	font-size: 1em; 
	font-weight: normal; 
	color: #fff; 
	line-height: 1.4em;
	margin-bottom: 25px;
	}
	
#mies3 p {
	font-family: 'Droid Sans', sans-serif;
	/*font-family: 'Droid Serif', serif;*/
	font-size: 0.814em; /*0.85em */ 
	font-weight: normal; 
	color: #fff; 
	line-height: 1.4em;
	margin-bottom: 0px; /*15px*/
	margin-left: 10px;
	}
	
		
	
	
/* ------------- the overlayed element - Rückruf-Formular Seite Messemagie ------------- */
.simple_overlay_4 {
 
    /* must be initially hidden*/ 
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
	background-color: #2CBE75;		/* grün */
 
    width:190px;
	height:190px;
	position: absolute !important;
	top:380px;
	left:700px !important;
    /*min-height:335px;*/
	border-radius: 250px 250px 250px 250px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 250px 250px 250px 250px; /* Firefox */
  	-webkit-border-radius: 250px 250px 250px 250px; /* Safari and Chrome */
	behavior: url(css/PIE.htc);  /* einbinden der pie.htc-datei für runde ecken im ie kleiner ie9 - quelle: http://css3pie.com/documentation/getting-started/*/
    /*border:1px solid #666;*/
 
    /* CSS3 styling for latest browsers */
     /*-moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;*/
	-moz-box-shadow:0 0 90px 10px #000;
    -webkit-box-shadow: 0 0 90px #000;
	padding:50px; 
}

/* close button positioned on upper right corner */
.simple_overlay_4 .close {
    background-image:url(../img/close_form_green.png);
    position:absolute;
    right: 45px; /*-15px*/
    top: 15px;	/*-15px*/
    cursor:pointer;
    height:35px;
    width:35px;
}

#mies4 h1{
	font-family: 'Droid Serif', serif;
	font-size: 1em; 
	font-weight: normal; 
	color: #fff; 
	line-height: 1.4em;
	margin-bottom: 25px;
	}
	
#mies4 p {
	font-family: 'Droid Sans', sans-serif;
	/*font-family: 'Droid Serif', serif;*/
	font-size: 0.814em; /*0.85em */ 
	font-weight: normal; 
	color: #fff; 
	line-height: 1.4em;
	margin-bottom: 15px;
	margin-left: 10px;
	}

  
  /* ----------- scrollable - test aus: http://jquerytools.org/demos/scrollable/vertical.html -------------- */
  
/* root element for scrollable */
.vertical {

    /* required settings */
    position:relative;
    overflow:hidden;

    /* vertical scrollers have typically larger height than width */
    height: 310px; /*390*/
    width: 260px;
    /*padding: 40px;*/
    /* border-top:1px solid #ddd;*/
}

/* root element for scrollable items */
.items {
	position:absolute;
	/* this time we have very large space for height */
    height:20000em;
	margin: 0px;
	height: 400px;
	top: 0px;
}

/* single scrollable item */
.item {
   /* border-bottom:1px solid #ddd;
    margin:10px 0;
    padding:15px;
    font-size:12px;*/
    height:400px;
}

/* elements inside single item */
.item img {
    float:left;
    margin-right:20px;
    height:180px;
    width:240px;
}

.item h3 {
    margin:0 0 5px 0;
    /*font-size:16px;*/
    color:#456;
    font-weight:normal;
}

/* the action buttons above the scrollable */
#actions {
    width:330px; /*460px*/
    margin:0px 0 10px 0;	
}

#actions .prev {
	background-image:url(../img/up.png);
	background-repeat:no-repeat;
    display: inline;
    left: 500px;
    margin: 80px 0 10px;
    position: absolute;
    top: 290px; /*200*/
    width: 60px;
    z-index: 100;
}

#actions .next {
	background-image:url(../img/down.png);
	background-repeat:no-repeat;
    left: 500px;
    margin: 80px 0 10px;
    position: absolute;
    top: 560px; /*520*/
    width: 60px;
	display: inline;
	z-index:100;
}

#actions a {
    cursor:pointer;
	color: #be2c71;				/* pink */
	font-family: 'Droid Sans', sans-serif;
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.7em; 
}

#actions a:hover {
	font-family: 'Droid Sans', sans-serif;
	color:#303030;	/*grey*/
	text-decoration: none; 
	font-weight: normal;
	font-size: 0.7em;  
}

.disabled {
    visibility:hidden;
}

.next {
    float:right;
}



/* click layer */

#layer{
    /* must be initially hidden*/ 
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
	background-color: #383a71;		/* dunkelblau */
 
    width:190px;
	height:190px;
	position: absolute !important;
	top:380px;
	left:700px !important;
    /*min-height:335px;*/
	border-radius: 250px 250px 250px 250px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 250px 250px 250px 250px; /* Firefox */
  	-webkit-border-radius: 250px 250px 250px 250px; /* Safari and Chrome */
    /*border:1px solid #666;*/
 
    /* CSS3 styling for latest browsers */
     /*-moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;*/
	-moz-box-shadow:0 0 90px 10px #000;
    -webkit-box-shadow: 0 0 90px #000;
	padding:50px; 
}

#layer h1{
	font-family: 'Droid Serif', serif;
	font-size: 1em; 
	font-weight: normal; 
	color: #fff; 
	line-height: 1.4em;
	margin-bottom: 25px;
	}
	
#layer p {
	font-family: 'Droid Sans', sans-serif;
	/*font-family: 'Droid Serif', serif;*/
	font-size: 0.814em; /*0.85em */ 
	font-weight: normal; 
	color: #fff; 
	line-height: 1.4em;
	margin-bottom: 15px;
	margin-left: 10px;
	}
	
/*.abstand1 {
	position: relative;
	float: left;
	margin-right: 20px;
	clear: right;
	}

.abstand2 {
	position: relative;
	float: left;
	margin-right: 12px;
	clear: right;
	}
	*/
	
input {
	margin-bottom: 5px;
	}
	
input[type="button"]   {
	background-color: #fff;
	border: none;
	padding-left: 5px;
	padding-right: 5px;
	}
	
form {
	margin-left: 10px;
	}

	
#verlinkt {
	border: none;
	background-color: #fff;
	font-size: 1em; 
	font-weight: normal; 
	color: #000; 
	line-height: 1.4em;
	}
	
	
/* ----------- formatierungen für kontaktformular -------------- */
	
.simple_overlay_3.box {
 	/* must be initially hidden
    display:none;*/ 
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
	background-color: #383a71;		/* dunkelblau */
 
    width:200px;
	height:190px;
	position: absolute !important;
	/*top:380px;
	left:700px !important;*/

	border-radius: 250px 250px 250px 250px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 250px 250px 250px 250px; /* Firefox */
  	-webkit-border-radius: 250px 250px 250px 250px; /* Safari and Chrome */
	behavior: url(css/PIE.htc);  /* einbinden der pie.htc-datei für runde ecken im ie kleiner ie9 - quelle: http://css3pie.com/documentation/getting-started/*/
 
    /* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 10px #000;
    -webkit-box-shadow: 0 0 90px #000;
	padding:50px; 
	float:left;
	}
	
.simple_overlay_3.box_1 {
 	/* must be initially hidden*/
    display:none; 
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
	background-color: #383a71;		/* dunkelblau */
 
    width:200px;
	height:190px;
	position: absolute !important;
	/*top:380px;
	left:700px !important;*/

	border-radius: 250px 250px 250px 250px;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	-moz-border-radius: 250px 250px 250px 250px; /* Firefox */
  	-webkit-border-radius: 250px 250px 250px 250px; /* Safari and Chrome */
	behavior: url(css/PIE.htc);  /* einbinden der pie.htc-datei für runde ecken im ie kleiner ie9 - quelle: http://css3pie.com/documentation/getting-started/*/
 
    /* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 10px #000;
    -webkit-box-shadow: 0 0 90px #000;
	padding:50px; 
	float:left;
	}
	
	
.title h2{
	font-family: 'Droid Sans',sans-serif;
	font-size: 1em; 
	font-weight: normal; 
	color: #fff; 
	line-height: 1.4em;
	margin-left: 10px;
	}
	
#form {
	width:190px;
	float:left;
	margin-top:5px;
}

.submit {
	background: #fff; 
	width:50px ; 
	height:20px; 
	color:#000;
	border: 1px solid #fff;
	}
	
.textfield {
	background: none repeat scroll 0 0 #FFFFFF;
    height: 20px;
    margin-bottom: 5px;
    padding: 5 5px;
    width: 150px;
	border: 1px solid #fff;
}

#status {	
/* must be initially hidden */ 
display:none;
color:#fff;
font-size: 0.814em;
text-align:left;
position: absolute;

z-index:1000;
width:190px;
height:190px;
margin-left: 10px; 
    /* styling */ 


}

#errstatus {
 	/* must be initially hidden  */
display:none;
color:#fff;
font-size: 0.814em;
text-align:left;
position: absolute;
margin-left: 10px;
z-index:1000;
}

/*#main-container {
	margin-left: 10px;
	margin-top: 5px;
	}*/