/* CSS Document */

@charset "utf-8";


.arrangeseminar{
box-shadow: 2px 2px 4px 2px #4c4639;
margin:20px 0 0 0;
width:250px;
height:25px;
line-height:25px;
text-align:center;
border-radius:5px;
color: #fef4e9;
background-image:url(../images/arrangesembkgd.png); 
}


.arrangeseminar:hover{
background-image:url(../images/arrangesembkgdhover.png); 
}

.arrangeseminar a{
text-decoration:none;
color: #fef4e9;
}

a{
	text-decoration:underline;
	color:#1a4c7d;
	}
	
#trainingtab .activepage{
border-bottom:5px solid #1c539c;
}
/* CSS Document */

@charset "utf-8";


/* Large Desktop ----------- */
@media only screen 
and (min-width : 1401px){
/* Styles */

	/* COLUMN LAYOUT */

	#column1{
	width:55%; 
	float:left;
	margin-left:165px;
	padding-bottom:20px;
	}

	#column2{
	float:left;	
	padding-bottom:20px;
	}
		
	
	#container1{
	float:left; 
	width:100%;
	}
	
	/* END COLUMN LAYOUT */
	
	#training{
	width:80%;
	margin-top:40px;
	}

	#column1 p{
	padding:20px 0 10px 0;
	}
		
	#column1 dl, ul{
	padding:0;
	
	}
	
	#column1 ul{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:30px;
	}
	
	#column1 dt{
	font-style:italic;
	padding-bottom:5px;
	}
	
	#column1 dd{
	padding-left:30px;
	padding-bottom:10px;
	}
	
	#seminar1{
	margin-left:20px;
	}
	
	#seminar2{
	margin-left:20px;
	}
	
	#seminar1 p:last-child{
	padding-bottom:30px;
	}
	

	#column2 p{
	text-align:center;
	}
	
	
	#column2 p:nth-child(1){
	margin-top:120px;
	
	}
	
	#column2 p:nth-child(2){
	margin-top:160px;
	}
	
	
	
	#training h2{
	padding-left:10px;
	padding-right:10px;
	width:800px;
	color:#555;
	font-size:1.1em;
	}
	
}

/* Desktop ----------- */
@media only screen 
and (min-width : 1024px)
and (max-width : 1400px) {
/* Styles */

	/* COLUMN LAYOUT */
	
	#training{
	margin-top:40px;
	width:100%;
	}

	#column1{
	width:50%; 
	float:left;	
	margin-left:80px;
	padding-bottom:20px;
	}

	#column2{
	float:left;	
	padding-bottom:20px;
	}
	
	
	#container1{
	float:left; 
	width:100%;
	}
	
	/* END COLUMN LAYOUT */

	#column1 p{
	padding:20px 0 10px 0;
	}
		
	#column1 dl, ul{
	padding:0;
	
	}
	
	#column1 ul{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:30px;
	}
	
	#column1 dt{
	font-style:italic;
	padding-bottom:5px;
	}
	
	#column1 dd{
	padding-left:30px;
	padding-bottom:10px;
	}
	#seminar1{
	margin-left:20px;
	}
	
	#seminar2{
	margin-left:20px;
	}
	
	#seminar1 p:last-child{
	padding-bottom:30px;
	}
	
	

	#column2 p{
	text-align:center;
	}
	
#column2 p:nth-child(1){
	margin-top:120px;
	
	}
	
	#column2 p:nth-child(2){
	margin-top:190px;
	}
	
	#training h2{
	padding-left:10px;
	padding-right:10px;
	width:800px;
	color:#555;
	font-size:1.1em;
	text-align:center;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
	
	/* Styles */

	/* COLUMN LAYOUT */

	#column1{
	width:100%; 
	padding-bottom:20px;
	}

	#column2{
	display:none;
	}
	
	
	#container1{
	float:left; 
	width:100%;
	}
	
	/* END COLUMN LAYOUT */
	
	#training{
	margin-top:40px;
	float:left;
	}

	
	#column1 p{
	padding:20px 10px 10px 10px;
	}
		
	#column1 ul{
	padding-right:10px;
	
	}
	
	#column1 ul{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:30px;
	}
	
	#column1 dt{
	font-style:italic;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	}
	
	#column1 dd{
	padding-left:30px;
	padding-bottom:10px;
	padding-right:10px;
	}
	
	#seminar1{
	width:80%;
	margin-left:40px;
	}
	
	#seminar2{
	width:80%;
	margin-left:40px;
	}
	
	#seminar1 p:last-child{
	padding-bottom:30px;
	}
	
	.small{
	
	font-size:.9em;}	

	#column2{
	display:none;
	}
	
	
	
	#training h2{
	padding-left:10px;
	padding-right:10px;
	margin-left:20px;
	width:700px;
	color:#555;
	font-size:1em;
	text-align:center;
	}
}

@media only screen 
and (min-width : 480px) 
and (max-width : 767px) {
	/* Styles */

	/* COLUMN LAYOUT */

	#column1{
	width:100%; 
	float:left;	
	padding-bottom:20px;
	}

	#column2{
	width:100%;
	float:left;	
	padding-bottom:20px;
	}
		
	#container1{
	float:left; 
	width:100%;
	}
	
	/* END COLUMN LAYOUT */

	
#training{
	margin:30px auto 0 auto;
	width:95%;
	}

	#column1 p{
	padding:20px 10px 10px 10px;
	}
		
	#column1 ul{
	padding-right:10px;
	
	}
	
	#column1 ul{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:30px;
	}
	
	#column1 dt{
	font-style:italic;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	}
	
	#column1 dd{
	padding-left:30px;
	padding-bottom:10px;
	padding-right:10px;
	}
	
	#seminar1{
	margin-bottom:10px;
	}
	
	#seminar1 p:last-child{
	padding-bottom:30px;
	}
	
	.small{
	
	font-size:.9em;}	

	#column2{
	display:none;
	}
	
	.arrangeseminar{
	margin:20px auto 0 auto;
	}
	
	
	#training h2{
	padding-left:10px;
	padding-right:10px;
	width:450px;
	color:#555;
	font-size:1em;
	text-align:center;
	margin:0 auto;
	}
	
	
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 321px) 
and (max-width : 479px) {

	/* Styles */
	/*COLUMN LAYOUT */

	#column1{
	width:100%; 
	float:left;	
	/*position:relative;*/
	padding-bottom:20px;
	}

	#column2{
	width:100%;
	float:left;	
	padding-bottom:20px;
	}
		

	#container1{
	float:left; 
	width:100%;
	}
	
	/* END COLUMN LAYOUT */

	#training{
	margin-top:20px;
	}
	
	#column1 p{
	padding:20px 10px 10px 10px;
	}
		
	#column1 ul{
	padding-right:10px;
	
	}
	
	#column1 ul{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:30px;
	}
	
	#column1 dt{
	font-style:italic;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	}
	
	#column1 dd{
	padding-left:30px;
	padding-bottom:10px;
	padding-right:10px;
	}
	
	#seminar1{
	margin-bottom:20px;
	}
	
	#seminar1 p:last-child{
	padding-bottom:30px;
	}
	
	.small{
	
	font-size:.9em;}	

	#column2{
	display:none;
	}
	
	
	
	#training h2{
	padding-left:10px;
	padding-right:10px;
	width:300px;
	color:#555;
	font-size:1em;
	text-align:center;
	margin:0 auto;
	}
	
.arrangeseminar{
margin:20px auto 0 auto;
}
	
}	

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

	/* Styles */
	/*COLUMN LAYOUT */

	#column1{
	width:100%; 
	float:left;	
	padding-bottom:20px;
	}

	#column2{
	width:100%;
	float:left;	
	padding-bottom:20px;
	}
		
	#container2{
	float:left; 
	width:100%;
	}

	
	#container1{
	float:left; 
	width:100%;
}
	
	/* END COLUMN LAYOUT */
	
	#training{
	margin-top:20px;
	}

	#column1 p{
	padding:20px 10px 10px 10px;
	}
		
	#column1 ul{
	padding-right:10px;
	
	}
	
	#column1 ul{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:30px;
	}
	
	#column1 dt{
	font-style:italic;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	}
	
	#column1 dd{
	padding-left:30px;
	padding-bottom:10px;
	padding-right:10px;
	}
	
	#seminar1{
	margin-bottom:20px;
	}
	
	#seminar1 p:last-child{
	padding-bottom:30px;
	}
	
	.small{
	
	font-size:.9em;}	

	#column2{
	display:none;
	}
	
	
	
	#training h2{
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	width:280px;
	color:#555;
	font-size:1em;
	text-align:center;
	}
	

.arrangeseminar{
margin:20px auto 0 auto;
}
}