/* ----------------------------------------------------------------
  CSS: ansneon
  Version: 1.3
  Date: 20.01.2014
  www.florian-diederich.de
---------------------------------------------------------------- */

/*  Global definitions */

* { margin:0px; padding:0px; }
html { margin:0px; padding:0px; }
html * { font-size: 100.01% }

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow-x:hidden;
}


body {
  margin:0px; 
  padding:0px;
  text-align:left;  
  color:#9cca2c;
color:#dddddd;
  font-size:101%;
  font-family:Arial, Helvetica, sans-serif;
  background: transparent url("images/page-bg.gif");
}

/* background */

#bg {
    position: fixed;
top:0px;
z-index:-10;
overflow:hidden;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
padding:0px;
width:auto;
height:auto;
    min-height:50%;
    min-width:50%;
}


/* Produkte */

#produkt-lightone {
  position:absolute;
  top:440px;
  left:327px;
  width:304px;
  height:360px;
  text-align:center;
}



#produkt-shop {
  position:absolute;
  top:145px;
  left:327px;
  width:304px;
  height:360px;
  text-align:center;
}

#produkt-waylight {
  position:absolute;
  top:145px;
  left:327px;
  width:304px;
  height:360px;
  text-align:center;
}


#produkt-smartswap {
  position:absolute;
  top:145px;
  left:500px;
  width:304px;
  height:360px;
  text-align:center;
}

#produkt-colussi {
  position:absolute;
  top:148px;
  left:670px;
  width:304px;
  height:360px;
  text-align:center;
}
#produkt-newlook {
  position:absolute;
  top:148px;
  left:838px;
  width:304px;
  height:360px;
  text-align:center;
}



#produkt-roehren {
  position:absolute;
  top:440px;
  left:327px;
  width:304px;
  height:360px;
  text-align:center;
}


#produkt-filter {
  position:absolute;
  top:440px;
  left:500px;
  width:304px;
  height:360px;
  text-align:center;
}

#produkt-cubesystem {
  position:absolute;
  top:440px;
  left:670px;
  width:304px;
  height:360px;
  text-align:center;
}


#produkt-neons {
  position:absolute;
  top:440px;
  left:838px;
  width:304px;
  height:360px;
  text-align:center;
}


#produkt-led {
  position:absolute;
  top:421px;
  left:-30px;
  width:304px;
  height:360px;
  text-align:center;
}


#produkt-postit {
  position:absolute;
  top:440px;
  left:155px;
  width:304px;
  height:360px;
  text-align:center;
}




/* global */

a {color:#f79a12;text-decoration:none}
a:hover {color:#f79a12;text-decoration:underline}
a:visited {color:#f79a12;text-decoration:none}

p  {padding-bottom:1.0em; }
td p {padding-bottom:0.2em; }
img {border:0px;}

h1 {}
h2 {}


#add {
  position:absolute;
  right:0px;
  bottom:-30px;
  float:left;
}

#fb {
  position:absolute;
  left:0px;
  bottom:-30px;
  float:left;
}


#fb-start {
  position:absolute;
  left:1065px;
top:75px;
  float:left;
}

#header {
  position:absolute;
  top:0px;
  left:0px;
  background:transparent  url("images/header-bg.png");
  width:100%;
  height:116px;
  color:#fff;
  font-size:44px;
  padding-left:371px;
  padding-top:0px;
  text-transform:uppercase;
}
#header .slogan {padding-top:24px;padding-left:32px;}

#logo {
  position:absolute;
  top:0px;
  left:0px;
  width:400px;
  height:151px;
}

#sale  {
  position:absolute;
  left:865px;
  top:2px;
  z-index:20;
  display:none;
}




#nav {  
  position:absolute;
  top:0px;
  left:400px;
  height:115px;
  width:698px;
  font-size:13px;
  background: transparent  /* url("images/nav-li-bg.png") */no-repeat bottom right;  
}

#nav ul {
  padding-top:91px;
  list-style:none;
  float:left;
  margin-left:0px;
  
}
#nav ul li {
  float:left;
  padding-right:8px;
  padding-left:8px;
  padding-top:3px;
  background: transparent url("images/nav-li-bg.png") no-repeat 0px 0px;
}
#nav ul li a {
  display:block;
  height:42px;
  color:#9cca2c;


}

#nav ul li a:hover {
  text-decoration:none;
  color:#fff;
}
#nav ul li.act a {color:#fff;}
#nav ul li.act a:hover {color:#fff;font-weight:normal;}

#nav ul li#navi198 {
  background: #9cca2c;
  color:#fff;
  height:21px;
}

#nav ul li#navi198 a {
  color:#fff;
  font-weight:bold;
}

/* SubMenu */
#yymenu {
}
#yymenu a {
  color:#fff;
  display:block;
  font-family:Arial,Helvetica,Geneva,SunSans-Regular;
  font-size:12px;
  font-weight:normal;
  margin:0px;
  padding:2px;
  text-decoration:none;
}
#yymenu a.last {
  border-bottom:0px solid white;
}
#yymenu {
background: transparent;

}
#yymenu > div {
  border:0px solid #cccccc;
  margin-left:-3px;
  margin-top:-15px;
  background:transparent;
  
}
#yymenu a:hover {
  color:#ffffff;
  text-decoration:none;
  background:transparent;
}

#yymenu .mmContent div.mmlink a.submenu:hover {
}

#yymenu .mmLevel1 {}

#yymenu .mmLevel1 {
  background: #000;
  margin-top:0px;
  padding-top:7px;
  padding-bottom:7px;
  padding-left:13px;
  border:1px solid #6d6d6d;
}

#yymenu .mmLevel2 {
display:none;
  margin-left:3px;
  padding-left:5px;
  padding-top:7px;
  position:absolute;
  top:0px;
  left:0px;
}

#yymenu .sub {
  background-image:url(../../images/ypmenu_pfeilg.gif);
  background-position:right center;
  background-repeat:no-repeat;
}
#yymenu .mmContent {
}



#content {
  position:absolute;
  top:116px;
  left:400px;
  width:464px;
  min-height:440px;
  background:transparent url("images/content-bg.png") 0px 0px repeat-y; 
  font-size:11px;
  line-height:14px;
  padding-left:12px;
  padding-right:12px;
  padding-top:30px;
  padding-bottom:80px;
}


/* Text mit Bild */
/* Neben Text links */
#content .csc-textpic-intext-left-nowrap {float:left;margin-bottom:30px;}
#content .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float:left;}
#content .csc-textpic-intext-left-nowrap .csc-textpic-text {float:right;padding-left:30px;}

/* Neben Text rechts */
#content .csc-textpic-intext-right-nowrap {float:left;margin-bottom:30px;}
#content .csc-textpic-intext-right-nowrap  .csc-textpic-imagewrap {float:right;}
#content .csc-textpic-intext-right-nowrap .csc-textpic-text {float:left;padding-right:30px;width:150px;}

/* im Text rechts */
#content .csc-textpic-intext-right {float:left;}
#content .csc-textpic-intext-right .csc-textpic-imagewrap {float:right;}
#content .csc-textpic-intext-right .csc-textpic-text {float:none;}
#content .csc-textpic-intext-right h2 {float:none;border:1px solid blue;display:none;}

/* im Text links */
#content .csc-textpic-intext-left {float:left;}
#content .csc-textpic-intext-left .csc-textpic-imagewrap {float:left;;}
#content .csc-textpic-intext-left .csc-textpic-text {float:none;}

#content .csc-textpic-clear {display:none;}



#content table.messen td {
  padding-top:5px;
}
#content table.messen td.line {
  padding-top:0px;
}

#content h1 {
  font-size:14px;
  margin-top:0px;
  clear:both;
  text-transform:uppercase;
  width:100%;
  color:#dddddd;
  padding-bottom:10px;
  font-weight:normal;
  font-weight:bold;
}

#content h2 {
  color:#9cca2c;
  color:#dddddd;
  font-weight:bold;
  font-size:12px;
  margin-bottom:0.5em;
}

#content ul {
  margin-left:14px;  
  padding-bottom:0.5em;
}

#content ol {
  margin-left:20px;
  padding-bottom:0.5em;

}

#content  td {vertical-align:top;}
#content  p {}
#content  td p {width:auto;}
#content img {border:0px;}
#content  p img {float:left;padding-right:6px;padding-bottom:6px;}

#content input[type=text] {border:1px solid #dddddd;}
#content input[type=submit] {border:1px solid #dddddd;margin-top:3px;}
#content input[type=file] {border:1px solid #dddddd;}

#content .divider {
  float:left;
  width:449px;
  height:10px;
  padding-top:0.3em;
  padding-bottom:0.3em;
  display:inline;
  background:transparent  url("images/trenner-right.gif") 0px 0px no-repeat; 
}
#content .divider hr {
  display:none;
}


/* Dateilisten */
#content table.csc-uploads  {width:449px;border-top:1px dotted #9cca2c;float:left;}
#content td.csc-uploads-icon {border-bottom:1px dotted #9cca2c;padding-bottom:1px;padding-top:1px;padding-right:10px;}
#content td.csc-uploads-icon img {width:90px;height:auto;border:1px solid #9cca2c}
#content td.csc-uploads-fileName {width:390px;border-bottom:1px dotted #9cca2c;padding-top:1px;}
#content p.csc-uploads-description {width:220px;padding-left:10px;text-align:right;padding-top:1px;}
#content td.csc-uploads-fileSize {border-bottom:1px dotted #9cca2c;;padding-top:1px;width:60px;text-align:right;}
#content td p {padding-bottom:0.5em;float:left; padding-right:2px;}

/* Loginbox neu */
#content .tx-felogin-pi1 form {margin-top:8px;margin-bottom:8px}
#content .tx-felogin-pi1 legend {display:none;}
#content .tx-felogin-pi1 input {margin-bottom:5px}
#content .tx-felogin-pi1 label {font-weight:bold;float:left;width:120px;}
#content .tx-felogin-pi1 fieldset {border:0px;}
#content .tx-felogin-pi1 input[type="submit"] {margin-left:120px;}


#log {
  border-top:1px solid #cdcdcd;margin-left:14px;margin-top:10px;}
#log a {font-weight:bold;color:#fff;text-transform:uppercase;}

/* Gallery */


div.tx-wtgallery-pi1 {
  padding: 0px;
  background-color: transparent;
  float:left;
  margin-bottom:15px;
}
div.tx-wtgallery-pi1 .clear {display:none}
div.wt_gallery_single_inner_pic {}

div.wt_gallery_single_inner_pic a img {
  border: 1px solid #333333;
}

div.wtgallery_list {
  float:left;
  padding: 0px;
  margin: 0px;
  margin-bottom:5px;
  margin-right:5px;
  border:0px solid #333333;
}

h2.wtgallery_list {
  display:none;
}

div.wtgallery_list_firstofrow {}
div.wtgallery_list_lastofrow {margin-right:0px;}

div.wtgallery_list a img {
  padding: 0px;
  filter: alpha(opacity=66); 
  -moz-opacity: 0.66; 
  opacity: 0.66;
  border: 0px solid #444;
}
div.wtgallery_list_current a img {
  filter: alpha(opacity=100); 
  -moz-opacity: 1.00; 
  opacity: 1.00;  
border: 0px solid #FF9900;
}
div.wtgallery_list a:hover img {
  filter: alpha(opacity=100); 
  -moz-opacity: 1.00; 
  opacity: 1.00;
}
div.wt_gallery_single_inner_title {
  font-weight: bold;
  margin-top: 5px;
}
div.wt_gallery_single_inner_comments {

}

h2.wtgallery_single {display:none;}

.wtgallery_single_browser {display:none;margin-top:5px;margin-bottom:15px;border-bottom:1px solid #ddd;padding-top:5px;}
.wtgallery_single_browser_previous {border:0px solid blue;width:120px;}
.wtgallery_single_browser_next {border:0px solid blue;width:120px;float:right;margin-top:-18px;text-align:right;}

div.wtgallery_list_area {margin-top:15px;}
div.wtgallery_list_pagebrowser_area {float:left;width:460px;border-top:1px solid #ddd;margin-top:15px;padding-top:5px;}
ul.wtgallery_pagebrowser_list {float:left;width:460;text-align:center}
.wtgallery_list_pagebrowser_area ul li {float:left;list-style:none;padding-left:3px;padding-right:3px;}
.wtgallery_list_pagebrowser_area ul li a {}


.tx-gsipagenav-pi1 {
  float:left;
  display:block;
  margin-bottom:15px;
}
.tx-gsipagenav-pi1 ul {}
.tx-gsipagenav-pi1 ul li   {
  list-style-type:none;
  display:block;
  width:28px;
  height:21px;
}

.tx-gsipagenav-pi1 ul li  a {text-indent: -9999px}

.tx-gsipagenav-pi1 ul li  a {
  display:block;
  padding-right:0px;
  width:28px;
  height:21px;

}

.tx-gsipagenav-pi1 .next  {
  float:right;
  width:28px;
  height:21px;
  background: transparent url("images/next.png") -5px 0px no-repeat;
}

.tx-gsipagenav-pi1 .next a {float:right;position:relative;left:-15px;}

.tx-gsipagenav-pi1 .prev {
  float:left;
  width:28px;
  height:21px;
  background: transparent url("images/prev.png") 0px 0px no-repeat;
}

.tx-gsipagenav-pi1 .prev a {float:left;margin-left:-20px;}



#footer {
  position:absolute;
  background:#f79a12;
  font-size:11px;  
  height:60px;
  width:450px;
  bottom:0px;
  left:0px;
  border-top:1px solid white;
  color:#ffffff;
  padding-left:19px;
  padding-right:19px;
  padding-top:7px;
  text-align:center;
}

#footer a {color:#ffffff;}