* {
	margin: 0;
	padding: 0;
}
html{
	font-family: Helvetica;
	font-size: 12px;
}
body { 
	color: #333333; 
	background-color: #ffe0b3;
	display: block;
/*                                                    Hintergrund ausgeschaltet
	background-image: url('Hintergrund.jpg');
	background-repeat: repeat-x;				/* hiermit wird nur horizontal repliziert                                        */    
}
header {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 80px;
	z-index: 100;}
main {
	position: relative;
	display: block;
	margin: 0 auto 0 auto;
	width: 1200px;
	z-index: 80;}
footer {
	clear:both;
	display: block;
	position: relative;
	text-align: center;
}




a { font-size: 12px; text-decoration: none; color: #333;}
a.h2 { font-size: 22px; font-family: Helvetica; font-weight: 300; color: #19198c; }
a:hover { color: #19198c;}
a.action { 
	margin: 0 1px; 
	float:left;
	width: 25px}
a.block { display: block; width: 100%;}



.anchor { position: relative; display: block; top: -80px; visibility: hidden;}

img { border: 0;}

/* Oswald */
h1 { font-size: 24px; font-family: Helvetica; font-weight: 300; color: #0033cc; line-height: 24px;}
h2 { font-size: 22px; font-family: Oswald; font-weight: 300; color: #0033cc; line-height: 22px; }
h3 { font-size: 19px; font-family: Oswald; font-weight: 300; color: #0033cc; line-height: 19px; margin-bottom: 3px;}
h4 { font-size: 16px; font-family: Helvetica; font-weight: 300; color: #0033cc; line-height: 19px; margin-bottom: 3px;}

ul { list-style-position: inside; }
ol { list-style-position: inside; }

/* Forms */
form p { line-height: 17px; }
p.form { line-height: 17px; }

/*    das gesamte regel eines Input fields  */
div.form-row { 
/*  background-color:white; */
  text-align: left; 
  margin-bottom: 3px;
}
div.form-row:after { 
  content: ''; 
  display: block; 
  clear: both; 
  font-size: 0; 
  height: 0; 
  visibility: hidden; }

/*
div.form-row { margin-bottom: 3px; }
div.form-row:after { content: ''; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; }
select {
	display: block;
	overflow: hidden;
	height: 17px;
	line-height: 15px;
	font-size: 9pt;
	font-weight: normal;
	font-family: Helvetica;
	text-decoration: none;
	padding: 0px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 0px;
	background-color: #F5F5F5;
	min-width: 208px;
	width: auto;
}
*/

textarea {
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-family: Helvetica;
	text-decoration: none;
	padding: 2px 4px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 0px;
	background-color: #F5F5F5;
	resize: none;
	overflow: auto;
	min-width: 400px;
	width: auto;
	height: 100px;
}
fieldset { border: 0;}
label { font-family: Helvetica; color: #19198c; font-size: 12px; display: block; float:left; width: 150px; line-height: 17px;}
label:hover { cursor: pointer; }
input { 
	border-width: 1px;
	border-color: rgba(0,0,0,0.2);
	background-color: #F7F7F7;
	font-family: Helvetica;
	font-size: 12px;
}
input[type="date"] 		{ padding: 0 3px; min-width: 200px; width: auto; }
input[type="text"]		{ padding: 0 3px; min-width: 200px; width: auto; }
input[type="text"]:disabled { color: rgba(0,0,0,0.5);}
input[type="email"] 	{ padding: 0 3px; min-width: 200px; width: auto; }
input[type="radio"] 	{ line-height: 20px; width: auto; margin-right: 5px; float: left; }
input[type="checkbox"] 	{ width: auto; margin-right: 5px; float: left; margin-top: 2px; }
input[type="password"] 	{ padding: 0 3px; min-width: 200px; width: auto;}
input[type="number"] 	{ padding: 0 3px; width: 50px;}
button { 
	display: block;
	font-family: Helvetica;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 5px;
	border: 1px solid #E6E6E6;
	border-radius: 3px;
	background-color: #F5F5F5;
	margin-left: 0px;
	line-height: 15px;
	color: #000;
	-webkit-appearance: none;
	-moz-appearance: none;
	float: left;
}
button:hover {
	color: white;
	background-color: #19198c;
	border: 1px solid #E6E6E6;
	border-radius: 3px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}
button:first-child { margin-left: 0px;}
a.button {
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 5px;
	border: 1px solid #E6E6E6;
	border-radius: 3px;
	background-color: #F5F5F5;
	color: #000;
	margin-left: 5px;
	line-height: 15px;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
}
a.button:hover {
	color: white;
	background-color: #19198c;
	border: 1px solid #E6E6E6;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
a.button:first-child { margin-left: 0px; }
p.radio {
	line-height: 20px;
	float: left;
	margin-right: 10px;
}
p.checkbox {
	line-height: 17px;
	float: left;
	margin-right: 10px;
}
/* EOS */

/* TABLES */
table { 
	table-layout: fixed;
	max-width: 1200px; 
	border-collapse: collapse;
	border-spacing: 1px;
}
table tbody tr {
	border-bottom: 1px solid #FFF;
}
table tbody tr td {
	background-color: #f2f2f9;
	padding: 2px;
	vertical-align: top;
	font-size: 12px;
	line-height: 14px;
}
table tbody tr:hover td { background-color: #e5e5f2; }
table tbody tr td.empty { background-color: transparent;}
table thead tr th { font-size: 12px; font-weight: normal; text-align: left; padding: 2px; line-height: 12px;}
table tfoot td { background-color: #e5e5f2; font-size: 12px; }
/* END TABLE */

div.cols { clear:both; }
div.col1 { width: 1160px; float:left; margin: 0 10px; }
div.col2 { width: 585px; float:left; margin: 0 10px; }
div.col2:first-child { margin-right: 0px; }
div.col3 { width: 360px; float: left; margin: 0 10px;}
div.col3:first-child { margin-right: 0px;}
div.col3:last-child { margin-left: 0px;}
div.col4 { width: 257px; float: left; margin: 0 10px;}
div.col4:first-child { margin-right: 0px;}
div.col4:nth-child(3) { margin-left: 0px;}
div.col4:last-child { margin-left: 0px;}






/*                         Diese Entrag gillt nur für der article  wird nur bei split screen benutz  */ 
article {
  display: block;
  background-color:white;   /* das passt immer  */
}

article.D {                      /* Block gesamter teil */
  padding:10px;
  background-color:white;
}

article.L {                       /* Block linker teil */ 
  background-color: white;
  display: block;
  box-shadow: 0px 1px 5px rgba(0,0,0,0.2); 
  padding:10px;  
  width: 575px;
  float:left;
}

article.L h1 { 
  font-size: 22px; 
  font-family: Oswald; 
  font-weight: 300; 
  color: #19198c; 
  line-height: 40px; 
}

article.R {                       /* Block rechter teil */ 
  background-color: white;
  display: block;
  box-shadow: 0px 1px 5px rgba(0,0,0,0.2); 
  padding:10px;  
  width: 575px;
  float:right;
}
article.R h1 { 
  font-size: 22px; 
  font-family: Oswald; 
  font-weight: 300; 
  color: #19198c; 
  line-height: 40px; 
}


#article_head_l {
  width: 589px; 
  float:left;                     /* damit es linksbundig ist  */  
}
#article_head_r {
  text-align: right; 
  width: 589px;                    /* die helfte von .fullscreen = 1178 */
  float:right;                     /* damit es rechtsbundig ist  */  
}