img {
	max-width: 100%;
}

/*
html, body {
	height: 100%;
	background-color:#f1f1f1;
}
*/
/*
html, body {height: 100%;}
/* fonts */
/*
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }

*/
p, a, ul, li, table, td, span, ul, li{
	color:#040000;
	font-family: "din_alternate_lightregular", Verdana, Arial, Helvetica, sans-serif !important;
    font-weight: 500;
}

h1, h2, h3 {
    color:#040000;
	font-family: "din_alternate_mediumregular", Arial, Verdana, Helvetica, sans-serif !important;
}

body {font-family: "din_alternate_lightregular", Arial, Verdana, Helvetica, sans-serif !important}

#header-image {
    min-width: 360px!important;
    z-index: 10000!important;
    min-heigth: 100px!important;
}

#seminar {
    margin: 0;
    padding: 0;
    margin-top: -10px;
    background-color: white;
    box-shadow:0px 2px 4px #aaaaaa;
}

#seminar:after {
    clear: both;
}

#seminar h1{
	font-size:20px;
	margin-bottom:20px;
	font-weight:normal;
}

#seminar h2{
	font-size:20px;
	margin-bottom:20px;
	font-weight:normal;
}

#seminar p{
	font-size:14px;
	line-height:18px;
	margin:15px 0;
}

#seminar td{
	font-size:14px;
	line-height:16px;
}

#seminar .column-right span{
	font-size:14px;
	line-height:24px;
}

#seminar ul {
    margin-left: 0;
    list-style-position: outside;
}

#seminar ul, #seminar li{
	font-size:14px;
	line-height:16px!important;
}

#seminar .column-right p {
    margin-top: 5px;
}

#seminar .column-left td:nth-child(odd){
	font-weight:bold;
	text-align:left;
	width:25%;
}

#seminar .column-left td {
    vertical-align: top;
}

#seminar .column-left td:nth-child(even){
	text-align:left;
	width:75%;
}

#seminar .column-right .subscription-row{
	height:40px;
}

#seminar .column-right div.left{
	vertical-align:middle;
	text-align:right;
	width:30%;
	float:left;
}

#seminar .column-right div.right{
	vertical-align:middle;
	text-align:left;
	width:50%;
	padding-left:10%;
	float:left;
}



#seminar .column-right div.right input{
	font-size:12px;
  	font-style:normal;
  	font-variant:normal;
  	font-weight:300;
  	height:25px;
  	line-height:25px;
  	border:1px solid #040000;
  	width:100%;
  	min-width:100px;
    background-color: white;
}

#seminar .column-right div.right  #seminaroption {
    font-size:12px;
    line-height: 25px;
  	font-style:normal;
  	font-variant:normal;
  	font-weight:300;
  	height:25px;
  	line-height:25px;
  	border:1px solid #040000;
  	width:100%;
  	min-width:100px;
	background-color: white;
	margin:0;
	padding:0;
}



#seminar .bold{
	font-weight:bold;
}

/* header */

#seminar #header, #header{
	max-height:200px;
	min-width:360px;
	width:100%;
	background-color:black;
}

#seminar #header .logo{
	margin: 0 auto;
	max-width:860px;
	background-color:black;
}

#seminar #header .logo img{
	width:100%;
}

#seminar .column-left{
	float:left;
	margin:60px 2% 40px 2%;
	width: 55.81395348837209%;
	padding-top:20px;
    
}

#seminar .column-right{
	float:left;
	width: 32.72093023255814%;
	background-color:#00b0f0;
	text-align:center;
    margin: 60px;
    margin-right:2%;
    margin-bottom: 40px; 
    margin-left: 2%;
    padding: 20px 10px 100px 10px;
	-moz-box-shadow:    8px 8px 0px 0px #bfbfbf;
  -webkit-box-shadow: 8px 8px 0px 0px #bfbfbf;
  box-shadow:         8px 8px 0px 0px #bfbfbf;
}

#seminar .column-right:after{ clear: both;}

#seminar .column-left table{
	width:100%;
	margin:10px 0;
}

#seminar .container-centered{
	margin: 0 auto;
	background-color:white!important;
	max-width:860px;
	width:100%;
	height:auto;
	overflow:hidden;
}

#seminar .submit-button{
	background-color:black;
	color:white;
	font-weight:bold;
	width:80px;
	height:30px;
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* footer */

#seminar #footer {
	position: relative;
	height: 110px;
	clear:both;
	margin:0;
	width:100%;
	
	min-width:360px;
	
}

#seminar .footer-content{
	background-color:black;
	width:100%;
	
	height:110px;
	display:table;
}

#seminar .footer-notion{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}

#seminar .footer-notion a{
	color:#ff0096;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	margin:0;
	text-decoration:none;
	margin-left:5%;
}

#seminar .footer-notion a:hover{
	text-decoration:underline;
}

#seminar .footer-notion p{
	color:white;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	margin:0;
	text-transform:uppercase;
	margin-left:5%;
}

form{ margin: 0;display: inline;}

#seminar .subscription-form{
	
}

/* Responsive */

@media only screen and (max-width: 768px){
	
	#seminar{margin-top: 0px;}
	
	#seminar .container-centered{
		min-width:340px;
	}
	#seminar .column-left{
		margin-top:20px;
		width: 95%;
		display: block;
	}
	
	#seminar .column-left:after{ clear: both;}
	
	#seminar .column-right
	{
	    margin-left: 3%;
	    float: left;
	    display: block;
		width: 90%;
	    margin-bottom: 20px;
	}
	
	#seminar .column-right #seminar .column-right .subscription-row{
		float:left;
		max-width:300px;
		min-width:270px;
	}
}