* {
	margin: 0em;
	padding: 0em;
}

body { 
	background-color: #19191a;
	background-repeat:repeat-y, repeat-x;
	background-size: cover;
}

html,body,table,td,div,form,button,select,input,textarea,h1,h2,h3,h4,h5,h6,a,p,cite,quote,u,i {
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 12px;
	line-height: 120%;
}

html,body {color: #333333;}

h1,h2,h3,h4,h5,h6,hr,p,div,form {display: block;}

hr {
	border: 1px solid #808080;
}

#content {
	padding: 20px 50px 50px 50px;
}

p {		
	font-size: 12pt;
	color: #808080;
	text-align: left;
}

.pGray {		
   	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
	color: #5a5a5a;
	text-shadow: 2px 2px 4px black;
}

.psubMenu {		
   	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
	color: #c0c0c0;
}

p.title, span.title {
	text-align: center;
	font-family: Bebas-Neue;
	font-size: 20pt;
	color: #fff;
	text-align: left;
}

span.title {
	font-size: 14pt;
}

p.subtitle, p.subtitle2, p.subtitle3, p.subtitleB, p.subtitleR, p.subtitleG, p.subtitleGray, p.subtitleV, p.subtitle3x {
	font-family: Bebas-Neue;
	font-size: 15pt;
	color: #a70000;
	text-align: left;
}

p.subtitle2 {
	font-size: 25pt;
	text-align: left;
}

p.subtitle3 {
	font-size: 25pt;
}

p.subtitle3x {
	font-size: 25pt;
	text-align: center;
	color: #808080;
}


p.subtitleB {
	color: #0074cf;
}

p.subtitleR {
	color: #a70000;
}

p.subtitleGray {
	color: #c0c0c0;
}

p.subtitleG {
	color: #229200;
}

p.subtitleV {
	color: #6033a2;
}

p.imprintB {		
	font-size: 12pt;
	color:#808080;
	text-align: left;
}

p.textG {
	text-align: center;
	font-family: Verdana;
	font-size: 10pt;
	color:#606060;
	text-align: left;
}

p.textB {
	text-align: center;
	font-family: Verdana;
	font-size: 10pt;
	color:#fff;
	text-align: left;
	font-weight: bold;
}

#boxed {
	display: block;
	float: left;
	width: 300px;
	height: 900px;
	padding-right: 50px;
}

#image {
	position:relative;
}

#subtitle {
	position:relative;
}

p.extratitle {
	text-align: left;
	font-family: Bebas-Neue;
	font-size: 15pt;
	color: #808080;
}

p.count {
	font-family: Bebas-Neue;
	font-size: 15pt;
	color: #c0c0c0;
	text-align: left;
}

span.red {
	color: #a70000;
}

span.gray {
	color: #444444;
}

span.lightgray {
	color: #c0c0c0;
}


/* Main */

#wrapper {
	margin: auto;
}

.main {
	background-color: #000000;
}

#menu {
	text-align: right;
	width: 1024;
	padding: 20px 20px 20px 20px;
	box-shadow: 10px 10px 23px black;
}

#container {
	background-color: #19191a;
	width: 100%;
}

span.black {
	color: #fff;
}

p.textleft, p.textcenter, p.textarea , span.form {
	padding-top: 5px;
	text-align: left;
	font-size: 11pt;
	color:#000;
	font-family: Bebas-Neue;
}

p.textcenter {
	text-align: center;
	font-size: 9pt;
	color:#959595;
}

p.textarea {
	font-size: 9pt;
	margin: -10px 0px 10px 0px;
}

/* Links */ 

a {
   	color:#2f8e00;
	font-family: Bebas-Neue;
	font-size: 8pt;
} 

a:link {color:#2f8e00;}

a:visited {color:#2f8e00;}

a:hover {color:#154200;}

a:active {color:#2f8e00;}

a.linkR {
	text-align: center;
	font-family: Verdana;
	font-size: 10pt;
	color:#a70000;
	text-align: left;
}

a.linkR:link {color:#a70000;}

a.linkR:visited {color:#a70000;}

a.linkR:hover {color:#154200;}

a.linkR:active {color:#a70000;}

/* Extra Fonts */

.font-gray, .font-white, .font-red  {
	text-align: left;
	font-family: Bebas-Neue;
}

.font-gray {
	font-size: 22pt;
	color:#808080;
}

.font-white {		
	font-size: 12pt;
	color:#FFFFFF;
}

.font-red {		
	font-size: 16pt;
	color:#a70000;
}

.font-black {		
	font-size: 10pt;
	color:#000000;
	font-weight: bold;
	font-family: Bebas-Neue;
}

/* Horizontale Linie */

#dot-line {		
	background: url(image/line_h.png); 
	height: 19px;
	width: 100%; 
	display:block;
	background-repeat: repeat;
}

/* Logo */

#logo {margin: 30px 50px 30px 50px;}

img { border: 0; }

.imgLogo {
	width: 100%;
	max-width: 650px;
   	height: auto;
}

img.outline {
	border: 1px solid black;
	outline-style: solid;
	outline-color: #131313;
}

#blackbox {
	background-color: #000;
	width: 100%;
	padding: 10px 10px 10px 10px;
}

/* Banners */

.headimage1 {
	max-width: 100%;
	height: 150px;
	width: 100%  auto;
	margin: 5px 5px 5px 6px;
	background-image: url('image/mywork/headimage1.png');
	background-repeat:no-repeat;
}

.headimage1:hover {
	background-image: url('image/mywork/headimage1x.png');
}

.headimage2 {
	height: 150px;
	width: 100%  auto;
	margin: 5px 5px 5px 6px;
	background-image: url('image/mywork/headimage2.png');
	background-repeat:no-repeat;
}

.headimage2:hover {
	background-image: url('image/mywork/headimage2.png');
}

.headimage3 {
	height: 150px;
	width: 100%  auto;
	margin: 5px 5px 5px 6px;
	background-image: url('image/mywork/headimage2.png');
	background-repeat:no-repeat;
}

.headimage3:hover {
	background-image: url('image/mywork/headimage2.png');
}

.headimage4 {
	height: 150px;
	width: 100%  auto;
	margin: 5px 5px 5px 6px;
	background-image: url('image/mywork/headimage2.png');
	background-repeat:no-repeat;
}

.headimage4:hover {
	background-image: url('image/mywork/headimage2.png');
}

/* Navigation */

#navigation {
	background-color: #0b0b0b;
	width: 100%;
}

.NaviLink, .NaviGrayLink {
	font-family: Bebas-Neue;
	text-decoration:none;
	font-size: 14pt;
	color:#c0c0c0;
	text-shadow: 2px 2px 4px black;
}

.NaviLink:link {color:#c0c0c0;}

.NaviLink:visited {color:#c0c0c0;}

.NaviLink:hover {color:#ff0000;}

.NaviLink:active {color:#c0c0c0;}

.NaviGrayLink:link {color:#c0c0c0;}

.NaviGrayLink:visited {color:#c0c0c0;}

.NaviGrayLink:hover {color:#808080;}

.NaviGrayLink:active {color:#c0c0c0;}

a.subNavi {
	font-family: Bebas-Neue;
	text-decoration:none;
	font-size: 14pt;
	color:#808080;
}

a.subNavi:link {color:#808080;}

a.subNavi:visited {color:#808080;}

a.subNavi:hover {color:#c0c0c0;}

a.subNavi:active {color:#808080;}

a.subNaviR {
	font-family: Bebas-Neue;
	text-decoration:none;
	font-size: 14pt;
	color:#a70000;
}

a.subNaviR:link {color:#a70000;}

a.subNaviR:visited {color:#a70000;}

a.subNaviR:hover {color:#640000;}

a.subNaviR:active {color:#a70000;}

/* Footer */

#footer {
	background-color: #0b0b0b;
	width: 100%;
	text-align: right;
	width: 1024;
	padding: 20px 10px 18px 10px;
	margin: 500px 0px 20px 0px;
	box-shadow: 10px 10px 23px black;
}

#footercontent {
	text-align: right;
	width: 1024;
	padding: 20px 10px 18px 10px;
	margin: 0px 0px 20px 0px;
	box-shadow: 10px 10px 23px black;
}

.footerLink {
	font-family: Bebas-Neue;
	text-decoration:none;
	font-size: 13pt;
	color:#c0c0c0;
	text-shadow: 2px 2px 4px black;
}

.footerLink:link {color:#c0c0c0;}

.footerLink:visited {color:#c0c0c0;}

.footerLink:hover {color:#808080;}

.footerLink:active {color:#c0c0c0;}

/* Formular */

label {
	font-family: Bebas-Neue;
	font-size: 15pt;
	color: #c0c0c0;
	text-align: left;
}

div.form {
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 20px;
}

input[type=text], select, textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #3b3b3b;
	background-color: #000;
	color: #fff;
	box-sizing: border-box;
	resize: vertical;
}

input[type=submit], input[type=submit].subtitleB, input[type=submit].subtitleG, input[type=submit].subtitleV {
	font-family: Bebas-Neue;
	background-color: #a70000;	
	color: white;
	padding: 12px 20px;
	border: none;
	cursor: pointer;
	margin-top: 20px;
	font-size: 14pt;
}

input[type=submit].small {
	font-family: Bebas-Neue;
	background-color: #808080;	
	color: white;
	padding: 12px 20px;
	border: none;
	cursor: pointer;
	margin-top: 20px;
	font-size: 10pt;
}

input[type=submit]:hover {
    background-color: #606060;
}

input[type=submit].subtitleB {
	background-color: #0074cf;
}

input[type=submit].subtitleG {
	background-color: #229200;
}

input[type=submit].subtitleV {
	background-color: #6033a2;
}

 /* Customize the label (the container) */
 .container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 15pt;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #eee;
  }
  
  /* On mouse-over, add a grey background color */
  .container:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .containerred input:checked ~ .checkmark {
	background-color: #a70000;
  }
  .containerblue input:checked ~ .checkmark {
	background-color: #0074cf;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the checkmark when checked */
  .container input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the checkmark/indicator */
  .container .checkmark:after {
	left: 4px;
	top: 0px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }