/* !0 Reset =================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	outline:0 none;
	padding:0;
	vertical-align:baseline;
}

ol, ul {
list-style:none outside none;
}
blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:none;
}

:focus {
	outline:0 none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th, td {
	font-weight:normal;
	text-align:left;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}


* html body {
    height: 100%;
}

.right {
	float: right;
}
.left {
	float: left;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.strong {
	font-weight:bold;
}
strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float:left;
	margin:4px 10px 4px 0;
}
img.alignright {
	float:right;
	margin:4px 0 4px 10px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}


/* ! ========= GLOBAL =================================================================== */



html {
	background: #CCD1D8;
}

body {
	font-family: Georgia, serif;
	font-size: 13px;
	color: #555C62
	height: 100%;
}


.right {
	float: right;
}
.left {
	float: left;
}
.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align:center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid; 
}
.highlight {
	background:#ffc;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float:left;
	margin:0px 0px 0px 0px;
}
img.alignright {
	float:right;
	margin:0px 0px 0px 0px;
}

small {
	font-size: 0.9em;
}

.small {
	font-size: 0.8em;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.unklickbareAdresse {
}

/* ! ========= HEADINGS =================================================================== */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.7em;
	letter-spacing:0.02em;
}

h1 {
	color: #555c62;
	font-family: Georgia, Serif;
	margin-left: 36px;
	margin-top: 50px;
	font-size: 36px;
	font-weight: 100;
}


h2 {
	color: #141E46;
	font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:bold;
}

h3 {
	color:#555C62;
    font-family:Georgia,Serif;
    font-size:25px;
    font-weight:normal;
    margin-left:119px;
    margin-top:50px;
}

h3.ohneabstand {
	color: #141E46;
	margin-bottom: 0em;
	font-size:0.99em;
}

h4 {
	color: #141E46;
	font-family: Arial,Helvetica,sans-serif;
    font-size:15px;
    margin-top: 30px;
    margin-left:119px;
    margin-bottom:5px;
    font-weight:bold;
}

h5 {
	color: #141E46;
	font-size: 0.6em;
	font-weight:500;
}

h6 {
	color: #141E46;
	font-size: 0.5em;
	font-weight:500;
	color: black;
}


/* ! ========= LINKS =================================================================== */

a:link {color:#3d3e41; font-weight:bold; text-decoration:none; border: 0 none; white-space:nowrap; font-size: 12px; font-family:Arial, Helvetica, sans-serif}
a:visited {color:#3d3e41; font-weight:bold; text-decoration:none; border: 0 none; white-space:nowrap; font-size: 12px; font-family:Arial, Helvetica, sans-serif}
a:active {color: #3d3e41; font-weight:bold; text-decoration:none; border: 0 none; white-space:nowrap; font-size: 12px; font-family:Arial, Helvetica, sans-serif}
a:hover {color: #3d3e41; font-weight:bold; text-decoration:underline; border: 0 none; white-space:nowrap; font-size: 12px; font-family:Arial, Helvetica, sans-serif}

/* ! ========= PAGE =================================================================== */


#wrapper {
	background: white url(images/layout/wrapper-bg.gif) repeat-y;
	text-align: left;
	width: 1005px;
	margin: 0 auto;
}

/* ! ========= HEADER =================================================================== */

#header {
	background: #102148 url(images/layout/header-bg.gif) repeat-x;
	width: 989px;
	margin: 0 auto;
	height: 178px;
	position:relative;
}

.logo {
	background: #102148 url(images/layout/header-logo.gif) repeat-x;
	height: 81px;
	width: 377px;
	position: relative;
	margin: 0px auto;
	top: 17px;
	z-index: 2;
	}

.logo a {
	display: block;
	float: right;
	overflow: hidden;
	text-indent: -9999px;
	height: 72px;
	width: 325px;
}

#index-button {
	background: white url(images/buttons/index.gif) no-repeat;
	height: 35px;
	width: 259px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	}

#index-button a {
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	height: 35px;
	width: 259px;
}


/* ! ========= NAVI =================================================================== */

.navibar{
	width: 100%;
	height: 53px;
	overflow: hidden;
	background: #102148 url(images/layout/navibar-bg.gif) repeat-x;
	clear:both;
	position: absolute;
	bottom: 0px;
}

ul.navi {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 53px;
	width: 600px;
	list-style: none;
	overflow: hidden;
}

ul.navi li {
	float:left;
}

ul.navi li a {
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
}

ul.navi li a {
	height:53px;
}
ul.navi li a:hover {
	background-position:0 -53px !important;
}
ul.navi li a.active {
	background-position:0 -53px !important;
}


ul.navi li a.home{
	background:transparent url(images/layout/navi/home.gif) no-repeat scroll left top;
	width:140px;
}
ul.navi li a.service{
	background:transparent url(images/layout/navi/service.gif) no-repeat scroll left top;
	width:92px;
}
ul.navi li a.produkte {
	background:transparent url(images/layout/navi/produkte.gif) no-repeat scroll left top;
	width:105px;
}
ul.navi li a.fernwartung {
	background:transparent url(images/layout/navi/fernwartung.gif) no-repeat scroll left top;
	width:139px;
}
ul.navi li a.kontakt {
	background:transparent url(images/layout/navi/kontakt.gif) no-repeat scroll left top;
	width:101px;
}


.searchform{
	float: right;
	width: 208px;
	height: 53px;
}

/* ! ========= CONTENT =================================================================== */

#content{
	margin: 15px 44px;
	overflow: hidden;
}

.main{
	width: 480px;
	float:left;
}

.main-sub{
    float:left;
    width:540px;
}

.service{
	background:url("/images/layout/service-bg.gif") no-repeat scroll 0 50px transparent;
}

.produkte{
	background:url("/images/layout/produkte-bg.gif") no-repeat scroll 0 50px transparent;
}

.kontakt{
	background:url("/images/layout/kontakt-bg.gif") no-repeat scroll 0 50px transparent;
}

.main p{
	color:#555C62;
    font-size:14px;
    margin-left: 36px;
}

.main-sub p{
	color:#555C62;
    font-size:14px;
    margin-left:119px;
}

.home-sidebar {
	float:right;
	width: 340px;
}

.infoboxes{
	height: 200px;
	width: 931px;
	float: left;
	margin-top:20px;
	margin-bottom: 50px;
	overflow: hidden;
}

.box{
	float:left;
    height:200px;
    position:relative;
    width:298px;
    overflow: hidden;
}

.box p {
	font-size: 12px;
	margin-left: 0px;
}

.sidebarbox{
	float:right;
	margin-top: 53px;
    position:relative;
    width:298px;
    overflow: hidden;
}

.sidebarbox img {
	float: right;
}


.sidebarbox .infobox-text {
	float:left;
    overflow:hidden;
    width:270px;
    height: auto;
}

.sidebarbox .box-mid {
	background:url("/images/layout/infobox-mid.gif") repeat-y scroll 0 0 transparent;
    left:0;
    overflow:hidden;
    padding:17px 15px 35px;
    top:0;
    width:270px;
    height: auto;
}

.sidebarbox h1 {
	color:#141E46;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:bold;
    margin-left:0;
    margin-top:15px;
	clear:both;
}

.sidebarbox h2 {
	font-size: 12px;
	clear:both;
}

.sidebarbox p{
	font-size: 12px;
	margin-left:0;
}

.sidebarbox hr{
	border-color:white;
    border-left:0 none;
    border-right:0 none;
    border-style:solid none;
    border-width:1px 0 3px;
    clear:both;
    height:8px;
    width:100%;
}

.midbox{
	    margin:0 12px;
}

.box-top{
	background:url("/images/layout/infobox-top.gif") no-repeat scroll 0 0 transparent;
    height:12px;
    left:0;
    position:absolute;
    top:0;
    width:298px;
}

.box-mid{
	background:url("/images/layout/infobox-mid.gif") repeat-y scroll 0 0 transparent;
    height:200px;
    left:0;
    padding:17px 15px 15px;
    top:0;
    width:270px;
}

.box-bottom{
	background:url("/images/layout/infobox-bottom.gif") no-repeat scroll 0 0 transparent;
    bottom:0;
    height:24px;
    left:0;
    position:absolute;
    width:298px;
}

.infobox-text{
	width: 170px;
	height:120px;
	overflow: hidden;
	float: left;
}

.mehrlink{
    background:url("/images/layout/mehrinfo-btn.gif") no-repeat scroll 0 0 transparent;
    color:#555C62;
    float:left;
    font-family:Arial,Helvetica;
    height:32px;
    margin-top:7px;
    padding:9px 14px;
    text-decoration:none;
    width:73px;
	text-align: center;
}

.toplink{
	clear: both;
	text-align:center;
	
}

a.toplink{
	color: silver !important;
	font-family:Arial,Helvetica;
	font-size: 11px !important;
}

.box img{
	float: right;
	margin: 0;
}

.main ul{
	margin-left: 33px;
	line-height:18px;
	list-style:disc outside none;
}

.main-sub ul{
	color:#555C62;
    font-size:14px;
	margin-left:133px;
	line-height:18px;
	list-style:disc outside none;
}

.main-sub ul ul{
	color:#555C62;
    font-size:14px;
	margin-left: 16px;
	list-style:circle outside none;
}


/* ! ========= FOOTER =================================================================== */

#footer{
	background:none repeat scroll 0 0 #F7F8F8;
    border-top:1px solid #A5A5A6;
    height:100px;
    margin:5px auto;
    padding-right:37px;
    padding-top: 10px;
    /* margin-bottom: 50px; */
    text-align:right;
    width:952px;
    color: #A5A5A6;
}

#footer a {
	font-family: Arial, Helvetica;
	color: #A5A5A6;
	font-size: 11px;
	text-decoration: none;
}

#metalinks {
	height:2em;
	letter-spacing:0.03em;
	position:absolute;
	right:18px;
	text-align:right;
	top:12px;
	width:950px;
	overflow: hidden;
}


/* ! ========= SLIDESHOW =================================================================== */
#slideshow {
	width: 950px;
 	height: 270px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}


#slides {
	position: relative;
	width: 950px;
	height: 270px;
	overflow: hidden;
}

.slides img {
	display: none;
	width: 950px;
	height: 270px;
}


/* ! ========= FORMATIERUNGEN =================================================================== */


p {
	color:#555C62;
    font-size:14px;
    margin-left:36px;
    margin-bottom: 10px;
	letter-spacing:0.5px;
	line-height:1.4em;
}

#post-big p {
	font-size: 0.98em;
	margin-bottom: 1em;
	letter-spacing:0.5px;
}

.telefon-info {
	width: 14.5em;
	*+width: 15em;
	line-height:1.2em;
}


.telefon {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 1em;
	letter-spacing:0.5px;
}


td, th {
	padding-bottom:0.2em;
	padding-right:2em;
	padding-top:0.2em;
	vertical-align:top;
}


/* ! ========= SEARCH FORM =================================================================== */

fieldset { border: none }

form {
	margin-top:15px;
    width:150px;
}

#searchbar {
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
    background: #FFF;
    border:1px solid #C7C7C7;
    color:#898989;
    float:left;
    font:italic 15px Georgia;
    outline:medium none;
    padding:2px 28px 2px 5px;
    width:138px;
}	
#searchbar.active {
	background: #ebf3fc url(bar-bg-active.png) repeat-x;
	border: 3px solid #abd2ff;
}

#searchbtn {
	background:url("/images/layout/search.png") repeat scroll 0 0 transparent;
    border:0 none;
    cursor:pointer;
    float:left;
    height:15px;
    margin:4px 0 0 -25px;
    padding:0 0 0 15px;
    text-indent:-9999px;
    width:10px;
}
	#searchbtn:hover {
		background-position: 0 -77px;
	}