@import url(jquery.lightbox-0.5.css);
@import url(body-bg.css);

#subnav a.active, #metanavs a.active {
	color: #950214;
	font-weight: bold;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:top;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* /YUI reset */


html {
	background: #fff url("../img/layout/bg-centering.jpg") top left repeat-x;
}
body {
	/*background: #fff;*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.38;
	line-height: 1.4;

	/* centering for IE 5 */
	text-align: center;

	/* to contain floats and add padding */
	width: 100%;
	float: left;

	padding-bottom: 2em;
}

a:link, a:visited {
	color: #fff;
}
a:hover {
	color: #950214;
}
a:active {
  outline: none;
}

a img {
	border: none;
}

strong {
	font-weight: bold;
}

.hidden {
	display: none;
}


p.bodytext, div.gridcontent p {
	font-size:13px;
	line-height:15px;
}


#header, #container {
	width: 100%;
	max-width: 1280px;
	min-width: 774px;
	margin: 0 auto;
	text-align: left;
}


#header {
	z-index: 2;
	position: relative;
	background-color: #002d55;
	overflow: visible; /* Klappnavigation klappt darüber hinaus */
    background: /*url("../img/page_x_mas_header.jpg") right top no-repeat */#002d55;
}

#logo {
	height: 100px;
	float: left;
	margin-right: 2px;
}
#logo a {
	display: block;
	width: 200px;
	height: 100%;
	background: url("../img/simons-voss-technologies.gif") center center no-repeat;


	white-space: nowrap;
	text-indent: -2000px;
	overflow: hidden;
}


#search {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
	padding: 2px 6px 1px 10px;
}
#search input, #search button {
	border: none;
	background: #fff;
	color: #333;
}
#search button {
	border-left: 1px solid #777;
	overflow: visible;
	padding: 0 4px;
	cursor: pointer;
	text-transform: uppercase;
}


#nav {
	height: 100px;
}
#nav li {
	height: 100%;
	float: left;
	position: relative;
	font-size:95%;
}

#nav a {
	display: block;
	height: 100%;
	position: relative;
	z-index: 20;

	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	margin-right: 2px;
}
#nav a:hover,
#nav a.active,
#nav a.hasfocus {
	background: #000a23 url("../img/layout/nav-active.jpg") bottom left repeat-x;
}

#nav span {
	/*position: absolute;
	left: 0;
	bottom: 0;*/
	display: block;
	padding: 74px 15px 6px;
}


#nav ul {
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 10;
	padding: 5px 0;
	background: #020c2d url(../img/layout/dropdown2.png) top left repeat;
	min-width: 99%;
}
#nav ul li {
	height: auto;
	float: none;
}
#nav ul a {
	height: auto;
	margin: 0;
	display: inline;
	line-height: 1;
	white-space: nowrap;
	display: block;
	padding: .4em 15px;
}
#nav ul a:hover,
#nav ul a.active {
	background: none;
}
#nav ul a:hover {
	background: url(../img/layout/dropdown2-hover.png) top left repeat;
}


#container {
	z-index: 1;
	min-height: 718px;
	/*overflow: hidden; /* contain floats */
	position: relative;

	background: #fff url(../img/thema/plain.gif) top left no-repeat;
}

#print-icon {
	position: absolute;
	top: 692px;
	right: 11px;

	cursor: pointer;
	width: 16px;
	height: 16px;
	background: #fff url("../img/icon-printer.gif") top left no-repeat;

	text-indent: 16px;
	overflow: hidden;
}


#sidebar {
	width: 200px;
	position: absolute;
	left: 0;
	top: 2px;
	height: 685px;

	background: url("../img/layout/bg-30.png") repeat;
	font-size: 85%;

}

body.thema-start #sidebar {
    background: none;
}


#sideteaser {
	position: absolute;
	top: 238px;
	left: 0;
}


body.thema-start #sideteaser video,
body.thema-start .home-news-boxes video {
    position: absolute;
    top: 0;
    left: 0;
}

#subnav, #metanavs {
	padding: 21px 15px 0 32px;

	/* sidenavi breiter? */
	padding-left: 16px;
	padding-right: 8px;
}
#subnav {
	padding-top: 35px;
}



#metanavs {
	position: absolute;
	top: 433px; /* 3x143 + 2x2 */
	left: 0;
}
#metanavs.home-news-boxes {
    position: relative;
    top: 0;
    left: 0;
}
#metanavs ul {
	padding-bottom: 1.4em;
}

#metanavs ul li ul {
	padding-bottom: 0;
}


#subnav a:link, #metanavs a:link,
#subnav a:visited, #metanavs a:visited {
	text-decoration: none;
	text-transform: uppercase;
	display: block;
}

#subnav a:hover, #metanavs a:hover {
	color: #950214;
}
#subnav li.active {
	margin-bottom: 1.1em;
	margin-top: 0.7em;
}
ul ul ul ul li.active {
    margin-bottom: 0 !important;
}

#subnav li, #metanav li {
	font-size:95%;
}

#subnav li li, #metanav li li {
	font-size:100%;
}

#subnav ul ul {
	margin-left: 14px;
}

/* 4. Menüebene */
#subnav ul ul ul {
	/* wenn die Dots direkt unterhalb von dem übergeordneten Menüpunkt liegen sollen, margin-left: 0 setzen */
	margin-left: 0;
}
#subnav ul ul ul ul ul {
	/* wenn die Dots direkt unterhalb von dem übergeordneten Menüpunkt liegen sollen, margin-left: 0 setzen */
	padding-left:14px;
}

#subnav ul a {
	padding-left: 14px;
}



#subnav .dotted a {
	background: url(../img/layout/list-dots.gif) 0 .4em no-repeat;
	padding-left: 14px;
}
#subnav .notdotted a {
	background: none;
	padding-left: 0px;
}
#subnav .notdotted .dotted a {
	background: url(../img/layout/list-dots.gif) 0 .4em no-repeat;
	padding-left: 14px;
}
#subnav .notdotted .dotted .notdotted a {
	background: none;
	padding-left: 14px;
}
#subnav .notdotted .dotted .notdotted .dotted a {
	background: url(../img/layout/list-dots.gif) 0 .4em no-repeat;
	padding-left: 14px;
}

#subnav ul a.active, #subnav ul a:hover, #subnav .notdotted .dotted a.active {
	background-position: -1400px .4em;
}





li.dropdown {
	position: relative;
}

span.dropdowntext {
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    color:#FFFFFF;
}

li.dropdown ul {
	display: none;
}















/* Groessen fuer Rasterboxen */
.gridheight-0 {
	min-height: 90px;
}
.gridheight-1 {
	min-height: 143px;
}
.gridheight-2 {
	min-height: 288px; /* 2x143 + 2 */
}
.gridheight-3 {
	min-height: 433px; /* 3x143 + 2x2 */
}


/* Groessen fuer Rasterboxen */
.gridheight-0 {
	min-height: 78px;
}
.gridheight-1 {
	min-height: 156px;
}
.gridheight-2 {
	min-height: 312px; /* 2x143 + 2 */
}
.gridheight-3 {
	min-height: 468px; /* 3x143 + 2x2 */
}


body.gridMod143 div.gridheight-1 {
    min-height: 143px !important;
}


.gridheight-0, .gridheight-1, .gridheight-2, .gridheight-3, .autoheight, .fillheight {
	margin-left: 2px;
	margin-top: 2px;

	position: relative;
}
.gridfill {
	margin-left: 0px;
	padding-left: 2px;
}
.withimage {
	margin-left: 147px;
}
.withimage-outside .gridimage {
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 2px;
}
.withimage-full img {

}
.gridimage {
	/*float: left;
	margin-left: -145px;*/

	position: absolute;
	left: -145px;
}
.gridcontent {
	padding: 2px 15px 12px;
}

#headline div.gridcontent ul li {
 background: url(../img/layout/list-dots.gif) 0 .4em no-repeat;
 font-size:13px;
}

#headline div.gridcontent ul#referenzen li {
background: none
}

div.gridcontent h2 a { text-decoration: none; }

.bg-dark {
	background: url("../img/layout/bg-80.png") repeat;
}
.bg-light {
	background: url("../img/layout/bg-30.png") repeat;
}
.bg-emphasis {
	background: url("../img/layout/bg-red-70.png") repeat;
}
.bg-dark-hover {
	background: url("../img/layout/bg-70-hover.png") repeat;
}
.bg-light-hover {
	background: url("../img/layout/bg-30-hover.png") repeat;
}
.bg-emphasis-hover {
	background: url("../img/layout/bg-red-70-hover.png") repeat;
}
.bg-white {
   background:#FFFFFF;
   opacity:0.6;
   -moz-opacity:0.6;
   -khtml-opacity:0.6;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
   filter:alpha(opacity=60);
}




#headline, #body {
	margin-left: 200px;
	margin-right: 38px;
	margin-right: 10%;
	overflow: visible;
	color: #fff;

	line-height: 1.15;
	clear: left;
	font-size:93%;
}
#headline {
	padding-top: 2px;
}
#headline .gridheight-1, #headline .gridheight-2, #headline .gridheight-3, #headline .autoheight {
	margin-top: 0;
}
#headline .gridclosed {
	margin-left: 0;
	padding-left: 2px;
}
#headline h1,
#body h1 {
	height: 61px;
	height: 58px;
	font-size: 16px; /* old: 124.75%; */ /*15px = 116% * (100 / 93)*/
	line-height: 1.3;
	text-transform: uppercase;
	padding: 32px 0 0 15px;
	padding: 30px 0 0 0;
	font-weight:normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#headline.home-news-boxes h1 {
    padding-top: 13px;
}
#headline li {
	background: url(../img/layout/list-plus.gif) 0 .3em no-repeat;
	padding-left: 16px;
}
#headline #metanavs.home-news-boxes li {
    background: none;
    padding-left: 0;
    font-size: 95%;
}



.thema-start #headline {
	position: relative;
	top: 240px;
	padding-top: 0;
	margin-right: 0;
}
.thema-start #headline.home-news-boxes {
    margin-left: -2px;
    width: 1170px;
}
.thema-start #container { background-image:url(../img/thema/transponder_home.jpg); }
.thema-start .bg-emphasis, .thema-start .bg-emphasis-hover {
	/*height: 200px;*/
}

.newProduct {
    text-transform: uppercase;
    font-size: 17px;
}

.start-2 {
    float:left;
    width:45%;
    height:200px;
}

.start-3 {
    height:200px;
}

.column {
	width: 50%;
	float: left;
}
.clear-column {
	clear: left;
}
.twocolumns {
	margin-left: 2px;
	margin-top: 2px;
}

.block {
	display: block;
}




object, embed {
	display: block;
}


#body h2 {
	font-size: 14px;
	text-transform: uppercase;
}
#body h2, #body p, #body ul {
	margin: .92em 0 0;
}
#body li {
	background: url(../img/layout/list-dots.gif) 0 .3em no-repeat;
	padding-left: 16px;
	font-size:13px;
	padding-bottom:4px;
}

#body .imagegallery li {
    padding-bottom:3px;
}


#body ul.imagegallery {
	margin: 0;
}
#body ul.imagegalleryzero {
	margin: 0;
}
#body ul.imagegallery li {
	background: none;
	padding-left: 0;
}
#body ul.imagegallery img {
	display: block;
}


#referenzen {
	line-height: 1.1;
	text-transform: uppercase;
	margin-top: 30px;
}
#referenzen li {
	background: none;
	padding-left: 0;
    font-size: 220% !important;
}
#referenzen li span {
	vertical-align:top;
    font-size: 13px;
}
#referenzen a {
	text-decoration: none;
	padding: 0 .25em;
	margin: 0 -.25em;

	display:none
}
#referenzen li a {display:inline}
#referenzen a:hover {
	background: #600;
	color: #fff;
}




#body .additional-downloads,
#body .additional-downloads li {
	list-style: none;
	margin-left: 0;
	text-transform: uppercase;
	background: none;
	padding-left: 0;
}



table.ordercodes {
	margin: 1em 0;
	width: 100%;
}
tr.ordercodes-header {
	display: none;
}
table.ordercodes th {
	width: 50%;
}


/* Tabelle kommt aus Typo3 */
table.contenttable {
	width: 100%;
	margin: 1em 0;
}
table.contenttable td {
	padding-right: .5em;
	vertical-align: top;
	font-size:105%;
}
/* /Tabelle */



/* Tabelle kommt aus Typo3 */
table.contenttable {
	width: 100%;
	margin: 1em 0;

	border-collapse: separate;
	border-spacing: 4px;
	margin-left: -4px;
	margin-right: -4px;
}
table.contenttable td {
	padding-right: .5em;
	vertical-align: top;
	border-bottom: 1px solid #fff;
}
/* /Tabelle */


#fullscreen-flvplayer-container {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}
#fullscreen-close {
	z-index: 100;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -8px;
	right: -8px;
	background: url('../img/lightbox/btn-close.png');
	cursor: pointer;
}




div.gridcontent p.versal {
    text-transform: uppercase;
    font-size: 14px;
}

div.gridcontent p.versalbig {
    font-family:Arial,Helvetica,Verdana,sans-serif;
    font-size:16px;
    font-weight:normal;
    height:58px;
    line-height:1.3;
    padding:30px 0 0;
    text-transform:uppercase;
}

ul.prodlist li a {
    text-decoration: none;
    text-transform: uppercase;
}



.tx-newloginbox-pi1 h3 {
	padding-top:20px;
	text-transform:uppercase;
}

.tx-newloginbox-pi1 form {
	padding-top:35px;
}


.tx-newloginbox-pi1 form table td {
	padding-left:5px;
}

.tx-newloginbox-pi1 form table td input{
	margin-top:10px;
	margin-left:0px;
}

#body .tx-newloginbox-pi1 form table td p {
	padding:0;
	margin:0;
}

#tx-newloginbox-pi1-pass {
	width:220px;
}

#tx-newloginbox-pi1-user {
	width:220px;
}

#tx-newloginbox-pi1-login_submit {
	margin-top:10px;
}


#mailform {
	padding-top:20px;
}

#mailform table td {
	padding-right:10px;
	padding-bottom:5px;
}

#mailform input {
	width:220px;
}

#mailform select {
	width:224px;
}

#mailform input.checkbox, #mailform input.radio {
	width:auto;
	margin-right:5px;
}

#mailform input.button {
	width:auto;
}

/*
#lightbox-nav-btnPrev {
	background:url('../img/lightbox/btn-prev.gif') left 15% no-repeat;
}

#lightbox-nav-btnNext {
	background:url('../img/lightbox/btn-next.gif') right 15% no-repeat;
}
*/

#fullscreen-close {
	right:-20px;
	top:-20px;
}

.partnerslogo {
	text-align:center;
	padding-top:25px;
}

.startImage {
    left: 0px;
    position: absolute;
    top: 238px;
}

#body .prodlist {
    margin-top: 0.4em;
}

#body .prodlist li {
    padding-bottom: 0px;
    font-size: 10px;
}

#body .normalFont .prodlist li {
    padding-bottom: 4px;
    font-size: 13px;
}

.betonwand #container {
    background: url('../img/thema/betonwand.jpg') left top no-repeat;
}



body.thema-start div#sidebar ul li a,
body.thema-start div#metanavs ul li a {
    /* color: #002D55 !important; */
    /* änderung auf weiß da hintergrund schwarz */
}

body.thema-start div#sidebar ul li a:hover,
body.thema-start div#metanavs ul li a:hover {
    color: #950214 !important;
}


.facebookLinks {
    margin-top: 15px;
}

.facebookLinks a {
    float: left;
    margin-right: 15px;
}

.facebookLinks a.withText img {
    float: left;
    margin-right: 5px;
}

.facebookLinks a.withText {
    width: 100px;
    line-height: 12px;
    font-size: 80%;
    text-transform: uppercase;
    /* color: #000000; */
    /* PH schwarzer Hintergrund, schrift weiß */
    margin-right: 0;
}

.facebookLinks a.withText div {
    padding-top: 4px;
}

.clear {
    clear: both;
}



.svtable td {
    padding: 3px 0 5px 0 !important;
}

#body table p {
    margin: 2px 0;
}

#body div.productOverview h2 {
    margin-top: 5px;
}


.klappbox.versal .klappbox-q {
    text-transform: uppercase;
}
.klappbox-q a {
    text-decoration: none;
    display: block;
    padding-left: 20px;
    font-size: 14px;
}
.klappbox-q a.closed {
    background: url('../img/layout/plus.png') left top no-repeat;
}
.klappbox-q a.opened {
    background: url('../img/layout/minus.png') left top no-repeat;
}
.klappbox-a {
    padding-bottom: 10px;
}


.svimagelist {
    padding: 15px 3px 0 15px;
}
.svimagelist_box {
    float: left;
    margin-right: 3px;
}
.svimagelist_box .svimagelist_imagebox {
    padding: 2px;
}
.svimagelist_box .svimagelist_imagebox.background {
    background: url('../img/layout/bg_gradient_gray_300x205.jpg') center center no-repeat;
}
.svimagelist_box .svimagelist_textbox {
    margin-bottom: 3px;
    padding: 0 5px;
}
.svimagelist_box .svimagelist_textbox.hascontent {
    padding-bottom: 12px;
}




.thema-objektberichte #container .column .gridheight-1,
.height100 {
    min-height: 100px !important;
}
.thema-objektberichte #container .column .withimage,
.withimage.height100 {
    margin-left: 104px !important;
}
.thema-objektberichte #container .column .gridheight-1 a img.gridimage,
.withimage.height100 a img.gridimage {
    width: 100px;
    height: 100px;
    left: -102px !important;
}

.searchFieldTable {
    margin-top: 10px;
}

ul.metaoben li {
    float: left;
    padding-right: 12px;
}

ul.metaoben {
    padding-bottom: 15px;
}

ul.metaoben a img {
    float: left;
}

ul.metaoben a img {
    padding: 0px 5px 0px 0px;
}

.gridModFilm .withimage-outside .gridcontent {
    padding-left: 160px;
}

.gridModFilm .withimage-outside .gridimage {
    left: 0%;
    margin-left: 0px;
}

body.gridModFilm div.gridheight-1 {
    min-height: 143px !important;
}

.tx-newloginbox-pi1 input {
    margin-left:5px;
}

div.imageright {
    position: absolute;
    right: -147px;
    top:0;
}

/* Partnergalerie */
#partnergalerie {
    display: table;
}

#partnergalerie li {
    padding: 0 !important;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: left;
    width: 23%;
    height: 90px;
    overflow: hidden;
    margin: 5px 1%;
}

#partnergalerie li a {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  background: #333;
}

#partnergalerie img {
    width: 100%;
    height: auto;
}


.bg-allegion{
    background: transparent url("../img/layout/bg-orange-70.png") repeat; }