@charset "utf-8";
/* CSS netlands */

body, html {
    height: auto !important;
    padding:20px 0 0 0;
}

body {
  background:#898989 url(../grafik/layout/bg_body.jpg) repeat-x top left fixed ;
  color:#666666;
  font-family: Arial, Helvetica, sans-serif;
  overflow-y:visible;
}

h1,h2,h3,h4,h5,h6 {
  font-family: Arial, Helvetica, sans-serif;
  margin:5px 0;
}

hr {
  border-color:#E0E0E0;
}

a,
a:hover,
a:visited,
a:active {
  color:#E21325;
}

#header a,
#header a:hover,
#header a:visited,
#header a:active {
  background:transparent url(../grafik/layout/overlay_header.png) repeat top left;
  width:917px;
  height:230px;
  display:block;
  z-index:1000;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-459px;
}

.nl_leistungen {
  bottom:0;
  padding:5px 5px 10px;
  border-top:1px solid #E21325;
  background:none;
  margin: 0 5px;
}

.nl_leistungen h1 {
  color:#666;
  font-size:14px;
}

.nl_leistungen a,
.nl_leistungen a:hover,
.nl_leistungen a:visited,
.nl_leistungen a:active {
  color:#666666;
  text-decoration:none;
  font-size:10px;
}

a.mail,
a.mail:visited,
a.mail:active {
  color:#E21325;
  padding:5px 5px 5px 10px;
  background: transparent url(../grafik/layout/arrow_red_r.png) no-repeat 0px 7px;
  font-weight:normal;
}

a.mail:hover {
  color:#666666;
  background: transparent url(../grafik/layout/arrow_grey_r.png) no-repeat 0px 7px;  
}

a.download,
a.download:visited,
a.download:active {
  color:#E21325;
  padding:5px 5px 5px 10px;
  background: transparent url(../grafik/layout/download_red.png) no-repeat 0px 7px;
  display:block;
  font-weight:normal;
}

a.download:hover {
  color:#666666;
  background: transparent url(../grafik/layout/download_grey.png) no-repeat 0px 7px;  
}

a.route,
a.route:visited,
a.route:active {
  color:#E21325;
  padding:5px 5px 5px 10px;
  background: transparent url(../grafik/layout/arrow_red_r.png) no-repeat 0px 7px;
  font-weight:normal;
}

a.route:hover {
  color:#666666;
  background: transparent url(../grafik/layout/arrow_grey_r.png) no-repeat 0px 7px;  
}

a.internal-link,
a.internal-link:visited,
a.internal-link:active {
  color:#E21325;
  padding:5px 5px 5px 10px;
  background: transparent url(../grafik/layout/arrow_red_r.png) no-repeat 0px 7px;
  font-weight:normal;
}

a.internal-link:hover {
  color:#666666;
  background: transparent url(../grafik/layout/arrow_grey_r.png) no-repeat 0px 7px;  
}

a.external-link-new-window,
a.external-link-new-window:visited,
a.external-link-new-window:active {
  color:#E21325;
  padding:5px 5px 5px 10px;
  background: transparent url(../grafik/layout/external_red.png) no-repeat 0px 7px;
  font-weight:normal;
}

a.external-link-new-window:hover {
  color:#666666;
  background: transparent url(../grafik/layout/external_grey.png) no-repeat 0px 7px;  
}

a:focus,
a.mail:focus {
  outline:none !important;
  background:none;
}

#page_margins {
  background: none;
  margin:0 auto;
  padding:0px;
  min-height:765px;
  width:917px;
}

#page {
  background: none;
  margin:10px 0 0;
  padding:0;
}

#social_icons {
    float: right;
    margin: 5px 5px 0 0;
    width: 114px;
}

a.faq_icon,
a.faq_icon:visited {
  background:transparent url(../grafik/layout/nl_faq_a.png) no-repeat;
  width:33px;
  height:45px;
  display:block;
  float:left;
  margin-right:10px;
  cursor:default;
}

a.faq_icon:hover,
a.faq_icon:focus {
  background:transparent url(../grafik/layout/nl_faq_b.png) no-repeat;
}

a.faq_icon2,
a.faq_icon2:visited {
  background:transparent url(../grafik/layout/nl_faq2_a.png) no-repeat;
  width:33px;
  height:45px;
  display:block;
  float:left;
  margin-right:10px;
  cursor:default;
}

a.faq_icon2:hover,
a.faq_icon2:focus {
  background:transparent url(../grafik/layout/nl_faq2_b.png) no-repeat;
}

a.gp_icon,
a.gp_icon:visited {
  background:transparent url(../grafik/layout/nl_gp_a.png) no-repeat;
  width:28px;
  height:37px;
  display:block;
  float:left;
  margin-right:10px;
}

a.gp_icon:hover,
a.gp_icon:focus {
  background:transparent url(../grafik/layout/nl_gp_b.png) no-repeat;
}

a.fb_icon,
a.fb_icon:visited {
  background:transparent url(../grafik/layout/nl_fb_a.png) no-repeat;
  width:28px;
  height:37px;
  display:block;
  float:left;
  margin-right:10px;
}

a.fb_icon:hover,
a.fb_icon:focus {
  background:transparent url(../grafik/layout/nl_fb_b.png) no-repeat;
}

a.tw_icon,
a.tw_icon:visited {
  background:transparent url(../grafik/layout/nl_tw_a.png) no-repeat;
  width:28px;
  height:37px;
  display:block;
  float:left;
  margin-right:10px;
}

a.tw_icon:hover,
a.tw_icon:focus {
  background:transparent url(../grafik/layout/nl_tw_b.png) no-repeat;
}

a.rss_icon,
a.rss_icon:visited {
  background:transparent url(../grafik/layout/nl_rss_a.png) no-repeat;
  width:28px;
  height:37px;
  display:block;
  float:left;
}

a.rss_icon:hover,
a.rss_icon:focus {
  background:transparent url(../grafik/layout/nl_rss_b.png) no-repeat;
}

#netlands_logo {
    left: 50%;
    margin-left: 191px;
    position: absolute;
    top: 70px;
    z-index: 1;
}

#netlands_auge {
    left: 50%;
    margin-left: -458px;
    position: absolute;
    top: 0px;
    z-index: 2;
}

#header {
    background: #ffffff;
    padding: 0;
    position: relative;
    width: 917px;
    height:230px;
}

#header .csc-default {
    margin: 0;
    padding: 0;
}

#header .csc-default .rgslideshow {
    border:none;
}

#header .rgslideshow .rgsnest {
       background:none !important;   
       height:25px; 
       border:none;   
}

#header .rgslideshow .rgstitle {
  color:#ffffff;
  text-transform:none;
  font-size:14px;
  font-family:  Arial, Helvetica, sans-serif !important;
  font-weight:normal;
  letter-spacing:0;
  padding:0;
}

 #header span {
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    padding: 5px 10px;
    width: 744px;
    margin-left:153px;
    text-align:right;
    text-transform:uppercase;
}
     
#nav {
  clear:none;
  background:#ffffff;
}

#nav ul {
  margin-left:0;
}

#brotkrumenpfad {
    border-bottom: 1px solid #E0E0E0;
    font-size: 10px;
    padding: 5px 10px;
    margin:1px;
}

#hauptpunkte {
  background:#ffffff;
  display:block;
  width:245px;
  margin:1px 1px 2px 1px;
  height:auto;
}

#hauptpunkte li {
  display:block;
  float:left;
  margin:0;
}

#hauptpunkte li a {
  width:220px;
  font-size:12px;
  height:15px;
  display:block;
  background:#ffffff url(../grafik/layout/arrow_grey_r.png) no-repeat 8px 9px;
  color:#666666;
  text-align:left;
  text-decoration:none;
  font-weight:normal;
  padding:5px 5px 5px 18px;
  border:1px solid #ffffff;
}

#hauptpunkte li a.active,
#hauptpunkte a:focus {
  background:#ffffff url(../grafik/layout/arrow_red_r.png) no-repeat 8px 9px;
  color:#E21325;
  font-weight:bold;
  border:1px solid #ffffff;
  border-bottom:1px solid #E0E0E0;
}

#hauptpunkte li a:hover {
  background:#f0f0f0 url(../grafik/layout/arrow_red_r.png) no-repeat 8px 9px;
  color:#333333;
  font-weight:bold;
  border:1px solid #ffffff;
  border-bottom:1px solid #E0E0E0;
}

#hauptpunkte li ul.unterpunkte {
  background:#ffffff;
  width: 245px;
  margin:0;
}

#hauptpunkte li ul.unterpunkte li {
  margin: 0;
  padding:0;
  display:block;
  float:left;
}

#hauptpunkte li ul.unterpunkte li a {
  padding:5px 5px 5px 28px;
  background: #ffffff url(../grafik/layout/arrow_grey_r.png) no-repeat 18px 9px;
  color:#666666;
  margin:0;
  font-size:12px;
  text-align:left;
  text-transform:none !important;
  font-weight:normal;
  width:210px;
  border:1px solid #ffffff;
}

#hauptpunkte li ul.unterpunkte li a.active {
  background: #ffffff url(../grafik/layout/arrow_red_r.png) no-repeat 18px 9px;
  color:#E21325;
  font-weight:bold;
  border:1px solid #ffffff;
  border-bottom:1px solid #E0E0E0;
}

#hauptpunkte li ul.unterpunkte li a:hover {
  background:#f0f0f0 url(../grafik/layout/arrow_red_r.png) no-repeat 18px 9px;
  color:#333333;
  font-weight:bold;
  border:1px solid #ffffff;
  border-bottom:1px solid #E0E0E0;
}

#hauptpunkte li ul.unterpunkte {
  background:#ffffff;
  width: 245px;
  margin:0;
}

#hauptpunkte li ul.unterpunkte li ul.unterpunkte2 li {
  margin: 0;
  padding:0;
  display:block;
  float:left;
}

#hauptpunkte li ul.unterpunkte li ul.unterpunkte2 li a {
  padding:5px 5px 5px 38px;
  background: #ffffff url(../grafik/layout/arrow_grey_r.png) no-repeat 28px 9px;
  color:#666666;
  margin:0;
  font-size:12px;
  text-align:left;
  text-transform:none !important;
  font-weight:normal;
  width:200px;
  border:1px solid #ffffff;
}

#hauptpunkte li ul.unterpunkte li ul.unterpunkte2 li a.active {
  background: #ffffff url(../grafik/layout/arrow_red_r.png) no-repeat 28px 9px;
  color:#E21325;
  font-weight:bold;
  border:1px solid #ffffff;
  border-bottom:1px solid #E0E0E0;
}

#hauptpunkte li ul.unterpunkte li ul.unterpunkte2 li a:hover {
  background:#f0f0f0 url(../grafik/layout/arrow_red_r.png) no-repeat 28px 9px;
  color:#333333;
  font-weight:bold;
  border:1px solid #ffffff;
  border-bottom:1px solid #E0E0E0;
}

#subnavigation a,
#subnavigation a:active, 
#subnavigation a:visited {
    border-right: 1px solid #666666;
    color: #E0E0E0;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 10px;
}

#subnavigation a:last-child,
#subnavigation a:active:last-child, 
#subnavigation a:visited:last-child {
    border:none;
    color: #E0E0E0;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 10px;
}

#subnavigation a:hover {
  color:#FFFFFF;
}

#footer a,
#footer a:active,
#footer a:visited {
   border-right: 1px solid #999999;
   font-weight:normal;
   color:#FFFFFF;
   margin-right:5px;
   margin-left:5px;
   padding-right: 10px;
}

#footer a:last-child,
#footer a:active:last-child, 
#footer a:visited:last-child {
    border:none;
    color:#FFFFFF;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 10px;
}

#footer a:hover {
  color:#333333;
}

#footer {
    background: none;
    bottom: 0;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    margin: 0 auto 0 -453px;
    width:340px;
    max-width: 340px;
    min-width: 340px;
    padding: 5px 0;
    left:50%;
}

#footer .csc-default {
  float:left;
  padding: 0 3px 0 5px;
  margin:0;
  width:30px;
}

#footer_nav {
    background: none;
    float:left;
    margin: 0;
    padding: 0;
}

#subnavigation {
    background: #333333;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    height: 20px;
    left: 0;
    margin: 0;
    max-width: 100%;
    min-width: 100%;
    padding: 5px 0 15px;
    position: absolute;
    top: 0;
    width: 100%;
}

#subnavigation div.call {
  position:absolute;
  left:50%;
  margin:7px 12px 0 315px;
  font-size:14px;
  color:#FFFFFF;
}

#sub_nav {
  background: none;
  height: 14px;
  margin: 0 0 0 -453px;
  padding: 9px 0;
  position:absolute;
  left:50%;
  
  font-style:normal;
}

#main {
  padding:0;
  margin:7px 0 0 0;
  background:none;
}

/* NL TEASER */

div.nl_teaser {
  border:none;
  margin-left: 3px;
  width: 648px;
  background: url(../grafik/layout/bg_teaser.jpg) repeat-x top left;
  clear:both;
  height:185px;
}

div.nl_teaser a {
  display:block;
  float:left;
  width:212px;
  background:none;
  margin-top:0px;
  text-decoration:none !important;
  height:200px;
}

div.nl_teaser div.nl_teaser_desc {
  padding:5px;
  margin-left:220px;
  font-weight:normal
}

div.nl_teaser div.nl_teaser_desc ul {
  margin:0;
}

#col1 div.nl_teaser div.nl_teaser_desc ul li:hover {
  background-color:#FFF !important;
  opacity:1;
}

#col1 div.nl_teaser div.netzwerke_info ul li {
  background: #FFFFFF url("../grafik/layout/square_green.png") no-repeat 4px 5px !important;
  color: #666666;
  font-size: 12px;
  margin: 1px 0;
  padding: 2px 5px 2px 16px;
  text-align: left;
  text-transform: none !important;
  opacity:0.7;
}

#col1 div.nl_teaser div.internetagentur_info ul li {
  background: #FFFFFF url("../grafik/layout/square_blue.png") no-repeat 4px 5px !important;
  color: #666666;
  font-size: 12px;
  margin: 1px 0;
  padding: 2px 5px 2px 16px;
  text-align: left;
  text-transform: none !important;
  opacity:0.7;
}

#col1 div.nl_teaser div.softwareentwicklung_info ul li {
  background: #FFFFFF url("../grafik/layout/square_orange.png") no-repeat 4px 5px !important;
  color: #666666;
  font-size: 12px;
  margin: 1px 0;
  padding: 2px 5px 2px 16px;
  text-align: left;
  text-transform: none !important;
  opacity:0.7;
}

/* SOFTWAREENTWICKLUNG */
 
div.nl_teaser a.softwareentwicklung {
   margin-top:-15px;
   border-right:6px solid #FFFFFF;
   background: url(../grafik/layout/nl_teaser_software_a.png) no-repeat top center;
 }
 
div.nl_teaser a.softwareentwicklung:hover {
   margin-top:-15px;
   background: url(../grafik/layout/nl_teaser_software_b.png) no-repeat top center;
 }
 
div.nl_teaser a.softwareentwicklung h1 {
  display:block;
  width:100%;
  background:#FFFFFF;
  text-transform:uppercase;
  font-size:13px;
  color:#ED761C;
  text-align:center;
  font-weight:bold;
  margin-top:100px;
  padding:5px 0;
  text-decoration:none;
 }
 
div.nl_teaser a.softwareentwicklung:hover h1 {
  background:#ED761C;
  color:#FFFFFF;
  text-align:center;
}

div.nl_teaser a.softwareentwicklung p {
  display:none;
}

div.nl_teaser a.softwareentwicklung:hover p {
  display:block;
  font-size:12px;
  color:#666666;
  text-align:center;
}

div.nl_teaser a.softwareentwicklung_info,
div.nl_teaser a.softwareentwicklung_info:hover {
  margin-top:-15px;
  border-right:6px solid #FFFFFF;
  background: url(../grafik/layout/nl_teaser_software_b.png) no-repeat top center;
}

div.nl_teaser a.softwareentwicklung_info h1,
div.nl_teaser a.softwareentwicklung_info:hover h1 {
  display:block;
  width:100%;
  background:#ED761C;
  color:#FFFFFF;
  text-align:center;
  text-transform:uppercase;
  font-size:13px;
  font-weight:bold;
  margin-top:100px;
  padding:5px 0;
  text-decoration:none;
}

div.nl_teaser a.softwareentwicklung_info p,
div.nl_teaser a.softwareentwicklung_info:hover p {
  display:block;
  font-size:12px;
  color:#666666;
  text-align:center;
}

/* NETZWERKE */

div.nl_teaser a.netzwerke {
  margin-top:-15px;
  border-right:6px solid #FFFFFF;
  background: url(../grafik/layout/nl_teaser_netzwerke_a.png) no-repeat top center;
}

div.nl_teaser a.netzwerke:hover {
  margin-top:-15px;
  background: url(../grafik/layout/nl_teaser_netzwerke_b.png) no-repeat top center;
}

div.nl_teaser a.netzwerke h1 {
  display:block;
  width:100%;
  background:#FFFFFF;
  text-transform:uppercase;
  font-size:13px;
  color:#119530;
  text-align:center;
  font-weight:bold;
  margin-top:100px;
  padding:5px 0;
  text-decoration:none;
}

div.nl_teaser a.netzwerke:hover h1 {
  background:#119530;
  color:#FFFFFF;
  text-align:center;
}

div.nl_teaser a.netzwerke p {
  display:none;
}

div.nl_teaser a.netzwerke:hover p {
  display:block;
  font-size:12px;
  color:#666666;
  text-align:center;
}

div.nl_teaser a.netzwerke_info,
div.nl_teaser a.netzwerke_info:hover {
  margin-top:-15px;
  border-right:6px solid #FFFFFF;
  background: url(../grafik/layout/nl_teaser_netzwerke_b.png) no-repeat top center;
}

div.nl_teaser a.netzwerke_info h1,
div.nl_teaser a.netzwerke_info:hover h1 {
  display:block;
  width:100%;
  background:#119530;
  color:#FFFFFF;
  text-align:center;
  text-transform:uppercase;
  font-size:13px;
  font-weight:bold;
  margin-top:100px;
  padding:5px 0;
  text-decoration:none;
}

div.nl_teaser a.netzwerke_info p,
div.nl_teaser a.netzwerke_info:hover p {
  display:block;
  font-size:12px;
  color:#666666;
  text-align:center;
}

/* INTERNETAGENTUR */

div.nl_teaser a.internetagentur {
  margin-top:-15px;
  background: url(../grafik/layout/nl_teaser_internet_a.png) no-repeat top center;
}

div.nl_teaser a.internetagentur:hover {
  margin-top:-15px;
  background: url(../grafik/layout/nl_teaser_internet_b.png) no-repeat top center;
}

div.nl_teaser a.internetagentur h1 {
  display:block;
  width:100%;
  background:#FFFFFF;                       
  text-transform:uppercase;
  font-size:13px;
  color:#0086B3;
  text-align:center;
  font-weight:bold;
  margin-top:100px;
  padding:5px 0;
  text-decoration:none;
}

div.nl_teaser a.internetagentur:hover h1 {
  background:#0086B3;
  color:#FFFFFF;
  text-align:center;
}

div.nl_teaser a.internetagentur p {
  display:none;
}

div.nl_teaser a.internetagentur:hover p {
  display:block;
  font-size:12px;
  color:#666666;
  text-align:center;
}

div.nl_teaser a.internetagentur_info,
div.nl_teaser a.internetagentur_info:hover {
  margin-top:-15px;
  border-right:6px solid #FFFFFF;
  background: url(../grafik/layout/nl_teaser_internet_b.png) no-repeat top center;
}

div.nl_teaser a.internetagentur_info h1,
div.nl_teaser a.internetagentur_info:hover h1 {
  display:block;
  width:100%;
  background:#0086B3;
  color:#FFFFFF;
  text-align:center;
  text-transform:uppercase;
  font-size:13px;
  font-weight:bold;
  margin-top:100px;
  padding:5px 0;
  text-decoration:none;
}

div.nl_teaser a.internetagentur_info p,
div.nl_teaser a.internetagentur_info:hover p {
  display:block;
  font-size:12px;
  color:#666666;
  text-align:center;
}

/* TYPO3 CONTENT-LAYOUT */

div.csc-default ul,
div.csc-textpic-text ul  {
  list-style:none;
}

#col1 div.csc-default ul li,
#col1 div.csc-textpic-text ul li {
  padding:3px 5px 0px 12px;
  background: transparent url(../grafik/layout/square.png) no-repeat 0px 8px !important;
  margin:0;
  color:#666666;
  font-size:12px;
  text-align:left;
  text-transform:none !important;
}
  
.ui-tabs .csc-textpic-caption {
  display:none;
}

div.csc-sitemap ul  {
  list-style:none;
}

div.csc-sitemap ul li {
  padding:3px 5px 0px 12px;
  background: transparent url(../grafik/layout/arrow_red_r.png) no-repeat 0px 8px;
  margin:0;
  color:#666666;
  font-size:12px;
  text-align:left;
  text-transform:none !important;
}

#col3 {
    background: none;
    margin: 1px 0 1px 672px;
    width: 245px;
}

#col3 #col3_content ul li.csc-textpic-image,
div.ui-tabs ul li {
  background:none;
}

#col3 #col3_content div.csc-default table {
  border:none;
  width:100%;
}

#col3 #col3_content div.csc-default table td {
  padding:0;
}

#col3 #col3_content div.csc-default table td p {
  margin:0;
  padding:0;
}

#col3 .csc-default .csc-header h1,
#col3 .csc-frame-frame2 .csc-header h1  {
    background: none repeat scroll 0 0 #E21325;
    color: #FFFFFF;
    font-size: 14px;
    margin: 0;
    padding: 5px;
 }

h1 {
  color:#E21325;
  font-size:18px;
}

#col3 #col3_content div.csc-default {
  float:left; 
  margin-top:8px; 
  background:#FFFFFF; 
  width:245px;
  padding:0;
  height:auto;
}

#col3 #col3_content div.csc-default .bodytext {
  padding:5px;
}

h2 {
  color:#666;
  font-size:18px;
  padding:5px 0;
}

#col1 {
  width:665px;
  margin: 0;
  background:#ffffff;
  min-height:750px;
}

.ui-tabs .ui-tabs-panel {
  padding:0 !important;
}

.ui-tabs-nav ul li {
  margin:1px 2px 0 0 !important;
}

#col1 .csc-default .tx-rgslideshow-pi1 {
  margin-left:5px;
}
#col1 .csc-default .rgslideshow {
  border:5px solid #DDDDDD;
}

#col1 .csc-default .rgslideshow:hover {
  border:5px solid #333333;
}

#col1 .csc-default div.rgsnest {
 display:none;
}

#col1 .csc-default .tx-rgslideshow-pi1:hover div.rgsnest {
  background:transparent url(../grafik/layout/desc_bar.png) no-repeat top right;
  width:338px !important;
  height:26px;
  left:0;
  border:none;
  padding:10px 5px;
  font-size:14px; 
  display:block; 
}

#col1 .csc-default .rgslideshow .rgstitle { 
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight:bold;
  font-size:12px;
  letter-spacing:1px !important;
}
  
#col1 .csc-default .rgslideshow .rgstitle small { 
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight:normal;
  text-transform:none;
  font-size:10px !important;
}
     
#col1 .csc-frame-frame1 .tx-rgslideshow-pi1 {
  margin-left:0 ;
  height:200px;
}
#col1 .csc-frame-frame1 .rgslideshow {
  border:none
}

#col1 .csc-frame-frame1 .rgslideshow:hover {
  border:none
}

#col1 .csc-frame-frame1 .rgslideshownav .rgsnav2 {
    background: none;
    display: inline;
    height: 20px;
    margin: 0;
    padding: 3px 10px 1px 20px;
}

#col1 .csc-frame-frame1 .rgslideshownav {
    left: 575px;
    position: relative;
    text-align: right;
    top: -35px;
    width: 150px !important;
    z-index: 5;
  border-right:none;
}

#col1 .csc-frame-frame1 .rgslideshownav .rgsbrowserEl {
  padding:2px;
  font-weight:bold;
  font-size:14px;
  cursor:pointer; 
  color:#FFF;
  background: url(../grafik/layout/bg_slide_inact.png) no-repeat top left;
  width:16px;
  height:16px;
  display:block;
  float:left;
  margin:2px;
  text-align:center;
}

#col1 .csc-frame-frame1 .rgslideshownav .rgsbrowserEl:hover {
  color:#FFF;
  background: url(../grafik/layout/bg_slide_hover.png) no-repeat top left;
}

#col1 .csc-frame-frame1 .rgslideshownav .rgsbrowser .rgsact {
  color:#FFF;
  background: url(../grafik/layout/bg_slide_hover.png) no-repeat top left;
}

/* splitter element between the browser elements */
#col1 .csc-frame-frame1 .rgslideshownav .splitEl {
  color:#fff;
  font-size:7px;
}

#col1 .csc-frame-frame1 .rgssplitEl, .rgsplay {
  display:none;
}

/* active element item */
#col1 .csc-frame-frame1 .rgslideshownav .rgsbrowser .rgsact {
  font-weight:bold;
  color:#FFF;
  background: url(../grafik/layout/bg_slide_hover.png) no-repeat top left;
  width:10px;
  height:16px;
  padding:1px 5px 3px 5px;
}

#col1 .csc-frame-frame1 .rgslideshownav .rgssplitEl,
#col1 .csc-frame-frame1 .rgslideshownav .rgsplay {
  display:none;
}

#col1 .csc-frame-frame1 .rgslideshow .rgstitle { 
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight:bold;
  font-size:12px;
  letter-spacing:1px !important;
}

#col1 .csc-frame-frame1 .rgslideshow .rgstitle small { 
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight:normal;
  text-transform:none;
  font-size:10px !important;
}

#col1 .csc-default .csc-header h1,
#col1 .csc-default  h1.csc-firstHeader {
  color:#E21325;
  font-size:16px;
  font-weight:normal;
  padding:5px 0 5px 0;
  border-bottom:1px solid #E21325;
}

#col1 .csc-frame-frame2 .csc-header h1 {
  color:#E21325;
  display:block;
  font-size:16px;
  font-weight:bold;
  padding:5px;
}

#col1 #col1_content div.csc-frame-frame1 {
  margin: 10px 5px 20px 5px;
  padding: 0;  
  background:transparent url(../grafik/layout/bg_teaser.jpg) repeat-x 0 -50px;
}

#col1 #col1_content div.tx-jfmulticontent-pi1 ul {
  margin:0 !important;
  list-style-type:none;
}

#col1 #col1_content div.tx-jfmulticontent-pi1 div.subcl ul li {
  background:none !important;
  margin:2px 0 0 5px !important;
}

#col1 #col1_content div.csc-frame-frame1 p {
    padding:10px 5px 5px;
}

#col1 .csc-frame-frame1 .csc-header h1,
#col1 .csc-frame-frame1  h1.csc-firstHeader,
#col1 .csc-frame-frame1 .csc-textpicHeader h1 {
  color:#FFFFFF;
  background:#E21325;
  font-size:14px;
  padding:5px;
  font-weight:bold;  
  margin:0;
}

#col1 .csc-frame-frame2 div.download {
  padding:5px;
  background:#F1F1F1;
}

#col1 .csc-frame-frame2 div.download > div {
  background:none;
  margin-bottom:1px;
  padding:5px;
}

#col1 .csc-frame-frame2 div.download > div a {
  margin-left:10px;
  font-weight:bold;
  color:#666;
}

#col1 .csc-frame-frame2 div.download > div:hover {
  background:#FDFDFD;
  color:#CA1416;
}

#col1 #col1_content div.csc-default {
  padding:5px;
}

#col1 #col1_content div.csc-frame-frame1 {
  border:none;
}

#col1_content, #col3_content {
    padding: 0;
}

#col1_content {
  min-height:638px;
}

/* SUCHE */
.tx-indexedsearch {
  margin-top:10px;
}

#tx_indexedsearch table,
.tx-indexedsearch-res table {
  border:none;
}

tbody tr:hover td, tbody tr td {
  background:none;
  border:none;
}

.tx-indexedsearch-searchbox-button, 
.newsletter_subscribe_button {
  background: transparent url(../grafik/layout/arrow_r_grey_circle.png) no-repeat;
  border:none;
  height:23px;
  width:23px !important;
  cursor:pointer;
  margin-left:5px;
  margin-top /*\**/: 2px\9
}

.newsletter_subscribe_button {
  margin-top:2px;
}

.tx-indexedsearch-searchbox-sword, 
.newsletter_subscribe_email {
  border:none;
  background:none;
  color:#999;
  font-size:14px;
  width:258px !important;
  margin-left:5px;
  margin-top:5px;
  float:left;
  display:block;
}

td.searchbox_entry, 
td.searchbox_entry:hover,
div.newsletter_subscribe, 
div.newsletter_subscribe:hover {
  background:transparent url(../grafik/layout/bg_searchbox.png) no-repeat top left;
  height:27px;
  padding:0;
  width:293px;
  margin:0;
}

div.newsletter_subscribe, 
div.newsletter_subscribe:hover {
  margin-top:7px;
}

.tx-indexedsearch-rules {
  display:none;
}

.tx-indexedsearch p {
  display:none;
}

.divider hr {
  border-bottom:2px solid #D21A1A
}

/* YFORM */

.yform {
  background:none;
  border:none;
  margin:0 0 1em;
  padding:0 10px 10px 10px;
}

.captchaimg {
  width:30%;
  float:left;
}

.requiredfields {
  float:left;
  clear:both;
}

.yform .type-text input, .yform .type-textarea, .yform .type-select select {
  border:1px solid #CCCCCC;
}

.yform div.type-text input:focus, .yform div select:focus, .yform div textarea:focus, .yform div.type-text input:hover, .yform div select:hover, .yform div textarea:hover, .yform div.type-text input:active, .yform div select:active, .yform div textarea:active {
  border:1px solid #666666;
}

.yform legend {
  font-weight:bold;
}

.yform legend, .yform label {
  color:#333333;
}

.yform .type-button input[type="submit"],
a.button {
  background:#666666;
  color:#FFFFFF;
  font-weight:bold;
  border:none !important;
  padding:5px 10px;
  text-decoration:none;
}

.yform .type-button input[type="submit"]:hover,
.yform .type-button input[type="submit"]:focus,
a.button:hover,
a.button:focus {
  background:#E21325;
  border:none !important;
}

a.button:focus {
  background:#999999 !important;
}

.columnar div.type-check input[value="Frau"] {
  margin-left:10%;
}

.columnar div.type-check input[value="Herr"] {
  margin-left:23%;
}

img.googlemapsapi {
  margin-bottom:20px;
}

span.error {
  float:left;
  display:block;
  width:100%;
  text-align:right
}

.yform fieldset {
background:none;
border:none;
margin:0 0 1em;
padding:0.5em;
}

.yform legend {
  color: #666 !important;
  background: none;
  width:580px;
  top:0px;
  position:relative;
}

input.captchafeld {
  width:80px !important;
}
 
#wt_twitter_newsticker {
    background: none;
    border:none;
}
  
#wt_twitter_newsticker ul {
   margin-left:0;
}

#wt_twitter_newsticker ul li {
  width:220px;
  font-size:12px;
  display:block;
  background: url(../grafik/layout/arrow_grey_r.png) no-repeat 8px 9px !important;
  color:#666666;
  text-align:left;
  text-decoration:none;
  font-weight:normal;
  padding:5px 5px 5px 18px;
  border:1px solid #FFFFFF;
  margin:0;
}

#wt_twitter_newsticker ul li:focus,
#wt_twitter_newsticker ul li:hover {
  background:#f0f0f0 url(../grafik/layout/arrow_red_r.png) no-repeat 8px 9px !important;
  border:1px solid #FFFFFF;
  border-bottom:1px solid #E0E0E0;
}

#col1 div.csc-default div.csc-sitemap ul li {
  background:transparent url(../grafik/layout/arrow_grey_r.png) no-repeat 8px 5px !important;
  padding:1px 5px 1px 18px;
}

#col1 div.csc-default div.csc-sitemap ul li:hover {
  background:transparent url(../grafik/layout/arrow_red_r.png) no-repeat 8px 5px !important;
  padding:1px 5px 1px 18px;
}

#schnellfinder {
  margin:0;
  padding:0;
  height:35px;
}

#schnellfinder label {
    background: #E21325;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    width: 130px;
    margin-right:5px;
}
 
#schnellfinder select {
    float: left;
    margin-right: 20px;
    width: 390px;
    font-weight:bold;
    color:#666666;
}

#schnellfinder div.type-select {
    padding:0 0 0 25px;
    margin:5px 0;
}

#schnellfinder select option[value="1"],
#schnellfinder select option[value="1"]:focus,
#schnellfinder select option[value="2"],
#schnellfinder select option[value="2"]:focus,
#schnellfinder select option[value="3"],
#schnellfinder select option[value="3"]:focus {
        color:#0086B3;
        font-weight:bold;
}

#schnellfinder select option[value="4"],
#schnellfinder select option[value="4"]:focus {
        color:#ED761C;
        font-weight:bold;
}

#schnellfinder select option[value="5"],
#schnellfinder select option[value="5"]:focus,
#schnellfinder select option[value="6"],
#schnellfinder select option[value="6"]:focus {
        color:#119530;
        font-weight:bold;
}
 
#schnellfinder .faq_icon {
    margin-top:-5px;
}
    
/* tooltip styling. by default the element to be styled is .tooltip  */

.tooltip {
  display:none;
  background:transparent url(../grafik/tooltip/black_arrow.png);
  font-size:12px;
  height:70px;
  width:160px;
  padding:25px;
  color:#fff;  
  z-index:1000;
}

.yform {
  margin:0;  
}

p.nl_products {
  display:block;
  margin-left:45px;
}

small.nl_quote {
  color:#E21325;
  font-style:italic;
  font-size:11px;
}
   
/* Startseite Kontakt.Box */

#c121 {
  background:#fff url(../grafik/layout/bg-box.jpg) no-repeat 0 -10px;
  padding:5px 0 0 0 !important;
  margin: 0 0 20px 5px;
}

#c121 h1 {
  font-size:16px;
  font-weight:bold;
}

#c121 h3 {
  font-size:14px;
  margin-bottom:25px;
  color:#999;
}

#c121 img { margin-bottom:0; margin:0 !important; }
#c121 .csc-textpic-imagewrap { height:178px; }


DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG,
DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
    border: 2px solid #DDDDDD;
    opacity:0.8;
}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG:hover,
DIV.csc-textpic-border DIV.csc-textpic-single-image IMG:hover {
    border: 2px solid #CCCCCC;
  opacity:1;
}

#col1 div.csc-default div.csc-textpic-imagewrap  ul li.csc-textpic-image {
  background:none !important;  
  padding:0;
  margin:0 3px;
}

.csc-linkToTop a { padding-left:20px; background:url(../grafik/layout/uparrow.png) no-repeat; }


#sbOverlay {
    background-color: #000000;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90;
}


#plusone_button {float:right; margin-top:10px;}

#plusone_button table {float:right !important;}