@charset "UTF-8";

/*       FARBEN       */

/* blau 100%: #0A2E62 */
/* blau  60%: #6C82A1 */

/*  rot 100%: #D70000 */
/*  rot  60%: #e76666 */

/* grau  50%: #9b9b9b */
/* grau  30%: #c4c5c5 */
/* grau  20%: #d8d9d9 */
/* grau  10%: #ececec */
/* grau   5%: #f5f5f5 */


* { margin:0; padding:0; }

html { 
}

body {
	border-top:6px solid #D70000;
	background:#fff;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-style:italic;
	font-size:23px;
	color:#0a2e62;
	min-width: 1080px;
}


h1 {
	float:left;
	height:84px;
	width:277px;
	background:url(../images/logo.jpg) center center no-repeat;
	text-indent:-999em;
	margin:15px 0 0 0;
	font-family: 'Roboto Condensed', sans-serif;
}

h1 a { display: block; height: 100%; width: 100%; }

h2 { 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	font-size:40px;
	text-transform:uppercase;
	color:#0a2e62;
	margin:0 0 30px 0;
}
h2 span { color: #d70000/*#6c82a1*/; } 
h2.margin0 { margin:0; }
h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	font-size:30px;
	text-transform:uppercase;
	margin:0 0 25px 0;
}
h4 {
	color:#D70000; 
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	margin:0 0 20px 0;
}

a { color:#d70000; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }

div.royalCaption a.search.button { display:none; }
div#search.element { display:none; }

b { font-weight:400; }

p { margin:0 0 25px 0; }
p.anlaeufer { font-weight:400; }

p#callus { 
	width:224px; 
	height:39px; 
	background:url(../images/bg_callus.jpg) center center no-repeat;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	text-align:left;
	color:#0a2e62;
	float:right;
	padding:0 0 0 20px;
}
p#callus span { color:#d70000; display:block; text-transform:none; margin:0 0 0 -5px; } 

img.left { float:left; margin:0 20px 0 0; }

address { margin-bottom:25px; }


dl.formular, .formular { width:70%; font-size:16px; margin:0 auto; border: 0; }
dl.formular.fullwidth { width:100%; }

.formular .errors,
.formular .success { font-weight: 400; margin-bottom: 50px; list-style: none; }

.formular .errors { color: #d70000; font-size: 18px; }
.formular .errors li { margin-bottom: .6em; }

.formular .success { font-size: 23px; }

.formular .combined,
dl.formular div.combined { float:left; }
.formular div.vorname,
dl.formular div.combined#vorname,
.formular div.email,
dl.formular div.combined#email { width:48%; margin-right:4%; }
.formular div.name,
dl.formular div.combined#name,
.formular div.telefon,
dl.formular div.combined#telefon { width:48%; }
.formular div.plz, dl.formular div.combined#plz { width:23%; margin-right:4%; }
.formular div.ort, dl.formular div.combined#ort { width:73%; }
dl.formular #abo { clear: both; display: block; margin: 15px 0; }

dl.formular dt { clear:both; }
.formular p.heading, dl.formular dt.heading { font-size:14px; margin-bottom:20px; }
.formular div, dl.formular dd { float:left; width:100%; margin-bottom:15px; }

input, textarea { outline: none; -webkit-appearance:none; }

.formular label { display: block; margin-bottom: .5em; }
.formular .required label { color: #d70000; }
.formular input,
.formular textarea,
dl.formular dd input { 
	/*width:86%; */
	border-radius:65px;
	border:1px solid #d8d9d9; 
	background:#fff; 
	height:61px;
	padding:2px 30px;
	font-size:20px;
	color:#0A2E62;
	font-style:italic;
	font-weight:300;
	vertical-align:top;
}

.formular textarea { border-radius:30px; padding: 30px; resize:vertical; }

input#firma, input#strasse, .formular textarea { width: 688px; }
input#vorname, input#name, input#email, input#telefon { width:298px; }
input#plz { width:109px;}
input#ort { width:485px;}

.button,
.formular input.button,
p.content a.button.inverted,
dl.formular dd input.button { 
	background:#d70000; 
	border: 2px solid transparent;
	vertical-align:top;
	color:#fff;
	font-size:16px;
	font-weight:400;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-style:italic;
	text-align:center;
	cursor:pointer;
}

.button:hover,
.formular input.button:hover,
p.content a.button.inverted:hover,
dl.formular dd input.button:hover { background:#0A2E62; }


.button,
dl.formular dd input.button {
	border-radius:30px;
	height:30px;
	width:160px;
}

a.button { display: inline-block; line-height: 30px; text-decoration: none; }

/*a.button:hover, */.button.inverted { /* background-color: transparent; border: 2px solid #fff; */ }

.formular input.button,
.button.big {
	width:100%; 
	border-radius:65px;
	line-height:61px;
	height:61px;
	font-size:20px;
}

.formular input.button {
	margin-top: 3em;
}


input.search { 
	border-bottom-left-radius:65px;
	border-top-left-radius:65px;
	border:1px solid #d8d9d9; 
	border-right:3px solid #fff;
	background:#fff; 
	height:61px;
	width:280px;
	padding:2px 30px;
	font-size:20px;
	color:#0A2E62;
	font-style:italic;
	font-weight:300;
	vertical-align:top;
}
input.search_submit { 
	border-bottom-right-radius:65px;
	border-top-right-radius:65px;
	border:none;
	background:url(../images/icon_search.png) 14px 6px no-repeat #d70000; 
	height:67px;
	width:90px;
	display: inline-block;
	padding: 0 30px;
	vertical-align:top;
	cursor: pointer;
}

div.content { width:1040px; margin:0 auto; padding:0 20px; text-align:center; }
div.element { position: relative; width:100%; padding:100px 0; }
div.element:last-of-type { padding-bottom: 200px; }
div.grey { background:#f4f4f4; }
div.geblaese { padding:0; }
div.geblaese .content { 
	background:url(../images/img_geblaese.png) 0px 30px no-repeat; 
	padding:100px 20px 100px 600px; 
	min-height:250px; 
	text-align:left; 
	width:460px; 
}


ul.parts { overflow: hidden; list-style: none; }
ul.parts li { float: left; width: 25%; }

div#locations { background:url(../images/map_locations.jpg) center center no-repeat; height:290px; width:939px; margin:0 auto; padding:0; position:relative; }
div#locations a { display: block; color: #0A2E62; }
div#locations #germany { position:absolute; top:110px; left:435px; width:55px; height:53px; background:url(../images/icon_pin_blue.png) center center no-repeat; }
div#locations #usa { position:absolute; top:145px; left:195px; width:55px; height:53px; background:url(../images/icon_pin_red.png) center center no-repeat; }
div#locations a span { display:none; padding:10px; background:#fff; border:1px solid #d8d9d9; position:absolute; top:65px; left:-43px; width:101px; font-size:14px; }
div#locations a:hover span { display:block; }

div#support { background:url(../images/bg_services_technical.jpg) 71% 100% no-repeat; }
/*div#log48h { background:url(../images/bg_services_logistics.jpg) 330px 100% no-repeat #f4f4f4; }*/
div#courier .content { background:url(../images/bg_services_shipping.jpg) 15% 100% no-repeat; background-size: auto 90%; padding-bottom: 100px; }

div#support div.content,
div#logistics,
div#service48h,
div#courier .col2 { text-align:left; }

div#logistics h2 { background:url(../images/icon_logistics.jpg) top left no-repeat; height:70px; line-height:50px; padding-left:80px; } 
div#service48h h2 { background:url(../images/icon_48hservice.gif) 0 5px no-repeat; height:70px; line-height:50px; padding-left:90px; } 
div#courier h2 { background:url(../images/icon_shipping.gif) bottom left no-repeat; height:70px; line-height:68px; padding-left:130px; } 

/*div#courier div.content { width: 48%; margin-left: 52%; }*/

.col2 { width:48%; float:left; }
.col2.margin { margin-right:4%; }

.text18 { text-align: left; font-size: 18px; padding-right: 4%; width: 46%; }

.col2.text { text-align: left; margin-left:10%; width: 38%; }
.red { color:#d70000; }

.clear { clear:both; width:100%; height:0px; font-size:0px; }


ul#languages { float:right; list-style:none; margin-bottom:20px; visibility:hidden; }
ul#languages li { padding:0 19px 0 7px; display:block; float:left; background:url(../images/bg_languages.png) top right no-repeat; }
ul#languages li:last-child { background:none; padding:0 7px; }
ul#languages li a { 
	font-size:12px; 
	font-family:'Roboto Condensed', sans-serif; 
	color:#e76666; 
	text-decoration:none; 
	font-weight:400; 
	text-transform:uppercase; 
	font-style:italic; 
}
ul#languages li a:hover,
ul#languages li a.active { color:#d70000; }


ul#menu_main { float:right; list-style:none; }
ul#menu_main li { display:inline; padding:0 15px; }
ul#menu_main li a { font-size:18px; font-weight:400; color:#fff; text-transform:uppercase; font-family:'Roboto Condensed', sans-serif;color:#0a2e62; text-decoration:none;å }
ul#menu_main li a:hover { color:#d70000; }
ul#menu_main li a.active { color:#D70000; }



ul#start { list-style:none; margin-top:70px; }
ul#start li { display:block; float:left; width:320px; margin:0 20px 0 0; position:relative; height:515px; background:#f5f5f5; }
ul#start li:last-child { margin:0; }
ul#start li input.button { position:absolute; bottom:25px; left:80px; }
ul#start li img { margin-bottom:35px; }
ul#start li h3 { margin: 0 0px 25px 0px; }
ul#start li p { font-size:20px; margin:0 20px 20px 20px; }
ul#start .button { margin-top: 25px; font-size: 16px; font-weight:400; }

header { padding:2px 0 30px 0; }

div#slider { height:405px; min-width: 1080px; }
/*div#slider .royalImage { max-width:100%; width:100%; height:auto; }*/
div#slider div.royalCaption { background:none; left: 17.5%; width: 32.5%; }
div#slider p.h1 { font-size:130px; font-style:italic; font-weight:700; color:#fff; text-transform:uppercase; font-family:'Roboto Condensed', sans-serif; margin: 0 0 -40px 33px; }
div#slider p.h2 { font-size:94px; font-style:italic; font-weight:300; color:#fff; text-transform:uppercase; font-family:'Roboto Condensed', sans-serif; margin-left: 13px; }
div#slider p.content {  }


div#search { padding: 100px 0 50px; }
/*div.input { padding: 100px 0 0; }*/
::-webkit-input-placeholder { color:#ebebeb; font-weight: 300; text-transform: uppercase; }
::-moz-placeholder { color:#ebebeb; font-weight: 300; text-transform: uppercase; } /* firefox 19+ */
:-ms-input-placeholder { color:#ebebeb; font-weight: 300; text-transform: uppercase; } /* ie */
input:-moz-placeholder { color:#ebebeb; font-weight: 300; text-transform: uppercase; }


table#products { width: 100%; border: 1px solid #ebebeb; border-collapse: separate; color: #232323; font-size: 14px; -moz-border-radius: 25px; -khtml-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; margin: 0 0 3em; }
table#products thead { background: #0A2E62; color: #fff; text-transform:uppercase; font-size: 16px; }
table#products th, table#products td { border-left: 1px solid transparent; padding: 2em 0; }
table#products thead th, table#products thead td { border-color: #fff; }
table#products thead th, table#products thead td { border-color: #fff;  -moz-border-radius: 25px; -khtml-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
table#products tbody th, table#products tbody td { border-color: #ebebeb; }
table#products tbody tr:nth-child(2n) th, table#products tbody tr:nth-child(2n) td, table#products tbody tr.even th, table#products tbody tr.even td { background: #efefef; }
table#products tbody tr.sold th, table#products tbody tr.sold td { background: #f2dcda; }
table#products th { font-weight: 400; }
table#products td { font-weight: 300; }

nav.pagination { text-align: center; font-size:16px; margin: 0 0 3em; text-transform: uppercase; font-weight: 400; }
nav.pagination a { color: #0A2E62; text-decoration: none; }
nav.pagination span { color: #D8D9D9; margin: 0 .25em; }
nav.pagination a.numbers { display: inline-block; line-height: 2em; height: 2em; width:2em; margin: 0 .25em; }
nav.pagination a.current { background: #0A2E62; color: #fff; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

a.top, a.next { display: block; line-height: 66px; height: 66px; width:66px; position: absolute; top: -36px; left: 50%; margin-left: -36px; }
a.circle { border: 3px solid #fff; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
a.circle span { display: none; }
a.top { background: #0A2E62 url(../images/icon_up.png) no-repeat center; color: #fff;}
a.next { background: #D9D9D9 url(../images/icon_down.png) no-repeat center; color: #fff;}



footer { background:#0A2E62; padding:50px 0; position: relative; }

	footer ul#main_menu { list-style:none; text-align:left; padding-bottom:150px; }
	footer ul#main_menu li { display:block; float:left; position:relative; width:200px; }
	footer ul#main_menu li:last-child { width:auto; }
	footer ul#main_menu li, footer ul#main_menu li a { 
		color:#fff; 
		text-decoration:none; 
		text-transform:uppercase; 
		font-family:'Roboto Condensed',sans-serif; 
		font-weight:400; 
		font-style:italic; 
		font-size:16px;
	}
	
	footer ul#main_menu li ul { position:absolute; left:0; top:30px; }
	footer ul#main_menu li ul li { float:none; }
	footer ul#main_menu li ul li a { font-weight:300; }
	footer ul#main_menu li ul li a:hover { font-weight:400; }