/* (c) 2012 by Michael Weigand

 stilmedien - Kommunikation & Werbung ------------------ 

 stilmedien.de ----------------------------------------- 

 mail@stilmedien.de --------------------------------- */

 

body {

font-size:0.875em;

font-family: 'Source Sans Pro', sans-serif;

line-height:160%;

color:#404040;

margin:0;

padding:0;

font-weight: normal;

}



/* allgemeine Überschriften*/

h1 {

margin-bottom:20px;

margin-top:0;

color:#EB2D2D;

font-size:1.8em;

font-weight:600;

padding:0;

}



h1 a{

color: #EB2D2D !important;

text-decoration: none !important;	

}



h2 {

margin:10px 0;

color:#000;

font-size:1.25em;

font-weight:400;

padding:0;

}



h2 a{

color: #000 !important;

text-decoration: none !important;	

}



h3 {

letter-spacing:0;

margin:0;

color:#c21823;

font-size:1.3em;

font-weight:600;

padding:0;

}



/* allgemeine links im text */

a:link,a:visited {

text-decoration:underline;

color:#EB2D2D;

}



a:hover,a:active {

text-decoration:none;

color:#000000;

}



/* 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%;

vertical-align:top;

}



img {

border:none;

}



form {

background:none;

border:none;

}



.button {

background-color:#EB2D2D;

color:#FFF;

border: none;

padding:8px 15px;

}



.button:hover,.button:focus {

background-color:#000;

color: #FFFFFF;

cursor:pointer;

}



input,select,textarea,.inputbox {

background:#EFEFEF;

color:#000000;

border: none;

padding:7px;

}



/* Weiterlesen-Link */

a.readmore{background: #EB2D2D url(../images/arrow.png) left center no-repeat; color: #FFF; padding: 5px 10px 5px 25px; text-decoration: none;}

a.readmore:hover{background: #000 url(../images/arrow.png) left center no-repeat;}



.item-separator{

height: 1px;

background: #EFEFEF;

margin: 30px 0;	

}



/* Topmenu */

.topmenu h1{padding: 0; margin: 0 20px 0 0; width: auto; float: right; font-size: 12px !important; color: #000; font-weight: normal;}

.topmenu ul{margin: 0; padding: 0; list-style: none; float: right;}

.topmenu ul li{float: left; padding: 0 0 0 15px;}

.topmenu ul li a{color: #000; text-decoration: none; font-size: 12px;}



/* Mainmenu */

.mainmenu ul{margin: 0; padding: 0; list-style: none;}

.mainmenu ul li{float: left; width: auto; text-align: center;}

.mainmenu ul li:last-child{float: left;}

.mainmenu ul li a{color: #000; text-decoration: none; font-size: 1.3em; font-weight: 600; display: block; line-height: 50px; padding: 0 17px;}

.mainmenu ul li a:hover{color: #c6c6c6;}

.mainmenu ul li.active a{color: #EB2D2D;}

.mainmenu ul li.item-101{width: 9%;font-size: 1px; background: url(../images/home.png) center center no-repeat;}

.mainmenu ul li.item-101:hover{background: url(../images/home-hover.png) center center no-repeat;}

.mainmenu ul li.active.item-101{background: url(../images/home-active.png) center center no-repeat;}





/* Slider */

.flexslider{border: none !important;}
.flexslider a{text-decoration: none;}
.flex-caption{width: 100%;color: #000; text-decoration: none; font-size: 1.8em; font-weight: 600; display: block; line-height: 60px; padding: 0; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); text-shadow: none;text-align: center;}





/* Kacheln */

.kachel{

width: 100%;

max-width: 306px;

float: left;

background: #FFF;

margin: 30px 15px 0 15px;

display: block;

}



.main.content .moduletable:nth-child(3n+1) .kachel{margin-left: 0;}

.main.content .moduletable:nth-child(3n) .kachel{margin-right: 0;}



.kachel span, .kachel a{display: block; text-decoration: none;}

.kachel img{width: 100%; height: auto; margin: -60px 0 0 0;}

.kachel .titel{color: #000; font-size: 1.3em; font-weight: 600; text-align: center; position: relative; padding: 0; margin: 0; line-height: 60px;}
.kachel .titel span{padding: 0; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);}

.kachel .text{color: #000; padding: 5px 10px 10px;}

.kachel .linktext{background: #EB2D2D url(../images/arrow.png) left 12px no-repeat; color: #FFF; padding: 5px 10px 5px 25px;transition:all 0.5s; -webkit-transition:all 0.5s; /* Safari */}

.kachel:hover .linktext{background: #000 url(../images/arrow.png) left 12px no-repeat;}




.rightcol .kachel{margin: 30px 0 0 0;}
.rightcol .moduletable:first-child .kachel{margin: 0;}



/* Footer */

.backtop{width: 23px; height: 20px; background: #EFEFEF url(../images/top.png) center center no-repeat; display: block; float: left; postion: absolute; margin: -30px 0 0 -23px; cursor: pointer;}

.backtop.right{float: right; margin: -30px -23px 0 0;}



.footer .col{width: 222px; float: left; margin: 0 15px;}

.footer .col.one{margin-left: 0;}

.footer .col.four{margin-right: 0}

.footer .col h3{color: #FFF; padding: 0 0 10px 0; margin: 0; border-bottom: 1px solid #FFF;}

.footer .col ul{list-style: none; margin: 0; padding: 0;}

.footer .col ul li a{text-decoration: none; color: #FFF; display: block; line-height: 2.6em; border-bottom: 1px solid #FFF;}



.footer .col p{margin: 0; padding: 8px 0; line-height: 1.3em; color: #FFF;}





.partner, .partner a, .footer, .footer a{color: #FFF;}

.partner h3{color: #FFF; padding: 0 0 10px 0; margin: 0;}

.partner .col.one{width: 474px; float: left;}

.partner .col.two{width: 474px; float: right;}

.partner table .desc{border-top: 1px solid #FFF; padding: 10px 0 0 0;}

/* Kontaktdaten */
.condata .col{width: 33.33%; float: left; text-align: center;}
.condata, .condata h3, .condata a{color: #FFF;}




.chronoform {

position:absolute;

top:-10000px;

}



.Chronoform label.error {

    background: url(../images/error.png) no-repeat scroll left center transparent;

    color: #FFFFFF;

    margin: 0 0 0 15px;

    padding: 5px 10px 5px 15px;

    position: absolute;

}

.Chronoform input.error, .Chronoform textarea.error {

    box-shadow: 0 0 2px 3px rgba(204, 0, 0, 0.3);

}

.Chronoform input.field, .Chronoform textarea {

    font-family: Tahoma,Geneva,sans-serif;

    font-size: 13px;

    max-width: 90%;

    width: 300px;

}

.Chronoform input.zw-ergebnis {

    position: absolute;

    top: -9999px;

}





img{max-width: 100%; height: auto;}




.button.cta{background: #EB2D2D; border-radius: 5px;border-bottom: 3px solid #ad2121;padding: 5px 20px; color: #FFF; text-decoration: none; margin: 0 20px 0 0;}
.button.cta:hover, .button.cta:focus{background: #ad2121;border-top: 3px solid #EB2D2D;border-bottom: none;}

.url{font-size: 1.5em; font-weight: normal; text-align: center; display: block; line-height: 45px;}