/**
* Fonts
* (en) font-family and font-size selection for headings and standard text elements
* (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
*
* @section content-fonts
*/

/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { 
	font-size: 100.01%; 
}

html { 
    height:100.1%;
    overflow-y: scroll; 
  }

/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
	font-family: Arial, "times new roman",  Verdana;
	font-size: 80.00%; 
	line-height: 1.3;
	color: #444;
	background:#999;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, "times new roman",  Verdana;
	font-weight: normal;
	margin: 0 0 1.25em 0;
	color: #444;
}

h1 { font-size: 500%; font-weight: bold; }		/* 24px */
h2 { font-size: 165%; color: #444;}			/* 24px */
h3 { font-size: 165% }                        	/* 18px */
h4 { font-size: 150% }        					/* 16px */
h5 { font-size: 150% }							/* 14px */
h6 { font-size: 115%; font-weight: bold; }		/* 14px */


a {color: #004489; text-decoration: none;}
a:focus,
a:hover,
a:active {font-weight: bold;}


#page_margins{
    margin: 0px auto; 
    text-align: left;
    background-color: #f5f5f5;	
	padding: 20px; 
	width: 960px; 
}

#main {
	margin: 0;
	padding-bottom: 1px;
}

.header {
	width: 980px;
}
.header .logo {
	padding-top: 50px;
}

.content {
    width: 398px;
    padding: 0 0 10px 40px;
    min-height: 440px;
}
.content p{
    padding-right: 10px;
}

.menu {
	margin: 30px 0 10px;
	background-color: #fff;
	width: 438px;
}
.menu ul {
    padding: 0;
    margin: 0;
    margin-left: 40px;
}
.menu li {
    list-style: none;
    float: left;
	padding: 5px 10px 10px 10px;
}
.menu ul li a {
    font-size: 120%;
    display: inline-block;
    padding-top: 7px;
    color: #123274;
    font-weight: normal;
} 
.menu ul li:focus>a,
.menu ul li:hover>a,
.menu ul li:active>a { 
	font-weight: bold;
} 
.menu ul li a.active{ 
	font-weight: bold;
} 

.footermenu {
    float: right;
	color: #fff;
	background-color: #fff;
	font-weight: bold;
	font-size: 120%;
	width: 265px;
	padding: 10px 0 10px 20px;
	margin-top: 25px;
}
.footermenu ul{
    padding: 0;
    margin: 0;
}
.footermenu li {
    list-style: none;
    float: left;
    margin-right: 20px;
    color: #004489;
}
.footermenu a {
    color: #004489;
}

.imprintlink {
    margin: 10px 40px 20px 40px;
}
.imprintlink a {
    color: #444;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.small {
    font-size: 80%;
}

/*allgemeine Contenthöhe */
.seminars, .about, .training, .imprint, .contact {
	height: 374px;
	overflow: hidden;
	/*overflow-y: auto;*/
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/*++++++++++++++++++++++ Impressum ++++++++++++++++++++++*/

.imprint {
	position: relative;
}
.imprint lable{
	width: 50px;
	display: inline-flex;
}
.imprint .vcard {
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 20;
}

/*++++++++++++++++++++++ Kontaktformularseite ++++++++++++++++++++++*/
.contactform {
	margin: 20px 20px 20px 40px;
}
.contact-form {
  margin: 15px 30px 15px 40px;
}
.contactform form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.contactform input, .contactform .radiotrenner { 
  float:left; 
  margin: 2px 0;
}
.contactform .radiotrenner { 
  margin: 2px 10px;
}
.contactform .textfield {
  width: 129px;
}
.contactform .textfield-small {
  width: 55px;
}
.contactform .textarea {
  width: 335px;
}
.contactform input#button { /* den Submit-Button */
  float: right;
  width: auto;
  width: 95px;
  margin-right: 42px;
  margin-top: 50px;
}
.contactform label {
  	margin: 2px 10px 2px 0;
	width: 6em;
	float: left;
}

.fonlable, .fondata {
	float: left;
}
.fonlable {
	margin: 4px 30px 2px 0;
}
.fondata {
	margin: 2px;
}
.contactform .label-small {
  width: 4em;
}
.contactform  .ui-button-text-only .ui-button-text { padding: 0.3em 0.5em; }
.contactform  input.ui-button { padding: 0.3em 0.5em; line-height: 1; }
.contactform .formnote {  margin-top: 60px; }

.spezial {
	display: none;
	width: 0px; height: 0px;
	text-indent: -10000px;
}

.productdownload {
	text-align: center;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
}