/* (c) 2013 by stilmedien.de   ----------------------------- 
 stilmedien - Kommunikation & Werbung   -------------------- 
 mail@stilmedien.de   ----------------------------------- */
 
body {
 font-family: Verdana, Geneva, sans-serif;
 color: #484848;
 font-size: 13px;
 line-height: 140%;
 margin: 0;
 padding: 0;
}
a:link, a:visited {
 text-decoration: none;
 color: #005a8c;
}
a:hover, a:active {
 text-decoration: underline;
 color: #8E8E8E;
}
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
 color: green;
 font-size: 70%;
}
/* Überschriften */
h1, .contentheading, .componentheading {
 margin: 0;
 padding: 10px 0 20px 0;
 color: #005a8c;
 font-size: 22px;
 line-height: 50px;
 font-weight: normal;
}
.contentheading, .componentheading { padding: 10px 0 40px 15px }
h2 {
 margin: 0 0 25px 0;
 padding: 0;
 color: #005a8c;
 font-size: 20px;
 font-weight: normal;
}
h3 {
 margin: 30px 0 8px 0;
 padding: 0;
 color: #005a8c;
 font-size: 18px;
 font-weight: normal;
 letter-spacing: -1px;
}
h3:first-child { margin: 12px 0 8px 0 }
.rechts h3:first-child { margin: 20px 0 8px 0 }
h4 {
 margin: 0 0 15px 0;
 padding: 0;
 color: #484848;
 font-size: 18px;
 line-height: 24px;
 font-weight: normal;
}
/* Listen */
ul { list-style: square }
hr {
 border-bottom: 0;
 border-left: 0;
 border-right: 0;
 border-top: 1px solid #000;
 height: 1px;
}
td, div { font-size: 100% }
img { border: none }
form {
 cursor: pointer;
 background: none;
 border: none;
}
input, select, textarea, .inputbox { padding: 3px 5px }
.button, .linkbutton {
 background: #e2e2e2 url(../images/button.jpg) repeat-x bottom;
 color: #333333 !important;
 padding: 5px 15px;
}
.button:hover, .button:focus, .linkbutton:hover, .linkbutton:focus {
 background: #e2e2e2;
 color: #333333;
 text-decoration: none;
}
.linkbutton {
 float: right;
 margin: 0 -20px 0 0;
}
.linkbutton.top {
 background: #e2e2e2 url(../images/linkbutton-top.jpg) right bottom repeat-x;
 color: #333333 !important;
 padding: 5px 35px 5px 15px;
}
.linkbutton.top:hover, .linkbutton.top:focus {
 background: #e2e2e2 url(../images/linkbutton-top.png) right bottom no-repeat;
 color: #333333;
 text-decoration: none;
}
.inputbox {
 background: none;
 border: 1px solid #000;
}
.inputbox:hover, .inputbox:focus { background: #CCC }
.article_separator {
 clear: both;
 display: block;
 height: 20px;
}
.column_separator { padding: 0 25px }
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px }
table.contentpaneopen, table.contentpane, table.blog { width: 100% }
table.contentpaneopen {
 border: none;
 border-collapse: collapse;
 border-spacing: 0;
}
/* Weiterlesen-Link */
a.readon {
 border: 1px solid #333;
 color: #333;
 display: block;
 float: right;
 margin-top: 10px;
}
a.readon:hover, a.readon:active, a.readon:focus { border: 1px solid red }
.moduletable { padding: 0 }
/* Artikel-Angaben - Ersteller, Datum usw. */
.article-tools {
 background: #ECECEC;
 border-top: 1px solid #DDD;
 clear: both;
 display: block;
 float: left;
 margin-bottom: 15px;
 width: 100%;
}
.article-meta {
 float: left;
 width: 80%;
}
.modifydate {
 float: left;
 width: 100%;
}
/* Footermenu */
#footermenu ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#footermenu ul li { float: right }
#footermenu ul li a { color: #005a8c }
#footermenu ul li a:hover {
 color: #6b6b6b;
 text-decoration: none;
}
/* Blog - Links - Mitte - Rechts */
.blog.first, .blog.middle, .blog.last {
 width: 260px;
 height: 250px;
 background: #F6F6F6 url(../images/blog.jpg) repeat-x;
 padding: 20px;
}
.blog.first {
 float: left;
 margin: 0 0 0 -20px;
}
.blog.middle {
 float: left;
 margin: 0 0 0 25px;
}
.blog.last {
 float: right;
 margin: 0 -20px 0 0;
}
/* Claim */
#claim h1 {
 font-size: 22px;
 font-weight: 400;
 margin: 0 0 8px;
 padding: 0;
}
.createby, .createdate { padding: 0 3px 0 20px }
/* Templates Inhalt */
/* 1-spaltig */
.ein-spaltig {
 background: url(../images/1-spaltig.jpg) bottom center no-repeat;
 width: 950px;
 padding: 0 125px 50px 125px;
 margin: 0 -125px 20px -125px;
}
/* 2-spaltig */
.zwei-spaltig {
 background: url(../images/2-spaltig.jpg) bottom center no-repeat;
 width: 950px;
 padding: 0 125px 50px 125px;
 margin: 0 -125px 20px -125px;
}
.zwei-spaltig .links {
 width: 610px;
 padding: 0;
 float: left;
}
.zwei-spaltig .rechts {
 width: 260px;
 padding: 10px 20px 0 20px;
 float: right;
}
/* 3-spaltig */
.drei-spaltig {
 background: url(../images/3-spaltig.jpg) bottom center no-repeat;
 width: 975px;
 padding: 0 105px 50px 125px;
 margin: 0 -105px 20px -125px;
}
.drei-spaltig .box {
 width: 260px;
 padding: 10px 20px 0 20px;
 margin: 0 25px 0 0;
 float: left;
}
.drei-spaltig .box img { margin: 0;}
/* referenzen */
.referenzen {
 background: url(../images/referenzen.jpg) bottom center no-repeat;
 width: 950px;
 padding: 0 125px 50px 125px;
 margin: 0 -130px 20px -130px;
}
.referenzen .links {
 width: 510px;
 float: left;
 margin: 0 0 0 4px;
 padding: 0 0 0 0;
}
.referenzen .rechts {
 width: 356px;
 padding: 10px 15px 0 15px;
 float: right;
}
.referenzen .rechts a {
 background: #005a8c;
 color: #FFFFFF;
 padding: 5px 10px;
 margin: 0 -20px 0 0;
}
.rechts a.nobg {
 background: none;
 color: #005a8c;
 padding: 0;
 margin: 0;
}
.editor { padding: 0 120px }
/* Referenzen-Submenu */
.ref-auswahl {
 float: right;
 position: relative;
 z-index: 99;
}
#referenz-sub-top, #referenz-sub-bottom {
 color: #FFFFFF;
 position: absolute;
 width: 120px;
 margin: 15px 0 0 -120px;
}
#referenz-sub-bottom { margin-top: -50px }
#referenz-sub-top #show-auswahl-top, #referenz-sub-bottom #show-auswahl-bottom {
 padding: 5px 10px;
 display: block;
}
#sub-menu-top, #sub-menu-bottom { position: relative }
a#show-auswahl-top, a#show-auswahl-bottom {
 margin: 5px 0;
 background: #004D77;
 color: #FFFFFF;
 text-decoration: none;
}
ul.referenzauswahl {
 margin: 0;
 padding: 0;
 list-style: none;
 background: #004D77;
}
.referenzauswahl a {
 color: #FFFFFF;
 border-bottom: 1px solid #FFFFFF;
 display: block;
 padding: 3px 10px;
}
.referenzauswahl a:hover, a#show-auswahl:hover {
 text-decoration: none;
 background: #D8D8D8;
 color: #2F2F2F;
}
/* Seitennavigation */
.pagenavigation {
 position: relative;
 z-index: 0;
}
.pagenavigation.top {
 margin: 0;
 padding: 0;
}
.pagenavigation.top ul {
 float: right;
 padding: 0 135px 0 0 !important;
 position: relative;
 top: 24px;
}
.pagenavigation.bottom { padding: 0 145px 0 0 }
a.button.bottom {
 float: right;
 margin: -24px 0 30px 0;
 padding: 5px 25px;
 color: #333333;
}
/* Seitennavigation */
.pagination ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.pagination ul li { float: left }
.pagination .pagination-start span, .pagination .pagination-start a {
 width: 0px;
 height: 15px;
 padding: 0 0 0 15px;
 display: inline-block;
 overflow: hidden;
 background: url(../images/pagination.jpg) 0 3px no-repeat;
}
.pagination .pagination-prev span, .pagination .pagination-prev a {
 width: 0px;
 height: 15px;
 padding: 0 0 0 15px;
 display: inline-block;
 overflow: hidden;
 background: url(../images/pagination.jpg) -15px 3px no-repeat;
}
.pagination li {
 padding: 0 5px;
 width: 15px;
 display: inline-block;
 text-align: center;
}
.pagination .pagination-next span, .pagination .pagination-next a {
 width: 0px;
 height: 15px;
 padding: 0 0 0 15px;
 display: inline-block;
 overflow: hidden;
 background: url(../images/pagination.jpg) -30px 3px no-repeat;
}
.pagination .pagination-end span, .pagination .pagination-end a {
 width: 0px;
 height: 15px;
 padding: 0 0 0 15px;
 display: inline-block;
 overflow: hidden;
 background: url(../images/pagination.jpg) -45px 3px no-repeat;
}
#video-player{}
#video-player img, #video-player a{position: absolute;}
.slide-header-module a.nivo-prevNav, .slide-header-module a.nivo-nextNav{margin: 168px 0 0 0;}
.slide-header-module .nivo-controlNav{display: none !important;}
#second {z-index: 999;}

/* Float containers fix: */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */
#SLB-Contenido iframe { overflow: hidden }


.tryandbuy{width: 100%;}
.tryandbuy td{padding: 10px 0; text-align: center; background: rgba(0,0,0,0.10);}
.tryandbuy .col{width: 15% !important;}
.tryandbuy .col.one{width: 25% !important; background: rgba(0,0,0,0.20);}
.tryandbuy .col.one.transparent{background: none !important; border: none !important;}

.tryandbuy .title td{padding: 15px 0; background: rgba(0,0,0,0.10); font-weight: bold;}
.tryandbuy .price td{background: #005A8C; color: #FFFFFF; font-size: 100%; padding: 15px 0;}
.tryandbuy td img{max-width: 20px;}



.chronoform{}
.chronoform table{width: 100%; max-width: 600px;}
.chronoform table td{vertical-align: top;}
.chronoform table td.radios{padding-top: 15px; padding-bottom: 15px;}
.chronoform table input{width: 96%; padding: 10px 2%; border: 1px solid #DDDDDD; font-family: Verdana, Geneva, sans-serif; font-size: 13px;}
.chronoform table input.radio{width: auto; border: none; padding: 0;}
.chronoform table textarea{width: 96%; padding: 10px 2%; border: 1px solid #DDDDDD; min-height: 100px; font-family: Verdana, Geneva, sans-serif; font-size: 13px;}
.chronoform .pflichtfeld{float: right;}
.chronoform .button{background: #005A8C; color: #FFFFFF !important; width: auto; padding: 10px 30px; cursor: pointer;}
.chronoform .button:hover{background: #8F8F8F;}

.chrono_credits{position: absolute; top: -99999px;}


/* Mainmenu */
#menu ul{}
#menu ul.ux-menu li, #menu ul.ux-menu li a{background: none; border: none; padding: 0; margin: 0;}
#menu .ux-menu-arrow{display: none;}

#menu ul.ux-menu li a{line-height: 30px; padding: 0 15px;}
#menu ul.ux-menu li a:hover, #menu ul.ux-menu li a.ux-menu-link-hover, #menu ul.ux-menu li a.current{background: #005a8c; color: #FFF; text-decoration: none;}

#menu ul.ux-menu li ul{background: #005a8c; margin: 5px 0 0 0;}
#menu ul.ux-menu li ul li a{color: #FFF; border-bottom: 1px solid #FFFFFF; padding: 0 20px 0 0; margin: 0 15px;}
#menu ul.ux-menu li ul li:last-child a{border: none;}

#menu .sprachwahl ul{margin: 0 15px 0 0;}
#menu .sprachwahl ul li{line-height: 30px; margin: 0 5px;}

/* Slider */
.theme-default .nivoSlider{box-shadow: none; margin: 0;}
.theme-default .nivo-controlNav{padding: 0; text-align: right;}
.theme-default .nivo-controlNav a{font-size: 0; background: url(../images/bullets.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.theme-default .nivo-directionNav a{background: url(../images/arrows.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.theme-default a.nivo-nextNav{background-position: -30px 0}

#topbar #sprachwahl ul{float: right; background: #D4D4D4; padding: 10px;}
#topbar #sprachwahl ul li{padding: 0 5px;}