﻿




/* Global */

html	{	}
body	{ 	}	





/* Reset */

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, table, tr, th, td, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}
img 	{
	 margin:0; padding:0; border:0; }
	 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}

table {
	 border-collapse: collapse; border-spacing: 0; }
	 
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif
	font-size:100%
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

	 
/* Containers */

#wrapper				{ width:1300px; margin:0px auto; background-color:#ffffff; }

#top					{ background-color#ffffff; width:100%; padding:20px 0; overflow:hidden; }

#logo					{ margin:0 0 0 10px; float:left; }

#social-media			{ float:right; margin:0 10px 0 0;	 }
#social-media p			{ color:black; font-size:16px; margin:14px 14px 5px 5px; } 
#social-media img		{ width:30px; height:30px; }
#social-media ul li		{ display:inline; }

#topnav					{ background-color:#555555; clear:both; }
#topnav ul				{ width:100%; float:left; margin:0px; background-color:#555555; border-bottom:3px #cccccc solid; }
#topnav ul li			{ display:inline; }
#topnav ul li a			{ float:left; padding:20px 30px; font-size:16px; }

#topnav a:link			{color:#ffffff; }
#topnav a:visited		{color:#ffffff; }
#topnav a:active		{color:#ffffff; }
#topnav a:hover			{color:#ffffff; background-color:maroon; }
#topnav a:focus			{color:#ffffff; }

#willkommen				{ float:left; width:600px; padding:20px; }
#willkommen h1			{ margin:20px 0 10px 0; text-align:center; font-size:32px }
#willkommen h6			{ margin:20px 0 10px 0; text-align:center; font-size:20px }
#willkommen p			{ margin:16px 0; line-height:160%; text-align:center; font-size:25px }
#willkommenpic			{ margin-left:700px;  }


#subbanner				{ width:100%; background-color:#555555; padding:10px 0; overflow:hidden; }
#subbanner h3			{ color:#ffffff; font-size:16px; font-weight:bold; text-align:center; line-height:180%; }

#content				{ float:left; width:1000px; padding:20px; }
#content h2				{ margin: 0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0; text-align:center; }
#content p				{ margin:16px 0; line-height:160%; font-size:20px; }
#content h3				{ margin:20px 0 0 0; font-size:20px; }
#content img			{ padding:8px; border:1px #888888 solid; margin:8px; }



#rightside				{ padding:20px; margin-left:675px; }
#rightside h2			{ margin:20px 0 10px 0; font-size:26px; }
#rightside li			{ margin:8px 0; line-height:160%; font-size:14px }

#footer					{ clear:both; background-color:#555555; padding:10px 0;  }
#footer p				{ text-align:center; color:#ffffff; font-size:12px; }

/* Product */

#service-top-left		{ float:left; width:1000px; padding:20px; }
#service-top-right		{ padding:20px; margin-left:675px; }
#service-middle-left	{ float:left; width:350px; padding:20px; }
#service-middle-right	{ padding:20px; margin-left:20px; }
#service-footer-left	{ float:left; width:1000px; padding:20px; margin: 20px 0 20px 0; }
#service-footer-right	{ padding:20px; margin: 20px 0 20px 0; }





#impressum h1			{ margin:70px 0 0px 0; text-align:center; font-size:36px; }
#impressum-links		{ float:left; width:600px; padding:20px 0 10px 0; }
#impressum-links h1		{ margin:20px 0 10px 0; text-align:center; font-size:32px }
#impressum-links h6		{ margin:20px 0 10px 0; text-align:center; font-size:20px }
#impressum-links p		{ margin:16px 0; line-height:160%; text-align:center; font-size:25px }

#impressum-rechts		{ float:left; width:600px; padding:20px; }
#impressum-rechts h1	{ margin:20px 0 10px 0; text-align:center; font-size:32px }
#impressum-rechts h6	{ margin:20px 0 10px 0; text-align:center; font-size:25px }
#impressum-rechts p		{ margin:16px 0; line-height:80%; text-align:center; font-size:22px }
#impressum-rechts img	{ background-position:center; }
impressum-rechts a		{ background-position:center; }


#datenschutz h1			{ margin:70px 0 0px 0; text-align:center; font-size:30px; }
#datenschutz h2			{ margin:20px 0 0px 0; font-size:24px; }
#datenschutz h3			{ margin:20px 0 0px 0; font-size:20px; }
#datenschutz h4			{ margin:5px 0 0px 0; font-size:18px; }
#datenschutz p			{ margin:5px 0 0px 0; font-size:18px; }
#datenschutz a			{ margin:20px 0 0px 0; font-size:18px; }
#datenschutz li			{ margin:5px 0 0px 0; font-size:18px; }

#contact-form ol { list-style-type: none; }
#contact-form {	font-size:16px; }
#contact-form h1 { margin:70px 0 10px 0; text-align:center; font-size:36px; }
#contact-form p	 { margin:16px 0 10px 0; line-height:80%; text-align:center; font-size:22px }


#service p	{ margin:16px 0 10px 0; line-height:80%; font-size:22px; }
#service li { margin:16px 0 10px 0; line-height:80%; font-size:22px; }
#service h1 { margin:70px 0 0px 0; text-align:center; font-size:36px; }
#service h2 { margin:20px 0 40px 0; text-align:center; font-size:28px; }
#service h3 { text-align:center; font-size:24px; }
#service a  { font-style:italic; color:blue; }
#service-footer-left p { margin:16px 0 0px 0; line-height:80%; font-size:22px; text-align:center;  }
#service-footer-left ul li { margin:10px 0 0px 0; line-height:80%; font-size:22px; text-align:center; display:block }

#datenschutz h1			{ margin:70px 0 0px 0; text-align:center; font-size:30px; }
#datenschutz h2			{ margin:20px 0 0px 0; font-size:24px; }
#datenschutz h3			{ margin:20px 0 0px 0; font-size:20px; }
#datenschutz h4			{ margin:5px 0 0px 0; font-size:18px; }
#datenschutz p			{ margin:5px 0 0px 0; font-size:18px; }
#datenschutz li			{ margin:5px 0 0px 0; font-size:18px; }
#sponsor-top-left		{ float:left; width:1000px; padding:20px; }
#sponsor-top-right		{ padding:20px; margin-left:675px; }
#sponsor-middle-left	{ float:left; width:350px; padding:20px; }
#sponsor-middle-right	{ padding:20px; margin-left:20px; }
#sponsor-footer-left	{ float:left; width:1000px; padding:20px; margin: 20px 0 20px 0; }
#sponsor-footer-right	{ padding:20px; margin: 20px 0 20px 0; }




#products h1 { margin:70px 0 0px 0; text-align:center; font-size:36px; }
#products h2 { margin:10px 0 40px 0; text-align:center; font-size:28px; }
#products h3 { margin:0px 0 0px 0; text-align:center; font-size:24px; }
#products p  { margin:16px 0 10px 0; line-height:80%; font-size:22px; text-align:center; }
#products a  { font-style:italic; color:blue; }

#about h1	{ margin:13px 0 10px 0; text-align:center; font-size:28px }
#about h2	{ margin:10px 0 10px 0; text-align:center; font-size:24px }
#about p	{ margin:5px 0; line-height:120%; font-size:20px; text-align:center; }
#about 1i	{ margin:5px 0; line-height:120%; font-size:20px; text-align:center; }



/* Forms */

form {	 text-align:left; margin:20px; 	}

label, submit, input, textarea { border:0; padding:0; display:block;	}

label { 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:90px; height:25px; margin-left:150px; font-size:12px; 	}

select {	}

.submit { width:150px; height:25px; margin-left:150px; font-size:12px; }

.gallery{ margin: 10px 50px; background-position:center; }
.gallery img{ width: 190px; padding: 5px; filter: grayscale(100%); transition: 1s; }
.gallery img:hover{ filter: grayscale(0); transform: scale(1.1); }



