/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 12px; line-height: 1.5em; }
body, button, input, select, textarea { font-family: Helvetica, Arial, sans-serif; color: #727272; }

::-moz-selection { background: #cf1f26; color: #fff; text-shadow: none; }
::selection { background: #cf1f26; color: #fff; text-shadow: none; }

a { color: #727272; }
a:visited { color: #727272; }
a:hover { color: #cf1f26; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: FIXTREME GmbH - 2011
   ========================================================================== */

/* round Border */

input,
select,
textarea,
.rbbtn a,
p.back a,
#footer .mod_subscribe,
.buy a,
a.buy,
#nav ul li span.active,
#nav ul li a.trail,
#nav ul li a:hover,
ul.level_2 {
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 12px 0px 12px 0px;
	border-radius: 12px 0px 12px 0px;
}

/* Basics */


html,body{
	margin:0;
	padding:0;
	background:#000;
	height:100%;
}

#wrapper{
		min-height:100%;
		position:relative;
}

/* Text Elemente */

h1 {
	color: #FFFFFF;
	font-size: 24px;
	line-height: 1em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 5px 0 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

	h1 span { font-weight: normal;}
	#presse .mod_newslist h1, .mod_newsarchive h1, .mod_newsreader h1{ margin-bottom: 50px;}
	.mod_newslist h2 { margin: 5px 0 5px 0;}
	.mod_newslist p.info { color: #6b6b6b; font-style: italic; font-size: 12px; margin: 0 0 5px;}
	.mod_newslist .teaser p { color: #727272; font-size: 12px;}

h2 span { font-weight: normal;}

#wrapper .ce_text h2, #wrapper .ce_form h2, #wrapper .mod_unsubscribe h2, p.preamble {
	color: #CF1F26;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0 0 45px;
}

h3 { font-size: 14px; color: #cf1f26; text-transform: uppercase;}

h4 {color:#fff;}

/* Links */

#main .ce_text p a { 
	font-size: 11px;
	color: #aaa;
	text-decoration: none;
	/* text-transform: uppercase; */
	letter-spacing: 0.05em;
	background: url("../images/link.png") no-repeat left center transparent;
	padding: 4px 0 2px 18px;
}
	
p.more{text-align: right;}
	#main p.more a,
	#news p.more a,
	a.plus, .ce_hyperlink.plus a{
		font-size: 11px;
		color: #CF1F26;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		background: url("../images/more.png") no-repeat right 3px transparent;
		padding: 5px 25px 2px 0;
	}
	
	a.plus, .ce_hyperlink.plus a { background-position: left center; padding: 5px 0 2px 25px;}
		
		p.more a:hover,
		#main .ce_text p a:hover,
		a.plus:hover,  .ce_hyperlink.plus a:hover{color: #ffffff;}


p.header { color: #6b6b6b; font-style: italic; font-size: 11px; margin-bottom: 30px; clear: both;}

/* noobWrapper Slider */

.slidertpl { position: absolute; z-index: 5; left: 0; top: 0;}

.ce_noobSlideStart { width: 630px;}

.noobWrapper {
	height: 510px;
	overflow: hidden;
	width: 630px;
	margin-bottom: 40px;
}

.home #main .noobWrapper .ce_text h2{
	background: url("../images/bred.png") no-repeat scroll left center transparent;
	bottom: 39px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #FFFFFF;
	font-size: 20px;
	left: 27px;
	margin: 0;
	padding: 0 0 0 29px;
	position: absolute;
	font-style: normal;
	font-weight: bold;
}

.home #main .noobWrapper .ce_text h3{
	bottom: 19px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0.05em;
	left: 57px;
	margin: 0;
	position: absolute;
	text-transform: none;
}

/* Top-Header */

#topnav{
	height:40px;
	padding:10px 0 0 0; 
	background:#171717;
	width: 100%;
	position: fixed;
	z-index: 1000;
	opacity: 0.95;
	top: 0;
	-webkit-box-shadow: 0px 0px 20px 10px #000;
	-moz-box-shadow: 0px 0px 20px 10px #000;
	box-shadow: 0px 0px 20px 10px #000;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; 
}

/* Top-Navi Language Changer */
.mod_changelanguage { float: right; padding: 5px 25px 5px 5px;}
	.mod_changelanguage p{ margin: 0; float: left; padding: 0 5px 0 0; font-size: 11px;}
	
	.mod_changelanguage ul { float: left; margin:0; padding: 0;}
		.mod_changelanguage ul li{ display: inline; padding: 0 10px 0 0;}
	
	.mod_changelanguage span { font-size: 11px; text-transform: lowercase;}
		.mod_changelanguage span.active {font-weight: bold; text-decoration: underline;}
		

/* Top Nav -> Social Icons */
#topnav .social { float: right; padding: 5px 25px 5px 5px;}
	#topnav .social a {
		display: block;
		text-indent: -9999px;
		background: url("../images/social-icons.png") no-repeat 0 0 transparent;
		width: 23px;
		height: 18px;
		float: left;
		margin: 0 7px 0 0;
	}

		#topnav .social a.fb { background-position: 0 0;}
		#topnav .social a.yt { background-position: -33px 0;}
		#topnav .social a.tw { background-position: -66px 0;}
		
		#topnav .social a:hover.fb { background-position: 0 -56px;}
		#topnav .social a:hover.yt { background-position: -33px -56px;}
		#topnav .social a:hover.tw { background-position: -66px -56px;}

/* Footer */

footer{
	height:72px;
	padding:10px 0 0 0; 
	background:#171717;
	position: fixed;
	bottom:0;
	width:100%;
	opacity: 0.95;
	-webkit-box-shadow: 0px -10px 20px 10px #000;
	-moz-box-shadow: 0px -10px 20px 10px #000;
	box-shadow: 0px -10px 20px 10px #000;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; 
}

footer .inside,#topnav .inside{
	margin: 0 auto;
	padding: 0 6px;
	width: 950px;
}

/* Footer -> Social Icons */
#footer .social { float: left; padding: 20px 25px 5px 5px;}
	#footer .social a {
		display: block;
		text-indent: -9999px;
		background: url("../images/social-icons.png") no-repeat 0 0 transparent;
		width: 23px;
		height: 18px;
		float: left;
		margin: 0 7px 0 0;
	}
	
		#footer .social a.fb { background-position: 0 -28px;}
		#footer .social a.yt { background-position: -33px -28px;}
		#footer .social a.tw { background-position: -66px -28px;}
		
		#footer .social a:hover.fb { background-position: 0 -56px;}
		#footer .social a:hover.yt { background-position: -33px -56px;}
		#footer .social a:hover.tw { background-position: -66px -56px;}
		
#footer p a { text-decoration: none;}
		
		
/* Footer Newsletter */

#footer .mod_subscribe {
	background-color: #cf1f26;
	width: 256px;
	height: 50px;
	padding: 6px 8px 7px 8px;
	float: right;
	position: relative;
}

#footer .mod_subscribe h3 {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 4px;
}

#footer .mod_subscribe input.text {
	background-color: #0B0B0B;
	border: medium none;
	color: #777777;
	font-size: 11px;
	line-height: 29px;
	height: 28px;
	padding: 1px 0 0 11px;
	margin: 0;
	width: 216px;
	float: left;
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
#footer .mod_subscribe input.text:focus{color:#fff;}

#footer .mod_subscribe input.submit {
	background: url("../images/newsletter-button.png") no-repeat right center transparent;
	width: 29px;
	height: 29px;
	border: none;
	text-indent: -9999px;
	font-size: 0;
	display: block;
	line-height: 0;
	float: left;
	margin: 0;
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}

#footer .mod_subscribe p.error {
    background-color: #CF1F26;
    color: #FFFFFF;
    left: 5px;
    padding: 3px;
    position: absolute;
    top: 3px;
}
#footer .mod_subscribe p.confirm {
    background-color: #CF1F26;
    color: #FFFFFF;
    left: 6px;
    padding: 3px;
    position: absolute;
    top: 22px;
}

/* Newsletter Unsubscribe */
.mod_unsubscribe input { float: left;}

/* Footer Navigation */
#footer p{ float: left; padding: 20px 0 2px 5px; font-size: 11px; margin: 0; line-height: 19px;}

#footer .mod_customnav { float: left; padding: 20px 0 0;}
	#footer .mod_customnav ul li { display: inline;}
		#footer .mod_customnav ul li a, #footer .mod_customnav ul li span {
			border-right: 1px solid #777777;
			font-size: 11px;
			padding: 0 5px 0 2px;
			text-decoration: none;
		}

		#footer .mod_customnav ul li span.active {color: #CF1F26; font-weight: bold;}
		
		
/* Forms */

input, textarea {
	border: 0 none;
	padding: 7px 9px 5px;
	background-color: #393839;
	color: #ffffff;
	width: 200px;
	margin: 0 10px 0 0;
}

	input.error, select.error, textarea.error {border: 1px solid #CF1F26;}

select {
	width: 218px;
	padding: 2px;
	border: 0 none;
	padding: 5px;
	background-color: #393839;
	color: #ffffff;
}

p.error {margin-top: 0; color: #CF1F26;}

.submit_container {padding: 10px 0 0 74px;}
	.submit_container input:hover { color: #fff;}

#container input.submit, .rbbtn a, p.back a, .submit_container input{
    background-color: #CF1F26;
    border: medium none;
    color: #000000;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	width: auto;
}

.radio_container { padding: 7px; float: left;}
.radio_container span{ display: block; padding: 0 0 10px;}

#container input.radio {
    display: block;
    float: left;
	width: auto;
	margin: 2px 3px 0 0;
}

#container input.submit:hover, .rbbtn a:hover, p.back a:hover { color: #FFFFFF;}

.captcha{width:30px;}
td { padding: 0 0 10px;}
td.col_0 { padding: 0 10px 0 0;}

.ce_list ul { margin: 0; padding: 0;}
.ce_list ul li{ 
	background: url("../images/list.png") no-repeat left 3px transparent;
	list-style-type: none;
	padding: 0 0 0 25px;
	margin: 0 0 8px;
	font-size: 11px;
}

/* Pressemitteilungen Homepage */
.home section#main {
    margin: 0 40px 0 5px;
    width: 630px;
}
	.home .mod_newslist h1 { color: #CF1F26; margin: 2px 0 20px 0px; text-transform: uppercase;}
.home.col-2 aside#right { width: 270px;}

.mod_newslist .layout_latest { border-bottom: 1px solid #000; margin: 0 0 10px; padding: 0 0 10px;}
.mod_newslist .layout_latest.last { border: none;}	

/* Pressemitteilungen Archiv/Aktuell */

.mod_newslist h2,
.mod_newsarchive h2 {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
	.mod_newslist h2 a,
	.mod_newsarchive h2 a{ color: #FFFFFF; text-decoration: none;}
	
		.mod_newslist h2 a:hover,
		.mod_newsarchive h2 a:hover{color: #CF1F26;}

.enclosure a { text-decoration: none;}

.layout_short{ padding: 0 0 10px; margin: 0 0 30px; border-bottom: 1px solid #000000;}
	.layout_short.last {border-bottom: none;}
	
/* Pressemitteilungen Full */	
		
.layout_full h1 {
	color: #CF1F26;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0 0 25px;
}

.layout_full h2 {
    color: #CF1F26;
    font-size: 16px;
    text-transform: uppercase;
	margin-bottom: 0;
}

.layout_full h3 {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
	color: #fff;
	margin-top: 0;
}

/*Presse Bildarchiv*/

.downloadarchivItem{
width:215px;
padding: 0 10px 20px 0;
float: left;
}

.downloadarchivItem .image_container{
overflow: hidden;
background: #fff;
text-align: center;
margin: 0 0 10px 0;
}

/* Newsarchiv Navigation */

.mod_newsmenu .level_1 { font-weight: bold; font-size: 14px;}
	.mod_newsmenu .level_1 li{ color: #ffffff;}
.mod_newsmenu .level_2 { background-color: transparent; padding: 5px 0 0;}
	.mod_newsmenu .level_2 li {
		background: url("../images/list.png") no-repeat left 3px transparent;
		list-style-type: none;
		padding: 0 0 0 15px;
		margin: 0 0 3px;
		font-size: 11px;
	}
		.mod_newsmenu .level_2 li a { text-decoration: none;}

/* Homepage */
.home h1 { text-transform: uppercase; font-weight: normal; letter-spacing: 0.05em;}
.home .ce_text { width: 520px;}

/* Header */

header{
	width:960px;
	margin:0px auto; 
	padding:75px 10px 60px 10px; 
	background:#0c0c0c;
}

/* Content */
 
.inactiv { opacity: 0.3;}
.inactiv:hover { opacity: 1;}
 
#left,.left{float:left;}
#right,.right{float:right;}

aside{width:200px;}
#container{background:#0c0c0c;padding:0 10px 140px; width:960px;margin:0 auto;}

.home #wrapper section#main{width:560px; float:left; padding:0 0 40px 0;}
.home #wrapper section#main .inside{width: 630px;}
.video { border: 5px solid #151515;}
.hyperlink_img {
    background-color: #FFFFFF;
    border-radius: 12px 0 12px 0;
    display: block;
    float: left;
    padding: 5px 10px;
}

/* Bezugsquellen */
#bezugsquellen .ce_hyperlink { float: left; margin: 0 25px 25px 0;}
#bezugsquellen .ce_text p { margin: 0;}

/* Haendler */
/* #haendler .ce_text.block { float: left; margin: 0 25px 25px 0; padding: 5px 15px;} */


/* Content 1 Col */

.col-1 section#main{width:950px; float:left;  margin: 0 5px 0 5px;}

/* Content 2 Cols and Nav left */

.col-2-nav aside#left{width:190px; margin: 0 10px 0 5px;}
.col-2-nav section#main{width:710px; float:left;  margin: 0 5px 0 40px;}

/* Content 2 Cols right */

.col-2 aside#right{ width:190px; margin: 0 5px 0 10px;}
.col-2 section#main{ width:710px; float:left;  margin: 0 40px 0 5px;}

/* Content 3 Cols and Nav left */

.col-3-nav aside#left{width:190px; margin: 0 10px 0 5px;}
.col-3-nav section#main{width:450px; float:left;  margin: 0 5px 0 40px;}
.col-3-nav aside#right{ width:190px; margin: 0 5px 0 10px;}

/* Produkte */

#wrapper .prod_col.ce_text h2{
	background: url("../images/bred.png") no-repeat scroll left center transparent;
	color: #FFFFFF;
	font-size: 20px;
	padding: 0 0 0 29px;
	margin: 0;
	font-weight: bold;
	font-style: normal;
}
.prod_col.ce_text h3{
	color: #FFFFFF;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	padding: 0 0 0 29px;
	margin: 0 0 20px;
}
#beschreibungen .prod_col {position: relative;}

#beschreibungen .prod_col a {
	background: url("../images/more.png") no-repeat scroll left center transparent;
	bottom: 40px;
	color: #CF1F26;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 2px 28px;
	text-decoration: none;
	text-transform: uppercase;
}

	#beschreibungen .prod_col a:hover {color: #FFFFFF;}


.buy a, a.buy {
	display: block;
	text-align: center;
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	width: 150px;
	height: 17px;
    padding: 12px 0 11px;
	font-weight: bold;
	background-color: #cf1f26;
}

	.buy a:hover, a.buy:hover { color: #FFFFFF;}

/* Toggler */

.accordion_outer { padding: 0 0 20px 20px;}
.toggler_outer h2 {	font-size: 14px; color: #cf1f26; text-transform: uppercase;}

.toggler {
    background: url("../images/toggle.png") no-repeat scroll left 3px transparent;
    cursor: pointer;
    margin: 0 0 10px;
    padding: 5px 0 0 25px;
}

.accordion>div { margin: 0 0 20px; padding-bottom: 10px;}
	.accordion p.info { color: #333; font-style: italic; font-size: 11px; margin: 0 0 5px; padding: 5px 0 0; text-align: right;}
	.toggler.active { background-position: left -209px; color: #CD091C;}

.accordion .image_container.float_left{padding: 16px 20px 20px 0;}
/*.accordion .ce_text { padding: 0 0 0 26px;}*/

.accordion .ce_text {
	background-color: #1F1F1F;
	padding: 0 20px;
	margin: 0 0 0 26px;
	
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 12px 0px 12px 0px;
	border-radius: 12px 0px 12px 0px;
}
	.accordion .ce_text p { color: #727272;}

/* Main Navigation */

#logo{float:left;background: url("../images/raikko-logo.png") no-repeat scroll 0px 4px transparent; width:200px;
height: 30px;}

#nav ul{float: right;}
#nav ul li{float:left; padding:0 0 0 20px;}
#nav ul li a,#nav ul li span{
	display:block; 
	padding: 6px 10px 5px;
	text-transform: uppercase; 
	text-decoration: none; 
	color: #fff; 
	font-weight:500; 
}

#nav ul li a:hover{
	background:#cf1f26; 
	color: #000;
}

#nav ul li span.active,#nav ul li a.trail{
	background:#1f1f1f; 
	color: #cf1f26;
}

/* Subnavi */

#subnav {
    background-color: #0c0c0c;
    color: #FFFFFF;
    float: left;
    padding: 0;
    width: 190px;
}
#subnav ul {
    list-style: none outside none;
    margin:0;
    padding: 0;
    float: left;
}


#subnav ul li a.active, #subnav ul li span.active,
#subnav ul li a.submenu.trail, #subnav ul li .active.submenu.first.last {
    color: #cf1f26;
    width: 163px;
    background: url("../images/more.png") no-repeat scroll 0px 16px transparent;
}

/* background: url("../images/more.png") no-repeat scroll 0px 19px transparent; */

#subnav ul li a, #subnav ul li span {
    border-bottom: 1px solid #0c0c0c;
    font-weight: bold;
    color: #727272;
    float: left;
    font-size: 12px;
    padding:18px 0px 10px 27px;
    width: 163px;
    text-decoration: none;
    width: 100%;
    background: url("../images/bgrey.png") no-repeat scroll 0px 16px transparent;
}

#subnav ul li a, #subnav ul li span {
	background: url("../images/bgrey.png") no-repeat scroll 0px 11px transparent;
    padding:10px 0px 3px 25px;
    letter-spacing: 0.02em;
    font-weight: normal;
}

#subnav ul li a.active, #subnav ul li span.active,
#subnav ul li a.submenu.trail, #subnav ul li .active.submenu.first.last {
width:100%; font-weight: bold;
    background: url("../images/more.png") no-repeat scroll 0px 11px transparent;
}


#subnav ul.level_2 li a.active, #subnav ul.level_2 li span.active, #subnav ul.level_2 li.trail a.trail {
    background: none repeat scroll 0 0 #1f1f1f;
    color: #cf1f26;
}
#subnav ul.level_2 {
    background-color: #171717;
    margin:5px 0 10px 0;
}

#subnav ul.level_2 li a, #subnav ul.level_2 li span {
	font-size: 11px;
	font-weight: normal;
    color: #bbbbbb;
    background: none;
    padding:10px 8px;
    width: 174px;
}

#subnav ul.level_2 li a:hover, #subnav ul.level_2 li span:hover {
    background: none repeat scroll 0 0 #1f1f1f;
    color: #fff;
}

 #subnav ul.level_2 li span.active:hover {
    color: #cf1f26;
}

#subnav ul.level_2 li a, #subnav ul.level_2 li span {
    border-bottom: 1px solid #0c0c0c;
}

#subnav ul li a.last, #subnav ul li span.last,
#subnav ul.level_2 li a.last, #subnav ul.level_2 li span.last
 {
    border-bottom: medium none;
}

#subnav ul.level_2 li a.first:hover, #subnav ul.level_2 li span.first.active, #subnav ul.level_2 li.trail a.trail.first{
	-moz-border-radius-topleft: 12px;
	-webkit-border-radius: 12px 0px 0px 0px;
	border-radius:  12px 0px 0px 0px; 
}

#subnav ul.level_2 li a.last, #subnav ul.level_2 li span.last.active{
	-moz-border-radius-bottomright: 12px;
	-webkit-border-radius: 0px 0px 12px 0px;
	border-radius: 0px 0px 12px 0px; 
}
/*Product Start Page*/

.prod_col{width:256px; float:left;}
.mid_space{margin:0 90px; width:258px;}

.shine{padding-top:40px; background: url("../images/shine.png") repeat-x scroll 0px 170px transparent;}
.prod_img{height: 270px;}


/*Product Pages*/

.p_product .ce_text,.p_product .ce_html5{padding:20px 0; clear:both;}

/* Service -> Bedienungsanleitungen */

.ce_downloads a { text-decoration: none;}
.ce_downloads p, .ce_downloads h3 { padding-left: 25px;}
aside .ce_downloads p, aside .ce_downloads h3 { padding-left: 0;}

#de h3{ background: url("../images/sprachen/german.png") 0 2px no-repeat transparent;}
#en h3{ background: url("../images/sprachen/united-kingdom.png") 0 2px no-repeat transparent;}
#fr h3{ background: url("../images/sprachen/france.png") 0 2px no-repeat transparent;}
#it h3{ background: url("../images/sprachen/italy.png") 0 2px no-repeat transparent;}
#si h3{ background: url("../images/sprachen/slovenia.png") 0 2px no-repeat transparent;}
#cz h3{ background: url("../images/sprachen/czech-republic.png") no-repeat scroll 0 2px transparent;}

/* Supporter */

.ce_text.vip { padding: 0 0 20px;}

.vip p { float: left; width: 360px; margin-top: 0;}

	#wrapper .vip .image_container {
		margin: 0 20px 40px 0;
		overflow: hidden;
		
		-moz-border-radius-topleft: 22px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 22px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 22px 0px 22px 0px;
		border-radius: 22px 0px 22px 0px;
	}


	#wrapper .vip h2 {
		background: url("../images/bred.png") no-repeat scroll left center transparent;
		color: #FFFFFF;
		font-size: 20px;
		letter-spacing: 0.05em;
		padding: 2px 29px;
		text-transform: uppercase;
		float: left;
	}
#wrapper .vip h2{padding-bottom:0px; margin-bottom: 20px; }
	#wrapper .ce_text h4{ font-size: 14px;  margin: 40px 0 0 0;}

#wrapper .ce_text h4 {
		background: url("../images/bred.png") no-repeat scroll left center transparent;
		color: #FFFFFF;
		font-size: 18px;
		letter-spacing: 0.05em;
		padding: 2px 29px;
		text-transform: uppercase;
		font-weight: normal;
	}


/*top*/

.pr.buy{
	position: absolute;
	top:0;
	right:23px;
}

.p_product .prt {padding:0; background: url("../images/shine.png") repeat-x scroll 0px 260px transparent; height: 450px;}
.prt h2{color: #fff; font-size: 24px; letter-spacing: 0.05em; margin-bottom: 0; padding:0 0 20px 0;}
.prt h2 span{font-weight: normal; }
.prt h3{font-weight: normal;letter-spacing: 0.05em;margin: 10px 0 45px 0;}
.prt .image_container img{padding:70px 0 0 0;}

#wrapper p.prt_gallery a{ background: none; padding: 0 5px 0 0;}

/*left*/
.p_product  .prl{width:310px; background: limeX; float: left;clear:both;}

/*right*/
.p_product  .prr{width:310px; background: redX; float: right; clear: none;}

/*facebook/twitter links*/

header.pdf_link{
	position: absolute;
	top:0;
	right:0;
 	width:20px;
 	height: auto;
 	padding: 0;
}

/* search */
.mod_search { float: right;}
.mod_search input.text, .mod_search input.submit {
	float: left;
	margin: 0;
	border: none;
	height: 29px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}

.mod_search input.text {
	font-size: 11px;
	background-color: #000000;
	width: 233px;
	line-height: 29px;
	color: #606060;
	padding: 0 0 0 10px;
}

.mod_search input.text:focus{color:#fff;}

#wrapper .mod_search input.submit{
	background: url("../images/search-button.png") no-repeat right center transparent;
	display:block;
	width: 32px;
	text-indent: -9999px;
	font-size:0;
	line-height: 0;
}

#main .mod_search { padding: 25px 0 0 0; float: left;}
	#main .mod_search h3 span{ font-size: 10px;}
	#main .mod_search h3 a{ color: #fff; text-decoration: none;}
		#main .mod_search h3 a:hover{ color: #cf1f26;}

	.mod_search .even,
	.mod_search .odd {
		float: left;
		padding: 0 0 30px;
		margin: 0 0 20px;
		border-bottom: 1px solid #000000;
	}
	
	.mod_search .radio_container span{ float: left; padding: 0 15px 0 0;}
	
	span.highlight { color: #fff; font-weight: bold;}
	
	
/* Kundenstimmen */
.box {
	background-color: #1F1F1F;
	padding: 10px 20px;
	
	-moz-border-radius-topleft: 22px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 22px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 22px 0px 22px 0px;
	border-radius: 22px 0px 22px 0px;
}
	.box p { color: #727272;}
	
.ref { background: url("../images/box-arrow.png") no-repeat 20px top transparent; padding: 10px 0 25px 70px;}	
h3.ref { background: url("../images/box-arrow.png") no-repeat 20px top transparent; padding: 23px 0 25px 70px;  margin-top:0;}
.ref h3 { margin-bottom: 0; padding-bottom: 0;}
.ref p { margin-top: 0; padding-top: 0;}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}