html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11pt;
	font:inherit;
	vertical-align: baseline;

}

hr 
{
	border:none;
	border-top: 1px solid #cccccc;
	height: 1px;
}

/* ------------------------------------------------------------------------------------------------------- HTML 5 -------------------------------------------------------------------------------------------------------  */  

header, footer, aside, nav, section, article 
{  
    display: block;  
}

/* ------------------------------------------------------------------------------------------------------- BODY ------------------------------------------------------------------------------------------------------- */  

html
{
	height: 100%;
}

body 
{
	padding:0; 
	margin:0; 
	font-family: 'Arial';
    background-image: url("../img/layout/site_bg.png");
}

/* ------------------------------------------------------------------------------------------------------- Font - Pics -------------------------------------------------------------------------------------------------------  */



a
{
	cursor: pointer;
}

a.top_menu_link:link, a.top_menu_link:visited, a.top_menu_link:focus, a.top_menu_link:active, a.top_menu_link:hover
{
	text-decoration: none;
	border: 0px;
	color: #FFFFFF;
}

a.footer_link:link, a.footer_link:visited, a.footer_link:focus, a.footer_link:active, a.footer_link:hover
{
	text-decoration: none;
	border: 0px;
	color: #FFFFFF;
}

a:link, a:visited, a:focus, a:active, a:hover
{
	text-decoration: none;
	border: 0px;
	color: #000000;
}

p
{
	margin:0px;
}

h1 {font-size: 20pt; color: #000000; margin:0; padding:0; font-weight: bold;}
h2 {font-size: 20pt; color: #000000; margin:0; padding:0; font-weight: bold;}
h3 {font-size: 15pt; color: #000000; margin:0; padding:0; font-weight: bold;}
h4 {font-size: 10pt; color: #000000; margin:0; padding:0; font-weight: normal;}

.txt_footer { font-size: 10pt; color: #FFFFFF;}
.txt_copyright {font-size: 8pt; color: #FFFFFF;}
.txt_slogan { font-size: 28pt; color: #252525;}
.txt_slogan_autor {font-size: 8pt; color: #252525;}
.top_menu {font-size: 14pt; color: #FFFFFF;}
.submenu { font-size: 18pt; color: #FFFFFF;}
.kontaktform {font-size:56pt;}

img { border: 0; }

.web_img
{	
	-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 8px 0px rgba(50, 50, 50, 0.75);
}

.button
{	
	margin: auto;
	font-size: 18pt; 
	color: #FFFFFF;
	height: 50px;
	padding-top: 10px;
        text-align: center;
	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(top,  #404040 0%, #1c1c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #404040 0%,#1c1c1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 8px 0px rgba(50, 50, 50, 0.75);
}


.zurueck_button
{	
	margin: auto;
	font-size: 12pt; 
	color: #FFFFFF;
	height: 25px;
    text-align: center;
	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(top,  #404040 0%, #1c1c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #404040 0%,#1c1c1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */

}

/* ----------------------------------------------------------------------------------------------------------- Wrapper ------------------------------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------------------------- Header ------------------------------------------------------------------------------------------------------- */

#header
{
	width: 1100px;
	height: 110px;
	background-color: #FFFFFF;
	margin: auto;
	text-align: center;
	padding-top: 30px;

}

a.tooltip
{
  position: relative;
  text-decoration: none;
  color: black;
}

a.tooltip span
{
  display: none;
}

a.tooltip:hover span
{
  position: absolute;
  display: block;
  top: 1.5em;
  left: 2em;
  border: 1px solid black;
  background-color:white;
  padding: 0.7em;
  width: 300px;
  text-align:left;
}

/* ------------------------------------------------------------------------------------------------------- Menu ------------------------------------------------------------------------------------------------------- */

#menu
{	
	margin: auto;
	width: 1100px;
	height: 88px;
	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(top,  #404040 0%, #1c1c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #404040 0%,#1c1c1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
}

.menu_content
{	
	text-align: center;
	padding-top: 25px;
}

/* ------------------------------------------------------------------------------------------------------- SubMenu ------------------------------------------------------------------------------------------------------- */

.submenu_box
{	
	width: 330px;
	height: 310px;
	float: left;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 8px 0px rgba(50, 50, 50, 0.75);
}

.submenu_box_img
{	
	width: 330px;
	height: 250px;
}

.submenu_box_txt
{	
	width: 330px;
	height: 50px;
	padding-top: 10px;
	text-align: center;
	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(top,  #404040 0%, #1c1c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #404040 0%,#1c1c1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
}

.submenu_box_infrarot
{	
	width: 330px;
	height: 490px;
	float: left;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 8px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 8px 0px rgba(50, 50, 50, 0.75);
}

.submenu_box_infrarot_img
{	
	width: 330px;
	height: 430px;
}

.submenu_box_infrarot_txt
{	
	width: 330px;
	height: 50px;
	padding-top: 10px;
	text-align: center;
	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(top,  #404040 0%, #1c1c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #404040 0%,#1c1c1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
}

/* ------------------------------------------------------------------------------------------------------- Content -------------------------------------------------------------------------------------------------------*/

#content
{
	margin: auto;
	width: 1100px;
    background-color: #FFFFFF;
}

#content_slider
{
	margin: auto;
	width: 1100px;
	height: 520px;
	overflow: hidden;
	background-color: #000000;
}

.content_submenu
{
	margin: auto;
	width: 1060px;
	height: 310px;
	text-align: center;
	padding: 30px 20px 30px 20px;
}

.content_slogan
{
	margin: auto;
	width: 1060px;
	height: 155px;
	text-align: center;
	background-color: #009fe3;
	padding: 30px 20px 30px 20px;
}

.content_inhalt
{
	margin: auto;
	width: 1040px;
	
	text-align: justify;
	padding: 30px 30px 30px 30px;
}

.content_angebot
{
	margin: auto;
	width: 1100px;
	height: 500px;
}

.angebot_img
{
	margin: auto;
	width: 650px;
	height: 500px;
	background-color: #d1d1d1;
	float: left;
}

.angebot_txt
{
	margin: auto;
	width: 390px;
	height: 440px;
	background-color: #d1d1d1;
	float: left;
    padding: 30px;
    text-align: justify;
}

/* ------------------------------------------------------------------------------------------------------- FB-Leiste ------------------------------------------------------------------------------------------------------- */

#fb
{
	height: 50px;
}

#fb_index
{
	height: 30px;
}

/* ------------------------------------------------------------------------------------------------------- Footer ------------------------------------------------------------------------------------------------------- */

#footer a:link
{
	text-decoration: none;
	color: #FFFFFF;
}

#footer
{
	width: 1060px; 
	height: 210px;
	margin: auto;
	padding: 30px 20px 30px 20px;
	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(top,  #404040 0%, #1c1c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404040 0%,#1c1c1c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #404040 0%,#1c1c1c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
}

#footer .footer_main
{
        text-align: center;
	width: 1060px; 
	height: 210px;
}

#footer .box_1
{
    text-align: center;
	width: 150px; 
	height: 170px;
    float: left;
}

#footer .box_2
{
    text-align: center;
	width: 150px; 
    height: 170px;
    float: left;
}

#footer .box_3
{
    text-align: center;
	width: 180px; 
    height: 170px;
    float: left;
}

#footer .box_4
{
    text-align: center;
	width: 210px; 
    height: 170px;
    float: left;
}

#footer .box_5
{
    text-align: center;
	width: 200px; 
    height: 170px;
    float: left;
}

#footer .box_6
{
    text-align: center;
	width: 160px; 
    height: 170px;
    float: left;
}

#footer .box_unten
{
    text-align: center;
	width: 1060px; 
    height: 40px;
}


/* ------------------------------------------------------------------------------------------------------- Article ------------------------------------------------------------------------------------------------------- */

article
{
}
	
/* ------------------------------------------------------------------------------------------------------- Clearfix ------------------------------------------------------------------------------------------------------- */

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

/* ------------------------------------------------------------------------------------------------------- Safari -------------------------------------------------------------------------------------------------------*/

@media all 
{
	@import url(/css/style_sf.css);
}