﻿/* ToDo: Insert CSS Reset */
html, body {margin:0;padding:0;border:0;background:transparent;font-size:10px;}
div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfood, thead{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	text-align:left;
}
body{background:#eeeeee;}
img:{margin:0;padding:0;border:0;}
table{border-collapse:collapse;border-spacing:0;}
input, select, textarea, form, fieldset{margin:0;padding:0;border:0;}
article, aside, dialog, figure, footer, header, hgroup, nav, section{display:block;}
ol, ul{list-style:none;}

/* Headlines */
h1, h2, h3, h4, a, p {font-family:Arial, Helvetica, sans-serif;font-style:normal;}
h1, h2, h3, h4 {color:#00A0C0;font-weight:normal;}
h1{font-size:32px;padding-top:5px;}
h2{font-size:24px;padding-top:5px;}
h3{font-size:20px;padding-top:5px;}
h4{font-size:16px;padding-top:5px;margin-top:10px;}

/* Text */
p{font-size:14px;color:black;}

/* Links */
a{font-size:14px;}

/* Farbiger Text */
.red-text{font-family:Arial, Helvetica, sans-serif;font-style:normal;color:#FF0000;font-weight:bold;}
.gray-text{font-family:Arial, Helvetica, sans-serif;font-style:normal;color:#666666;font-weight:normal;}
.backlink{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:normal;border-top:1px #777777 solid;margin-top:30px;}
.partner{text-align: center;}

/* Video */
.video-container{position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Container */
/*Zentrierte Darstellung der Gesamtwebseite*/
#wrapper{background-color:#ffffff; width:1000px; margin:0px auto;}

/* Oberster Block */
#headsection{background: linear-gradient(to right, #F8F8F8, #F0F0F0, #808080); width:100%; padding:0px 0px; overflow:hidden;}

/* TAPIMaster Logo */
#logo{margin:0 0 0 0; float:left; }

/*Sprachauswahl*/
#langnav{float:right; margin:10px;}
#langnav ul li{display:inline; margin:2px;}

/* Soziale Medien */
#socialmedia{float:right; margin:60px 0px 0px 0px;}
#socialmedia p{color:#ffffff; font-size:12px; margin: 4px 10px 4px 0px;}
#socialmedia img{width:64px; height:64px;}
#socialmedia ul li{display:inline;}

/* Bannertext */
#banner{background-color:#c0c0c0; padding:10px;}

/* Unterbanner */
#subbanner{	width:100%;	background-color:#555555; padding:10px 0px;	overflow:hidden;}
#subbanner h1{color:#ffffff;text-align:center;line-height:180%;}
#subbanner h2{color:#ffffff;text-align:center;line-height:180%;}

/* Hauptnavigationsleiste */
#topnav{background-color:#808080; clear:both;}
#topnav ul {width:100%; float:left; margin:0px; background-color:#808080; border-bottom:3px #c0c0c0 solid;}
#topnav ul li{display:inline;}
#topnav ul li a{float:left; padding: 10px 20px;}
#topnav a:link{color:#ffffff;}
#topnav a:visited{color:#ffffff;}
#topnav a:active{color:#ffffff;}
#topnav a:hover{color:#ffffff; background-color:#770000;}
#topnav a:focus{color:#ffffff;}

#content{background-color:white;width:70%;float:left;padding:10px;}
#content h1{margin: 0px 0px 10px 0px; border-bottom:1px #777777 solid;padding:20px 0px;}
#content p{margin:10px 0px;text-align:justify;}
#content ul{list-style:disc;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:14px;color:black;margin-left:20px;}

#rightside{	background-color:white; margin-left:72%; padding:10px; background:url("../images/phone.jpg");}
#rightside h2{margin: 0px 0px 10px 0px;}
#rightside p{margin:10px 0px;text-align:left;}

#footer{clear:both;background-color:#222222; padding:10px 0px;}
#footer p{text-align:center;color:#ffffff;}

/* Kontaktformulare */
form{text-align:left; margin: 20px;}
label, submit, input, textares{border:0;padding:0;margin:0;background:none;}
label{font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:14px;color:black;float:left;width:150px;text-align:right;display:block;margin-top:5px;}
input, textarea{border:1px #333 solid; margin-left:10px; padding:5px;}
input{width:280px;margin-bottom:16px;}
textarea{width:280px;height:150px;margin-bottom:16px;}
select{}
.submit{width:100px;height:25px;margin-left:160px;font-size:12px;}

#contact-form ol{list-style-type:none;}