@charset "utf-8";

/*
=================================================================================
 *Author: 
 *Created: 2010					
 *Copyright: Euroweb Internet GmbH
=================================================================================
/*


/* --------------------------------------------------------------------------- */
/* ############################# GLOBAL ###################################### */
/* --------------------------------------------------------------------------- */

* {
	list-style:none;
	border: 0 none;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align:middle;
}

html {
	background:url(../images/bg-html.jpg) top center repeat-x #fff;
}

body {
	background:url(../images/bg-body.jpg) top center no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 14px;
	line-height:18px;
}

#header {
	*overflow-x:hidden;
}
/*body {background:url(../images/layout.jpg) top center no-repeat!important;}*/

html,
body {
	height:100%;
}
 html[xmlns^="http"] {
overflow-y: scroll;
}

a.escape span {
	margin-top:-2px;
}

a:link,
a:visited,
.escape span {
	text-decoration: underline;
	padding:0px;
	display:inline-block;
	text-decoration: none;
	color: #000;
}

a:hover,
a:hover span {
	text-decoration:none;
	color:#fff!important;
	background:#a3cd00;
}

p,
div.column ul {
	margin: 0 0 15px 0px;
}

* p:last-child {
	margin-bottom: 0;
}

::-moz-selection {
 background: #fa6b00;
 color: #000;
}

::selection {
 background: #fb8aea;
 color: #000;
}

hr {
	color: #41100C;
	height: 1px;
	border-top: solid 1px #41100C;
	border-bottom: transparent;
	clear: both;
	margin-bottom: 15px;
}

/*
GLOBAL CLASSES
==================================================*/


.clear {
	clear:both;
	float:none;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.no-margin-right {
	margin:0!important;
}

.text-indent {
	text-indent:-5000px;
}

a.gototop {
	color:#fff;
	font-size: 11px;
	display:none;
	position:fixed;
	_position:absolute;
	right:5px;
	bottom:5px;
	text-decoration:none;
	padding:5px;
	background:#0252a1;
}

a.gototop:hover {
	text-decoration: underline;
}

.cms-image01 {
	float: left;
}

/* ----- FONT STYLES ----- */

.fontAller {
	text-transform:uppercase;
}

.highlight {
	font-weight:bold;
	text-transform:uppercase;
	color:#014e9e!important;
	text-decoration:none!important;
}

/* ----- HIGHLIGHT STANDARDS ----- */

.highlight-box {
	background:#a3cd00;
	padding:5px;
	color:#fff;
	overflow:hidden;
}

/* ----- LIST STANDARDS ----- */

ul.list {
	margin:0;
}

ul.list li {
	background:url(../images/li-list.jpg) top left no-repeat;
	background-position: 0 3px;
	padding:0 0 0 20px;
	margin-bottom: 5px;
}

/*dl {
	width: 180px;
	font-size: 11px;
}

dt, dd {
	float: left;
	width: 60px;
	line-height: 18px;
}

dl {
	width: 200px;
	height: 40px;
}

dd {
	width:140px!important;
}*/


/* --------------------------------------------------------------------------- */
/* ############################# LAYOUT ###################################### */
/* --------------------------------------------------------------------------- */


/*
CONTAINER
==================================================*/

div#container {
	width: 960px;
	margin: 0 auto;
}

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

div#header {
	width: 960px;
	height:635px;
	position:relative;
	z-index:2;
}

div#slideshow-container {
	position:absolute;
	bottom:16px;
	left:35px;
	width:478px;
	height:248px;
	border:1px solid #ccc;
}

#slideshow {
	background:url("../images/slideshow/01.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	width:478px;
	height:248px;
}

/*
BRANDING
==================================================*/

h1.branding {
	width:281px;
	height:116px;
	position:absolute;
	left:9px;
	top:85px;
}

h1.branding a {
	display:block;
	text-indent:-5000px;
	background:url(../images/h1-branding.png) top left no-repeat;
	width:281px;
	height:116px;
}

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

div#container-container {
	width:100%;
	background:url(../images/bg-container.png) 0 bottom repeat-x;
	overflow:hidden;
}

div#content-container {
	width: 890px;
	padding:0 0 0 35px;
}

div#content-main {
	float: left;
	width: 479px;
	min-height: 300px;
	padding-top:4px;
}

div#content-sidebar {
	float:left;
	width:383px;
	margin:23px 0 0 28px;
}

div#content-sidebar-top p {
	padding:5px 18px 0;
	background:#efefef;
	text-align:right;
	height:16px;
	margin:5px 0 1px 0;
}

div#content-sidebar-top .highlight-box-grey {
	background:#e2e2e2;
	padding:9px 0 10px 12px;
}

div#content-sidebar-top .highlight-box-grey p,
div#content-sidebar-bottom h3 {
	background:none;
	text-align:left;
	height:auto;
}

.highlight-pfeil {
	background:url(../images/bg-li.png) 0 0px no-repeat;
	padding:0 0 0 22px;
}

div#content-sidebar-bottom {
	margin:32px 0 0;
	padding-left:12px;
}

.anfahrt {
	border:1px solid #53B4E2;
	padding:3px;
}

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

div#footer {
	float:left;
	width: 890px;
	padding:0 35px;
	height:250px;
	position: relative;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
}

div#footer h4 {
	font-size:26px;
	text-transform:uppercase;
	margin:80px 0 0 125px;
	color:#03366b;
}

div#footer ul {
	float:left;
	margin-top:34px;
	line-height:20px;
}

div#footer ul#standort1 {
	margin-left:390px;
}

div#footer ul#standort2 {
	margin-left:40px;
}

/* --------------------------------------------------------------------------- */
/* ########################### NAVIGATION #################################### */
/* --------------------------------------------------------------------------- */


ul#navi {
	width:478px;
	height:30px;
	position:absolute;
	bottom:8px;
	left:0px;
}

ul#navi li {
	float:left;
}

ul#navi li a {
	display:block;
	padding:6px 12px;
	font-size:19px;
	text-transform:uppercase;
	margin:0 1px;
	color:#fff;
	background:url(../images/bg-navi-li.png) repeat top left;
}

ul#navi ul.subnavi {
	display:none;
	position:absolute;
	height:180px;
}

ul#navi ul.subnavi ul {
	position:absolute;
}

ul#navi .subnavi01 ul a {
	padding-left:3px;
	padding-right:0;
	width:90px!important;
	color: #333;
}

ul#navi .subnavi02 ul a {
	padding-left:3px;
	padding-right:0;
	width:90px!important;
	color: #333;
}

ul#navi .subnavi03 ul a {
	padding-left:3px;
	padding-right:0;
	width:110px!important;
	color: #333;
}

ul#navi ul.subnavi ul li {
	float:none;
}

#navi li li a {
	background:url(../images/bg-sub-navi-li.jpg) repeat top left;
}

ul#navi li li a:hover {
	background:#a3cd00;
}

ul#navi li li li a {
	background:#c2c2c2;
	font-size:10px;
}

ul#navi li li li a:hover {
	background:#ababab;
}

ul#navi a.n01,
ul#navi li.subnavi01 a {
	margin:0 2px 0 0;
	width:69px;
}

ul#navi a.n02,
ul#navi li.subnavi02 a {
	width:71px;
}

ul#navi a.n03,
ul#navi li.subnavi03 a {
	margin:0 2px;
	width:89px;
}

ul#navi a.n04 {
	width:65px;
}

ul#navi a.n05 {
	margin:0 0 0 2px;
	width:52px;
}

/*
ACTIVES MENUE 
==================================================*/


ul#navi.naviactive01 li a.n01,
ul#navi.naviactive02 li a.n02,
ul#navi.naviactive03 li a.n03,
ul#navi.naviactive04 li a.n04,
ul#navi.naviactive05 li a.n05,
ul#navi li a:hover {
	background:url(../images/bg-navi-li-active.png) repeat 0 0;
}

/* --------------------------------------------------------------------------- */
/* ########################## FLY-OUT-MENU ################################### */
/* --------------------------------------------------------------------------- */


/*ul#navi li#produkte ul {
	display: none;
	position: absolute;
	z-index:100!important;
}

ul#navi li#produkte ul li {
	padding:9px 0 9px 20px;
	display:block;
	background:red;
}

ul#navi li#produkte ul li.first-child {
	border-top:none;
}

ul#navi li#produkte ul li a {
	font-size: 12px;
	color: #fff;
	height: 20px;
	display: block;
	width:150px;
	text-indent:0!important;
}

ul#navi li#produkte ul a:hover {
	color: #CC3335!important;
	text-decoration: none;
	font-weight:bold;
}

ul#navi li#produkte ul {
	left: 2px!important;
	top:46px!important;
	width:150px;
	position: absolute;
}

ul#navi li#produkte:hover ul {
	display: block!important;
}
/*



/* --------------------------------------------------------------------------- */
/* ######################## ADDITIONIAL NAVI ################################# */
/* --------------------------------------------------------------------------- */


#navi-add {
	position:absolute;
	bottom:16px;
	right:36px;
	width:383px;
	height:110px;
}

#navi-add a {
	height:20px;
	float:left;
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(../images/bg-navi-add.png) no-repeat;
}

#navi-add a.na01 {
	background-position:0 -220px;
	height:31px;
	left:-424px;
	top:-187px;
	width:205px;
}

#navi-add a.na02 {
	background-position:0 0;
	top:0;
	left:-8px;
	width:187px;
	height:75px;
}

#navi-add a.na03 {
	background-position:-238px -48px;
	top:48px;
	right:13px;
	width:140px;
	height:35px;
}

#navi-add a.na04 {
	background-position:-117px -80px;
	bottom:0;
	left:109px;
	width:165px;
	height:30px;
}

#navi-add a.na01:hover {
	background-position:0 -251px;
}

#navi-add a.na02:hover {
	background-position:0 -110px;
	top:-15px;
}

#navi-add a.na03:hover {
	background-position:-238px -128px;
	height:58px;
	top:38px;
}

#navi-add a.na04:hover {
	background-position:-117px -190px;
	left:99px;
}

.na05 {
	color:#737373!important;
	text-transform:uppercase!important;
	text-decoration:none!important;
}

.na05:hover {
	color:#014e9e!important;
	background:none!important;
}

.na06 {
	position:absolute!important;
	top:90px!important;
	right:50px!important;
	text-transform:uppercase!important;
	color:#00172f!important;
}

.na06:hover {
	color:#fa6b00!important;
	background:none!important;
}

/* --------------------------------------------------------------------------- */
/* ############################# LINKS ####################################### */
/* --------------------------------------------------------------------------- */


div#content-main a,
div#content-main a.escaepe,
div#content-sidebar a,
div#content-sidebar a.escape,
div#content-sidebar.escape span,
div#content-main a.escape span {
	text-decoration: underline;
	color: #000;
	outline: none;
}

div#content-main a:hover,
div#content-main a.escape:hover,
div#content-sidebar a:hover,
div#content-sidebar a.escape:hover,
div#content-sidebar a.escape:hover span,
div#content-main a.escape:hover span {
	text-decoration: none;
	color: #000;
}

div#content-sidebar p a:hover {
	text-decoration:none!important;
}

p#fehlermeldung a#errorclose {
	color:#fa6b00;
	text-decoration:underline;
}

p#fehlermeldung a#errorclose:hover {
	color:#fa6b00;
	text-decoration:none;
}

/* --------------------------------------------------------------------------- */
/* ############################ CONTENT ###################################### */
/* --------------------------------------------------------------------------- */


div.content-column {
	width:479px;
}

/*********************************** CMS **********************************/

div.cms-container {
	width:660px;
	float:left;
	padding:0 0 20px 0
}

div.cms-img {
	width:300px;
	float:left;
	padding:0 20px 10px 0;
}

div.cms-txt {
	width:300px;
	float:left;
}

div.cms-download {
	width:60px;
	float:left;
	padding:0 0 10px 0;
}

.pdfDownload {
	background:url(../images/content/icon-pdf.gif) top left no-repeat;
	float:left;
	width:49px;
	height:22px;
	text-indent:-9999px;
	display:block;
}

/* --------------------------------------------------------------------------- */
/* ######################## GLOBAL HEADLINES ################################# */
/* --------------------------------------------------------------------------- */

.cufon-loading h2,
.cufon-loading h3 {
	visibility: hidden !important;
}

.cufon-active h2 {
}

h2 {
	font-size: 20px;
	color: #333;
	padding:0 0 20px 0;
	font-weight:normal;
	text-transform:uppercase;
}

h2 strong {
	font-weight:normal;
	color:#0252a1;
}

h3 {
	font-size: 18px;
	color: #585858;
	font-weight:bold;
	padding: 0 0 10px 0;
}

h4 {
	font-size: 17px;
	color: #272323;
	padding:0 0 7px 0;
}

h5 {
	font-size: 12px;
	color: #272323;
	padding:0 0 7px 0;
}

h6 {
	font-size: 14px;
	color: #585858;
	font-weight:bold;
	padding: 0 0 10px 0;
	margin: 10px 0;
	background:url(../images/li-list.jpg) top left no-repeat;
	background-position: 0 3px;
	padding-left: 22px;
}

.highlight-cms h2 {
	color: #6d6d6d;
	font-size: 2.6em;
	text-transform: none;
	margin: 15px 0 0 100px;
}

/* --------------------------------------------------------------------------- */
/* ########################### *** P *** ##################################### */
/* --------------------------------------------------------------------------- */


noscript p {
	background:none repeat scroll 0 0 #FFFFFF;
	padding:5px;
	position:absolute;
	top:0;
	width:99%;
	text-align:center;
}

noscript img {
	display:none;
}

div#content-main p {
	margin: 0 0 16px 0;
}

div#content-main p.imprint {
	margin: 0 0 5px 0;
	line-height: 18px;
}

div#datenschutzhinweis p {
	font-size: 12px;
}

/*
IMAGEBORDER
==================================================*/

.imgborder {
	border:1px solid #fff;
	cursor: pointer;
	outline: none;
	margin: 0 0 10px 0;
}

.imgborder:hover {
	border:1px solid #F91723;
	cursor: pointer;
	outline: none;
}

.imgborder-cms {
	border:1px solid #fff;
	cursor: pointer;
	outline: none;
	margin: 4px 8px 4px 0;
	cursor:pointer;
	outline: none;
	float:left;
}

.imgborder-cms:hover {
	border:1px solid #F91723;
}

/* --------------------------------------------------------------------------- */
/* #################### CONTACT | DIRECTION | IMPRINT ######################## */
/* --------------------------------------------------------------------------- */


/*
CONTACT
==================================================*/

div#content-column-contact01 {
	float:left;
	width:340px;
	padding:0 20px 0 0;
}

div#content-column-contact01 {
	float:left;
	width:150px;
}

/*
DIRECTION
==================================================*/

.imgborder-direction {
	border: 1px solid #fff;
	outline: none;
	width:595px;
}

/*
IMPRINT
==================================================*/

dl.imprint {
	line-height: 20px;
	margin:0 0 15px 0;
	float:left;
	width: 500px
}

dl.imprint dt {
	display: block;
	width: 190px;
	float:left;
}

dl.imprint dd {
	clear:right;
}

#btnImprint {
	display:none;
}

p#datenschutz span {
	line-height: 18px;
	margin: 0 0 15px 0;
	display:block;
}

#mover {
	height:1px;
	overflow: hidden;
}

#mover .layer {
	display:block;
	position:absolute;
}

#layer01 {
	top:40px;
	left:20px;
}

#layer02 {
	top:130px;
	left:222px;
}

#layer03 {
	top:52px;
	left:359px;
}

#layer04 {
	top:255px;
	left:359px;
}

#layer05 {
	top:60px;
	left:572px;
}

#layer06 {
	top:116px;
	left:553px;
}

#layer07 {
	top:143px;
	left:508px;
}

.signature {
	background:url(../images/bg-signature.png) 0 0 no-repeat;
	width:270px;
	height:32px;
	display:block;
	text-indent:-9999px;
	margin:30px auto !important;
}

.vcard {
	text-align:center;
	display:block!important;
}

.vcard:hover {
	background:none;
}

/* ---------- Tabellen ---------- */
table  {
	border:1px solid #E2E2E2;
	border-collapse:collapse;
	margin:15px 0 20px 0;
	width:100%;
}

table thead tr {
	background:#EFEFEF;
}

table ul {
	margin:0 !important;
}

table ul li {
	background-position:0 0.2em !important;
	border:none !important;
	padding:0 0 5px 18px !important;
}

table th {
	border:1px solid #E2E2E2;
	color:#000;
	font-size:1.1em;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}

table th , table td  {
	border:1px solid #E2E2E2;
	padding:6px 10px;
	vertical-align:top;
}

table tr.alternate {
	background:#013986;
}

table tr {
	background:#fff;
}

#mediaplayer {
	margin:-30px 0 30px 0;
}

