/************************************************************************
Grundeinstellungen
************************************************************************/
body {
	color: #000;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%;
	background-color: #fff;
}
h1,h2,h3,h4,h5,h6 {
	color: #666;
	padding-top: 20px;
	clear: both;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
}
.logo {
	width: 200px;
	height: 97px;
}
#contentwrapper{
	background-image: url(/files/cto_layout/img/bg.gif);
}
#container{
	margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b10058;
	margin-bottom: 30px;
}
#wrapper, #slider, #slider .inside, .content_page #slider .inside, .content_page #slider .inside{
	background-color: transparent;
	background-image: none;
}


/************************************************************************
Kopfbereich
************************************************************************/
#header .inside{
	margin-top: 10px;	
}
#fix-wrapper {
	opacity: 0.95;
}
#top{
	background-color: #b10058;
	color: #fff;
	max-height: 50px;
}
#top,
#top a {
	color: #fff;
}
#top-wrapper.fixed{
	background-color: #FFF;	
}
#top-wrapper a{
	color: #000;	
}
#top .mod_top_mail a {
	color: #fff;
}
#top .impressum a {
	float: right;
	padding: 8px;
	border-right: 1px solid rgba(210,210,210,0.5);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

#top .impressum i {
	margin-right: 5px;
}

#top .impressum a:hover {
	background: #b10058;
	color: #fff!important;
}
#top #logoskopf {
	float: left;
	height:40px;
	margin: 0px;
	padding: 0px;
}
#top #logoskopf a.calojet {
	background-image: url(/files/cto_layout/img/logo_calojet.png);
	width: 140px;
	height: 40px;
	background-color: #FFF;
	display: inline-block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#top #logoskopf a.legioclean {
	background-image: url(/files/cto_layout/img/logo_legioclean.png);
	width: 160px;
	height: 40px;
	background-color: #FFF;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
#slider .inside h1{
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 40px;
	background-image: url(../img/bg_h1.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-transform: uppercase;
	font-size: 30px;
	color: #b10058;
}
body .mainmenu ul li a, body .fixed .mainmenu ul li a {
	color: rgb(0,0,0);
}
body .mainmenu ul li a:hover, body .fixed .mainmenu ul li a:hover {
	color: #666;
	text-decoration: underline;
}
body #header .mainmenu ul li ul li a:hover {
	background-color: #b10058;
	color: rgb(255,255,255)
}
nav.mainmenu li.megamenu ul {
    padding: 0%;
    width: 100%;
}
nav.mainmenu li.megamenu ul li {
	padding-bottom: 20px;
}
nav.mainmenu li.megamenu ul li ul li{
	padding-bottom: 0px;
}
.mainmenu ul li a:hover {
	opacity: 1;
}
.mainmenu ul ul {
    border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #b10058;
	white-space: normal;
}
.mainmenu ul ul li a {
    line-height: 24px !important;
	padding: 0 10px !important;
}
.mainmenu ul ul li a:hover {
	background-color: #b10058;
}
nav.mainmenu li.megamenu ul {
    padding: 0%;
    width: 100%;
}
div.megamenu-wrapper ul.vlist.level_2 li.mlist.submenu a.a-level_2.submenu{
	height: 60px;	
}
#megamenu-wrapper ul li ul li a.active{
	background-color: #b10058;
	color: #fff;
	opacity: 1;
}
.mainmenu ul li ul li a:hover {
	background-color: #b10058;
	color: #fff !important;
}
.mainmenu ul li ul li a.active{
	background-color: #b10058;
	color: #fff !important;
	opacity: 1;
}



/************************************************************************
Navigation links
************************************************************************/
.mm-menu.mm-theme-dark {
    background: #b10058 none repeat scroll 0 0;
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 1);
}
body .mm-menu a:hover, body .mm-menu a.active, body .mm-menu a.trail {
    background: #fff none repeat scroll 0 0;
	color: rgba(0, 0, 0, 1);
}

/************************************************************************
Navigation links
************************************************************************/
body.sidebar.left #main {
    border-left: none;
    border-right: 0 none;
    float: right;
    width: 73%;
}
body.sidebar #left {
    padding-left: 0;
    padding-right: 20px;
    position: relative;
    width: 27%;
}
body.sidebar.left #left .inside {
    padding-bottom: 40px;
    padding-top: 23px;
}
.subnav a {
	margin-bottom: 0px;
	padding: 0px;
	color: #000;
	text-transform: uppercase;
}
.subnav a:hover, .subnav a.active {
	background-color: #FFF;
	background-image: none;
	color: #b10058;
}
a.a-level_1.submenu.trail{
	color: #b10058;	
}

/************************************************************************
Grundeinstellungen
************************************************************************/
#main .mod_article {
    margin-bottom: 40px;
    margin-top: 0px;
}
#main p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;	
}
#main a:hover, #right a:hover{
	text-decoration: underline;	
}
#main .mitarbeiterbox{
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 150px;
	height: 300px;
}
#main .mitarbeiterbox p{
	font-size: 16px;	
}
#main .downloadtabellekopf td{
	background-color: #ededed;
	margin-right: 1px;
	margin-bottom: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
}
#main .downloadtabelle td{
	margin-right: 1px;
	margin-bottom: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ededed;
}
#main .downloadtabelle p{
	margin: 0px;
	padding: 0px;	
}
.ce_download {
	padding: 0px;
	position: relative;
	background-color: #FFF;
}
.ce_download a{
	color: #b10058;
}

#main .bildbox{
	float: left;
	margin-top: 10px;
	font-size:15px;
}
#main .bildbox a:hover{
	opacity: 0.7;
}
#main .bildbox p{
	margin-top: 3px;
	margin-bottom: 3px;
}
#main .bildbox a{
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
#main .bildbox img{
	height: auto;
	width: 100%;	
}
@media screen and (max-width: 1100px) {
	#main .bildbox{
		min-height: 350px;
	}	
}
@media screen and (max-width: 940px) {
	#main .bildbox{
		width:100%;
	}	
	#main .bildbox img{
		height: auto;
		width: 100%;
		max-width: 400px;	
	}
}

div #cboxTitle{
	display:none !important;
}
.grau{
	color: #999;
}
.versteckt{
	display:none;
}

.buttoncodebestellen:hover{
    opacity: .8;
    filter: alpha(opacity=80);
}
.ce_download{
	margin-bottom: 10px;
}
.ce_download .size{
	display: none;
}
@media screen and (min-width: 941px) {
	.buttoncodesmartphone{
		display: none;
	}
	#left .buttoncodebestellen{
		display: block;
	}
	#main .buttoncodebestellen{
		display: none;
	}		
}
@media screen and (max-width: 940px) {
	.buttoncodesmartphone{
		display: block;
	}	
	#left .buttoncodebestellen{
		display: none;
	}
	#main .buttoncodebestellen{
		display: block;
		width: 350px;
	}	
}

.radio_container .radio{
	float: left;
	margin-top: 5px;
}
form .radio_container span{
	display: inline-block;
	width: 45%;
	margin-bottom: 0px;
}
form .radio_container label{
	width: 140px;
}
.checkbox_container .checkbox{
	float: left;
	margin-top: 5px;
}
form .checkbox_container span{
	display: inline-block;
	width: 45%;
	margin-bottom: 0px;
}
form .checkbox_container label{
	width: 300px;
}
input, textarea, select{
	font-size: 17px;
}


.landingpage #container {
	background-color: transparent;
	background-image: url(../../gabriel/landingpage/shutterstock_556979938-milchig-freigest.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
	height: 660px;
	border:none;
	margin-bottom: 0px;
}
.landingpage h1{
	color: #b10058;
	font-size: 60px;
	font-weight:bold;
	margin-bottom: 0px;
}
.landingpage h2{
	color: #b10058;
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 50px;
	padding: 0px;
}
.landingpage input{
	background-color: white;
}
.landingpage textarea{
	background-color: white;
	height: 150px;
}
.landingpage input.submit {
	background-color: #32bef0;
	font-size: 17px !important;
	font-family: 'Source Sans Pro', sans-serif;
}

.landingpage a.submit {
  display: inline-block;
  padding: 15px 20px;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
  width: auto;
  background-color: #32bef0;
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
  font-size: 17px;
  min-width: 140px;
  text-align: center;
  position: relative;
  -webkit-appearance: none;
}

.landingpage #footer .ce_form{
	margin-bottom: 250px;
}
.landingpage #footer h2 {
	color: #fff;
	font-size: 30px;
	text-transform: none;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
}

.landingpage #footer {
  font-size: 17px;
}
.landingtext{
	max-width: 600px;
}
@media screen and (max-width: 600px) {
	.landingpage #container {
		background-color: transparent;
		background-image: url(../../gabriel/landingpage/shutterstock_556979938-milchig-freigest.png);
		background-repeat: no-repeat;
		background-position: top;
		background-size: contain;
		height: 900px;
		border:none;
		margin-bottom: 0px;
	}
	.landingpage h1{
		margin-top: 150px;
	}
	.landingpage h2{
		margin-bottom: 150px;
	}
}





/************************************************************************
Formulare
************************************************************************/
input[type='radio']{
	width: 40px;
}
input[type='submit']:hover{
	background-color: #b10058;
	color: #fff;
}
fieldset label{
	display: block;
	width: 100%;
}
p.usermessage {
	background-color:#F5F5F5;
	color:#b10058;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	border: 1px solid #b10058;
	background-image: url(../img/icon_error.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	}


/************************************************************************
Fuss
************************************************************************/
#footer{
	background-color: #b10058;
	color: #fff;
	font-size: 15px;
}
#footer h2{
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
}
#footer a{
	color: #fff;
}
#footer .inside{
	padding-top: 50px;
	padding-bottom: 100px;
}
#bottom{
	display:none;
}


/************************************************************************
Responsive
************************************************************************/
@media only screen and (max-width: 940px) {
	#top-wrapper{
		background-color: #fff;
	}
	.content_page #slider .inside {
		min-height: 80px;
	}
	#top{
		display:none;
	}
	.logo {
		width: 100px;
		height: 49px;
	}
}