/* =============================================================================
 * Customs
 * ========================================================================== */
 
@media only screen and (max-width: 767px) {
	
	/* header */
 	#header {display: block!important;}
 	/* breadcrumb*/
 	.mod_breadcrumb  {display: none!important;}

}

body.layout_boxed #logo {
padding: 0;
}

#hotline {
top: 52px;
}

.mod_changelanguage.block {display:none;}

#main .normal .image_container img, #main #normal .image_container img  {
    width: auto!important;
}

#right a.button, #container #left a.button, #container a.button {
color:#fff!important;
}
#container #left a.button:hover, #container a.button:hover, #right a.button:hover {
text-decoration:none;
}

#right .addthis_toolbox {
margin:0px 0px 10px 0px;
}
#right .addthis_toolbox a{
margin:0px 2px 0px 0px;
}

#left .addthis_toolbox {
margin:10px 0px 10px 0px;
}
#left .addthis_toolbox a{
margin:0px 10px 10px 0px;
}

#container #left a:hover {
text-decoration: none;
color: #657383;
}

#container a {
text-decoration: none;
color: #CC6600;
}

#container a:hover {
text-decoration: underline;
color: #CC6600;
}


/* border-bottom: { 1px solid #722929;
} */
#header { 
background-color:#211d1e!important;
color:#fff;
}

.mod_breadcrumb {
z-index:9999;
}
#top-container {
background: #211d1e;
}
#hotline {
color: #a0a0a0!important;
}
#footer {
color: #FFFFFF;
background: #211d1e url(../img/backgrounds/body_deg.jpg) repeat-x;
}
#footer a, #footer h4{
color: #FFFFFF;
}
#footer .inside li {
border-bottom: 1px solid #808080;
}

body.layout_boxed #container-inside {
padding: 30px 20px 30px 20px;
}

#top input{
    padding:0px 10px 0px 10px;
}
.mod_search input[type="search"] {
margin-right: 0px!important;
height:34px;
border-right:none;
padding-right:10px!important;
}


/* =============================================================================
 * logo height
 * ========================================================================== */
 
/* #logo img {height: 75px;} */


/* =============================================================================
 * background/image
 * ========================================================================== */

body {background: #000000 url(/files/cto_layout/img/backgrounds/cpc-background.jpg); background-repeat:no-repeat; background-position:center top;background-attachment:fixed;}


/* =============================================================================
 * background-full-size
 * ========================================================================== */
/* uncomment the following lines if you want use this option */

/* body {background-image: url(../img/bg_full_default.jpg)!important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; background-position: center top; background-repeat: repeat;} */
/* body.ie8 {background-repeat: no-repeat; background-position: top center;} */


/* =============================================================================
 * body fonts
 * ========================================================================== */
 
body {font-family: Verdana, Arial; font-size: 13px; line-height: 19px; color:#666666}


/* =============================================================================
 * header fonts + color
 * ========================================================================== */
 
h1, h2, h3, h4, h5, h6  {font-family: 'Helvetica Neue'; font-weight:normal;}
h1,h2,h3,h4,h5,h6,.color {color: #666666;}


/* =============================================================================
 * social icons top - color
 * ========================================================================== */

#socials a {color: #959595;}


/* =============================================================================
 * hotline number top - color
 * ========================================================================== */

#hotline {color: #454545;}


/* =============================================================================
 * buttons + submit buttons + hyperlinks - color
 * ========================================================================== */

.button, input[type="submit"], input.submit {background: #660000;}


/* =============================================================================
 * servicebox - background color
 * ========================================================================== */

.servicebox[class^="icon-"]:before, .servicebox[class*="icon-"]:before {background: #657383;}


/* =============================================================================
 * mainmenu - paddings | layer 1 (width of the menuepoints
 * ========================================================================== */

nav#mainmenu ul li a {padding: 15px 18px; color:#fff;}
nav#mainmenu ul ul li a {color:#fff; border-bottom: 1px solid #330000; 
border-top: 1px solid #CC3300;}



/* =============================================================================
 * mainmenu - activ + hover
 * ========================================================================== */

#dropdown li a:hover, #dropdown li a.active, #dropdown li a.trail, #dropdown ul li a:hover, #dropdown ul li a.trail, #dropdown ul li a.active, #dropdown ul li.active a {background: #660000;}


/* =============================================================================
 * mainmenu - background-color | layer 1
 * ========================================================================== */

nav#mainmenu ul {background-color: #993300;}
body.dark nav#mainmenu ul {background-color: #262626;}


/* =============================================================================
 * mainmenu - background-color | layer 2 + 3
 * ========================================================================== */

nav#mainmenu ul ul {background: #993300;}
body.dark nav#mainmenu ul ul {background: #262626;}


/* =============================================================================
 * mainmenu - font-size | layer 2 + 3
 * ========================================================================== */

#mainmenu ul ul {font-size: 12px;}


/* =============================================================================
 * submenu - hover
 * ========================================================================== */

#submenu a:hover {color: #657383;}


/* =============================================================================
 * list icons
 * ========================================================================== */
.icon-plus:before {
     content: "+"!important;
}
.ce_list ul li:before, .ce_text ul li:before {content:'\ea04';}
.ce_list.type2 ul li:before, .ce_text.type2 ul li:before  {content:'\e935';}
.ce_list.type3 ul li:before, .ce_text.type3 ul li:before  {content:'\2605';}


/* =============================================================================
 * default menu icon 
 * ========================================================================== */
/* overwrite all other icon definition in the page setup */
/* info: for icon-code look into the file icons.css */
/*  uncomment the following line if you want use this option !! */

/* .mod_navigation li a:before {content:'\e912';} */

a.pokerchips[target="_blank"]::before {font-family: "icons"; content: "\e8f3"; display: inline-block; margin-right: 5px;}

#footer a, #footer a:visited{
    color: #CC6600;
}

#footer a:hover{
    color: #CC6600;
	text-decoration: underline;
}

/*
#wrapper *, #styler-panel *{
	font-size: 13px;
}
*/

/*-- Logo Responsive --*/
#logo {
    text-align: left;
}


@media (max-width: 501px) {
#logo img {
    width: 89%;
}

#logo {
    text-align: left;
}

}

table {
    font-size: 13px !important;
}

#preisliste-hauptspalte .col_0.col_first {
    width: 75%;
}

.mod_breadcrumb.block {
    border-top: 0 none;
}

.ce_gallery .row4	{
	overflow: hidden; 
	margin-left: 0 none; 
	width:20%; 
	float:left; 
	margin-bottom: 0 none;
	max-width: 80px;
	min-width: 20px;
}

@media (max-width: 766px){
	.ce_gallery .row4 {
		margin-right: 13px !important;
		display: inline-block;
	}
}

@media (max-width: 400px){
	.ce_gallery .row4 {
		margin-right: 5% !important;
		display: inline-block;
	}
}

/* -- Preisliste Tabellen --*/
.inside table td{
	width: 70%; 
}

.ce_form .captcha-container{
	background: none; 
}

.captcha-container {
    padding-left: 0 !important;
}

#container-inside .submit.small.rounded3 {
    border-radius: 3px;
	border: none!important;
}
/*
#left .level_1 {
    display: none;
} */

table.flags{
	width: 165px;
}

.flags a{
	opacity: 0.5;
}

.flags a.active{
	opacity: 1;
}

.flags a:hover{
	opacity: 1;
}


table.flags, table.flags td, table.flags tr {
    border: 0 none;
}

table.flags {
    margin-left: -5px;
	padding-top: 5px;
}