/* @override 
	http://www.laserworld.com/fileadmin/templates/zwire/css/layout.css */

/**
 * Laserworld.com Stylesheet
 * by Pascal Hertleif -- pascalhertleif.de
 */

/**
 * Import fff to stylesheet
 */
@import url("stylesheets/fff.css");
@import url("stylesheets/960.css");
@import url("stylesheets/960_text.css");
@import url("ext/powermail.css");

body {
	/*background: #000 url("../../../designimages/bg3.jpg") no-repeat center top;*/
	background: #111;
}

p {
	margin-bottom: 5px;
}

a {
	text-decoration: none;
	border: 0px #fff solid;
}

input, textarea {border: 1px solid #ccc;}

/* @group header */

/* @group navi */

/* ---> REMEMBER: ADxMenu.css <-- */

#navi {
	width: 100%;
	margin: 15px 0;
	position: absolute;
	top: 20px;
	padding-top: 2px;
	z-index: 66;
	word-spacing: 1px;
	font-family: "Lucida Grande", Verdana, Arial, sans;
}

#nav {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#nav > ul {
	float: left;
}

#nav ul ul {
	filter: alpha(opacity=95);
    -moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

#nav #sprachwahl {
	margin-top: 7px;
	margin-left: 20px;
	border: none !important;
}

#nav #sprachwahl img {
	border: 0 none !important;
}

#sprachwahl {
	float: left;
	display: inline;
}

/* @group farben1 *//*

#navi {
	color: #ddd;
	background: #222;
}

body.ie6 #navi a {
	color: #ddd;
	background: #222;
}

body.ie6 .menu li a:hover {
	background: #444 !important;
}

.menu li:hover>a {
	background: #333;
}

.hover2 li:hover>a {
	background: #555;
}

.menu li ul li:hover > ul {
	background-color: #444 !important;
}

.menu ul {
	background: #333;
}

.menu {
	background: #222;
}

*//* @end */


/* @group farben2 */

#navi {
	color: #1e267b;
	background: #fff;
}

.menu li:hover>a {
	background: #eee;
}

.hover2 li:hover>a {
	background: #ccc;
}

.menu li ul li:hover > ul {
	background-color: #ddd !important;
}

.menu ul {
	background: #eee;
}

.menu {
	background: #fff;
}

/* @end */

/* @group farben3 *//*

#navi {
	color: #000;
	background: #03e404;
}

body.ie6 #navi a {
	color: #1e267b;
	background: #fff;
}

body.ie6 .menu li a:hover {
	background: #ddd !important;
}

.menu li:hover>a {
	background: #eee;
}

.hover2 li:hover>a {
	background: #ccc;
}

.menu li ul li:hover > ul {
	background-color: #ddd !important;
}

.menu ul {
	background: #eee;
}

.menu {
	background: #03e404;
}

*//* @end */

/* @end */

/* @group logo */

#masthead h1 {
	width: 960px;
	margin: 0 auto;
	position: relative;
	top: 86px;
}

#masthead h1 {
	z-index: 9;
}

#masthead h1 a {
	text-indent: -9999px !important;
	display: block !important;
	width: 500px !important;
	height: 135px !important;
	background: url(../../../designimages/logo.png) no-repeat 0 0 !important;
	text-align: right !important;
	color: transparent !important;
	float: right;
	margin-bottom: 10px;
	position: relative;
	z-index: 9 !important;
	text-decoration: none;
}

body.ie6 #masthead h1 a {
	background: url(../../../designimages/logo.gif) no-repeat 0 0 !important;
}

#masthead h1 a span {
	display: none;
}

/* @end */

/* @end */

/* @group content */

#container {
	position: relative;
	top: 40px;
	z-index: 1;
	padding: 0;
	background-color: #fff;
	color: #000;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.container_12 .grid_25 {
	width: 150px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#main-content h1 {
	text-align: center;
	color: #aaa;
	letter-spacing: 1px;
}

#main-content h2 {
	margin-top: 20px;
	text-align: left;
	padding-left: 5%;
}

#produkte a img {
	max-width: 120px;
	padding: 5px;
	background: #000;
}

#main-content a, #right-content a {
	color: #1e267b !important;
	/*text-decoration: underline !important;*/
}

#main-content a:hover, right-content a:hover {
	text-decoration: underline;
}

.style_center p, .style_center h1, .style_center p h3 {
	text-align: center !important;
}

#main-content .flexwindow {
	margin-bottom: 0px;
}

#main-content ul ul {
	list-style: circle;
}

h1 + .schatten-oben {
	margin-top: -20px;
}

/* @end */

/* @group sidebar */

/*.sidebar, .grid_8, .grid_4 {
	margin-top: 50px;
}*/

.sidebar h1 {
	text-align: center;
	color: #aaa;
	letter-spacing: 1px;
	margin-top: 10px;
}

.sidebar p a {
	border-bottom: 1px solid #ccc;
	color: #000;
}

.sidebar p a:hover {
	text-decoration: none !important;
	border-bottom: 1px solid #333;
	font-weight: bold;
	color: #333;
}

#right-content-style3 {
	margin-top: 5px;
}

/*#right-content-style3 a:hover {
	text-decoration: underline;
}*/

#right-content-style3 h3 {
	text-transform: uppercase;
	text-align: center;
}

#right-content-style3 h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}

#right-content-style3 h4 a {
	color: #222;
}

#news p a {
	text-decoration: underline;
}

#quicklinks div img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1px;
}

.rgslideshow, .rgslideshow a {
	margin: 0 auto;
	display: block;
}

/* @end */


/* @group news */

.news-list-container {
	width: 560px;
	margin: 10px auto;
}

.news-list-item {
	margin-bottom: 30px;
	/*background: url(../../../designimages/75.png) repeat;
	padding: 5px;*/
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}

.news-list-item .article {
	background: #fff;
	padding: 0 15px;
}

.news-list-item > * {
	margin-left: 5px;
}

.news-list-item > h3 {
	margin-left: 0;
	margin-bottom: 5px;
	margin-top: 10px;
}

.article .newsimg {
	float: right !important;
	display: inline;
	padding: 5px;
}

.newsimg a, .newsimg a img, .newsimg img {
	color: #fff !important;
	background: #fff;
	border: 0px #fff solid !important;
	padding: 0; margin: 0;
}

.news-list-item .news-list-date {
	float: left;
	display: inline;
	margin-right: 20px;
	color: #999;
}

.news-single-item .news-list-date {
	color: #999;
}

.news-single-item .news-single-img {
	float: right;
	padding: 5px;
}

.news-list-browse {
	margin: 0 20px;
}

.sidebar .window a img {
	color: #fff !important;
	background: #fff;
	border: 0px #fff solid !important;
	padding: 0; margin: 0;
}

/* @end */

#footer {
	text-align: center;
	margin: 40px auto;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	color: #aaa;
	background: #fff;
}

/* @group schatten */

#main-content .window {
	width: 560px;
	margin: 0 auto;
	padding: 0 10px;
}

#main-content .schatten-seiten {
	background: url(../../../designimages/schatten-seiten.png) repeat-y center top;
	padding: 5px 30px;
	width: 560px;
}

#main-content .schatten-oben {
	background: url(../../../designimages/schatten-oben.png) no-repeat center top;
	padding: 50px 30px 0 30px;
	margin-top: -20px;
	width: 560px;
	height: 0;
}

#main-content .schatten-unten {
	background: url(../../../designimages/schatten-unten.png) no-repeat center bottom;
	padding: 0 30px 50px 30px;
	margin-bottom: -20px;
	width: 560px;
	height: 0px;
}

/* sidebar now! */

.sidebar .window {
	width: 220px;
	margin: 0 auto;
	padding: 0 10px;
}

.sidebar .schatten-seiten {
	background: url(../../../designimages/sidebar-schatten-seiten.png) repeat-y center top;
	padding: 5px 30px;
	width: 260px;
}

.sidebar .schatten-oben {
	background: url(../../../designimages/sidebar-schatten-oben.png) no-repeat center top;
	padding: 45px 30px 0 30px;
	margin-top: -20px;
	width: 260px;
	height: 0 !important;
}

.sidebar .schatten-unten {
	background: url(../../../designimages/sidebar-schatten-unten.png) no-repeat center bottom;
	padding: 0 30px 45px 30px;
	margin-bottom: -20px;
	width: 260px;
	height: 0px;
	margin: 0 auto;
}

/* I DOUBLE-DARE YOU!! http://www.elliottkember.com/ie.html */

body.ie6 #main-content .window, body.ie6 #main-content .schatten-seiten, body.ie6 #main-content .schatten-oben, body.ie6 #main-content .schatten-unten,
body.ie6 .sidebar .window, body.ie6 .sidebar .schatten-seiten, body.ie6 .sidebar .schatten-oben, body.ie6 .sidebar .schatten-unten {
	background: none !important;
	padding: 0 !important;
	width: auto !important;
}

/* @end */

/* @group slideshow */

.slideshow {
	height: 300px;
	overflow: hidden;
	background: #000;
	position: relative;
	top: 40px;
}

.slideshow img {
	background: #000;
}

.slideshow li {
	margin: 0;
}

.rgsgcontent, .imageblock, .slideElement {
	background-color: #fff;
}

.jdGallery a.carouselBtn {
	color: #000 !important;
	background: #fff !important;
}

/* @end */ 

/* @group useless stuff nobody may care about */

#main-2column-style1 .content-navigation {
	clear: both;
	margin-bottom: 2px;
}

#main-2column-style1 .content-navigation #print {
	text-align: right;
	float: none;
}

#print, #tipafriend {
	float: right;
}

#breadcrumb {
	padding: 5px;
	position: relative;
	bottom: 20px;
}

#breadcrumb a {
	padding: 2px;
	color: #333;
}

#breadcrumb a:hover {
	border-bottom: 2px solid #ddd;
}

.buttons {
	padding: 5px;
}

.kb-container {
	border: 1px dotted #ccc;
	margin-bottom: 10px;
	width: 660px;
	padding: 5px;
}

.kb4column-1col-first {
	padding-left: 0;
}

#main-2column-style1 .kb-container {
	margin-bottom: 25px;
}

#main-content.overview-page-left p {
	text-align: left;
}

#main-content.overview-page-center p {
	text-align: center;
}

#main-content.overview-page-center img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

p.align-left {
	text-align: left;
}

p.align-center {
	text-align: center;
}

p.align-right {
	text-align: right;
}

.csc-uploads-fileSize {
	padding-left: 7px;
	font-size: 80%;
	color: #999;
}

#superbox .close {
	position: relative;
	z-index: 42;
}

/* @end */

/* @group formular */

.csc-mailform {
	border: 0;
	margin: 5px;
}

.csc-mailform-field {
	margin-bottom: 5px;
}

.csc-mailform label {
	min-width: 100px;
	display: block;
	float: left;
	text-align: left;
	margin-right: 10px;
}

.csc-mailform input {
	padding: 1px;
	max-width: 400px;
}

.csc-mailform-field input[type=submit] {
	width: 49%;
	margin: 10px 0 10px 110px;
	padding: 5px;
	background: #eee;
}

/* @end */

/* @group Vertical navi (the thingy on the left) */

.vertnav-header,
.vertnav-header > a {
	padding:2px 6px;
	font-size:16px;
	font-weight:bold;
	color:#222;
}

.vertnav1 > a {
	background: url(../../../designimages/navi.png) no-repeat top left;
	min-height: 29px;
}

.vertnav1 > a:hover {
	background: url(../../../designimages/navi_h.png) no-repeat top left;
}

.vertnav1-act > a, .vertnav1.active > a {
	background: url(../../../designimages/navi_act.png) no-repeat top left;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	min-height: 29px;
}

.vertnav1-act > a:hover, .vertnav1.active > a:hover {
	background: url(../../../designimages/navi_act_h.png) no-repeat top left;
}


.vertnav1 > a {
	margin:0px;
	width:165px;
	display:block;
	padding:5px;
	padding-left: 10px;
	font-size:13px;
	text-decoration:none;
	color:#555;
	line-height: 25px;
}
.vertnav1-act > a, .vertnav1.active > a  {
	margin:0px;
	width:165px;
	display:block;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	text-shadow: #ddd 1px 1px 5px;
	min-height: 29px;
	padding: 5px;
	line-height: 25px;
	padding-left: 10px;
}


.vertnav1 > a:hover {
	text-decoration: none;
	font-weight: bold;
}

div.vertnav2, div.vertnav3, div.vertnav2-act, div.vertnav3-act {
	margin-left: 20px;
}

.vertnav2 {
	border-top: 1px solid #eee;
	width: 145px;
}

.vertnav1 ul li:first-child {
	border: none !important;
}

.vertnav2 > a {
	margin:0px;
	width:152px;
	display:block;
	padding:5px 5px 5px 12px;
	font-size:12px;
	text-decoration:none;
	background:url(../../../designimages/navi_bullet.png) left no-repeat;
	color:#777;	
}
.vertnav2-act > a, .vertnav2.active > a  {
	margin:0px;
	width:152px;
	display:block;
	padding:5px 5px 5px 16px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../../../designimages/navi_bullet_act.png) left no-repeat;
	color:#5b8ebe;
}

.vertnav2 a:hover {
	text-decoration: none;
	font-weight: bold;
}

.vertnav3 > a {
	margin:0px;
	margin-left: 10px;
	width:137px;
	display:block;
	padding:5px 5px 5px 12px;
	font-size:12px;
	text-decoration:none;
	background:url(../../../designimages/navi_bullet2.png) left no-repeat;
	color:#777;
}

.vertnav3-act > a, .vertnav3.active > a  {
	margin:0px;
	margin-left: 10px;
	width:137px;
	display:block;
	padding:5px 5px 5px 16px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../../../designimages/navi_bullet2_act.png) left no-repeat;
	color:#5b8ebe;
}

.vertnav3 > a:hover {
	text-decoration: none;
	font-weight: bold;
}

.vertnav4 > a {
	margin:0px;
	display:block;
	padding:5px 5px 5px 45px;
	font-size:12px;
	text-decoration:none;
	width:125px;
	color:#777;	
}
.vertnav4 > a:hover {
	background-color:#f5f5f5; 
	color:#333;
	text-decoration:none;
}

.vertnav4-act > a,
.vertnav4-act > a:hover,
.vertnav.active > a,
.vertnav4.active > a:hover {
	margin:0px;
	display:block;
	padding:5px 5px 5px 45px;
	font-size:12px;
	text-decoration:none;
	width:125px;
	background-color:#f5f5f5; 
	color:#333;	
}

/* @group may it be layered to some extend? *//*

.vertnav_layered ul {
	list-style: none;
}

.vertnav_layered > ul {
	margin-left: -25px;
}

.vertnav_layered ul ul {
	display: none;
	position: absolute;
	margin-left: 150px;
	margin-top: -30px;
	background: white;
	opacity: 0.95;
	padding: 5px;
}

.vertnav_layered ul li:hover > ul {
	display: block;
}

*//* @end */

/* @group may it be layered to some LOWER extend? *//*

.vertnav_layered ul {
	list-style: none;
}

.vertnav_layered > ul {
	margin-left: -25px;
}

.vertnav_layered ul ul {
	display: none;
	background: white;
	opacity: 0.95;
	padding: 5px;
}

.vertnav_layered ul li:hover > ul {
	display: block;
}

.vertnav_layered .active > ul {
	display: block;
}

*//* @end */

/* @group may it be layered AND vertical and 1337 and stuff? */

.vertnav_layered ul {
	list-style: none;
}

.vertnav_layered > ul {
	margin-left: -25px;
}

.vertnav_layered ul ul {
	display: none;
	position: absolute;
	margin-left: 150px;
	margin-top: -30px;
	background: #fcfcfc;
	opacity: 0.95;
	padding: 5px;
}

.vertnav_layered ul li:hover > ul {
	display: block;
}

.vertnav_layered ul li:hover > a {
	font-weight: bold;
}

.vertnav_layered .active > ul {
	display: block;
	position: static;
	margin: 0px; margin-left: -15px; padding: 0;
	background: transparent;
	opacity: 1;
}

sup {
	font-size: smaller;
	vertical-align: super;
}

.tx-flvplayer2-pi1 {
	clear: both;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.tx-flvplayer2-pi1 embed {
	text-align:center;
	margin: 0 auto 0 auto;
}

/* @end */


/* @end */
/* @group omg, it's time for ie-fucking-6 again. */

body.ie6 .kb4column-1col-l {
	margin-left: 0;
}

body#iebody canvas {
	outline: none;
	border: none;
}

body#iebody .vertnav a {
	opacity: 1;
}

body#iebody {
	font-family: "Trebuchet MS", Tahome, Verdana, Arial, sans-serif;
}

body#iebody #navi a {
	color: #1e267b;
	background: #fff;
}

body#iebody .menu li a:hover {
	background: #ddd !important;
}

.kb-container-high {
	width: 700px;
}

.kb-container-high .kb2column-1col-r-deaktiviert {
	padding-left: 20px;
}

.kb-container-high .kb3column-1col-l {
	padding-left: 10px;
}

/* @end */