#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */
.warning { color:#c55; font-size:1.1em; }
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }
/* =============================================================================
 * Bildbanner rechts
 * ========================================================================== */
 
#rightban img { padding-right: 30px; padding-left: 30px; padding-bottom: 10px;}

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

/* =============================================================================
 * background/image
 * ========================================================================== */
body {background-color: #eeeeee;}
/*body {background: url(../../files/cto_layout/img/backgrounds/main_hg11.png) repeat;}*/

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

  body {background-image: url(../../files/cto_layout/img/backgrounds/main_hg10stripe.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: 'PT Sans Narrow', sans-serif; font-size: 16px; line-height: 25px;
}
/*body {font-family: 'Helvetica', sans-serif; font-size: 15px; line-height: 25px;}*/
/*body {font: 13px/19px Questrial, sans-serif;}*/


/* =============================================================================
 * header fonts + color
 * ========================================================================== */

h1, h2, h3, h4, h5, h6  {font-family:  'PT Sans Narrow',sans-serif; font-weight: normal;} 
/*h1, h2, h3, h4, h5, h6  {font-family:  'Helvetica',Arial,sans-serif; font-weight: normal; text-shadow: 0 1px 0 #FFFFFF;} */
/* h1, h2, h3, h4, h5, h6  {font-family:  'Questrial', sans-serif; font-weight: normal;}*/
h1,h2,h3,h4,h5,h6,.color {color: #657383;}


/* =============================================================================
 * Text block links
 * ========================================================================== */
 
.ce_text a {color:#0647bb; text-decoration: none;}
.ce_text a:hover {text-decoration: underline;}
 
 
/* =============================================================================
 * social icons top - color
 * ========================================================================== */

#socials a {color: #959595;}


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

#education {font-family: 'PT Sans Narrow', sans-serif; color: #ffffff; font-size: 22px; font-weight: bold;}


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

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

	/*     --hyperlinks + forms submit buttons
------------------------------------------------- */
.button, input[type="submit"], button[type="submit"], input.submit, button.submit {color: #fff; font-weight: normal; text-shadow: -1px -1px 1px rgba(0,0,0, 0.25); padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 18px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); -moz-box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); background: #0647bb; cursor: pointer;
	font-family: "PT Sans Narrow";
	text-transform: uppercase;
	font-style: normal;
}
.button:hover, input[type="submit"]:hover, button[type="submit"]:hover, input.submit:hover, button.submit:active {color: #fff; text-decoration: none; -webkit-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12); -moz-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);    box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);}
.button:active, input[type="submit"]:active, button[type="submit"]:active, input.submit:active, button.submit:active {-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08); box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08);}

/*     --submit-button
------------------------------------------------- */

.submit_container input, .submit_container button {width: auto !important; background: #0647bb;}

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

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


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

nav#mainmenu ul li a {padding: 15px 12px;}


/* =============================================================================
 * 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: #0647bb;}


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

nav#mainmenu ul {font-family: 'PT Sans Narrow', sans-serif; font-size: 15px;}
nav#mainmenu ul {background-color: #191919;}
/*nav#mainmenu ul {background-color: #191919; -moz-box-shadow: 0 1px 5px #323232; -webkit-box-shadow: 0 1px 5px #323232; box-shadow: 0 1px 5px #323232;}*/

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


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

nav#mainmenu ul ul {background-color: #ffffff;
	opacity: 0.9;
}
	
body.dark nav#mainmenu ul ul {background: #262626;}


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

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


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

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


/* =============================================================================
 * list icons
 * ========================================================================== */

.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';} */

/* =============================================================================
 * list icons footer
 * ========================================================================== */

#footer a[class^="icon-"]::before, #footer a[class*="icon-"]::before,#footer .icon-star::before {display: none;}

/* =============================================================================
 * Topmenu 
 * ========================================================================== */

#topmenu {font-family: 'PT Sans Narrow', sans-serif; color: #ffffff; font-size: 15px; font-weight: bold;}
#topmenu {position: absolute; right: 0px; top: 99px;}
#topmenu form, #topmenu ul {margin-bottom: 0;}
#topmenu li {float: left; padding: 10px;}
#topmenu, #topmenu a {color: #fff; text-decoration: none;}
#topmenu a:hover {text-decoration: none; color: #33acbb;}
#topmenu .icon-star::before,#topmenu .icon-doc-1::before,#topmenu .icon-align-justify::before {display: none;}


/* =============================================================================
 * Copyright 
 * ========================================================================== */
 
#copyright {border-top: 1px solid #212121; font-size: 0.9em; overflow: hidden; padding-bottom: 15px; padding-top: 15px; margin-top: 10px;}
#copyright p {float: left;}
#copyright .left {width: 60%;}
#copyright .right {width: 40%;}
#copyright p.right {text-align: right;}

/* =============================================================================
 * text form fields
 * ========================================================================== */

.widget-text * {
    width: 99.9% !important;
    margin-left: 0 !important;
}

/* =============================================================================
 * News List
 * ========================================================================== */

.mod_newslist.content-box-dark {
    background-color: transparent;
    padding: 0px 20px 15px 20px;
    border: none;
}

.mod_newslist.content-box-dark a{
    color: #555;
}
/* Custom_design.css */
#revoslider{font-family:"PT Sans Narrow",san serif;font-weight:normal;text-decoration:none;color:#fff}#rev_copyright{padding-right:20px;font-size:11px;color:rgba(255,255,255,.5)}.big{font-size:50px;text-transform:uppercase}.bigtext{font-size:40px;line-height:60px;text-transform:none}.medium{font-size:30px;text-transform:uppercase}.mediumtext{text-align:center;font-size:30px;line-height:40px;text-transform:none}.small{font-size:20px}.smalltext{max-width:1140px;display:block;padding:20px 20px 10px;text-align:center;white-space:normal;background-color:rgba(237,237,237,.25);font-size:20px;text-transform:none}.link{font-size:34px}#bannerlink a{text-decoration:none;color:#33acbb}#bannerlink a:hover{text-decoration:none;color:#fff}#revoslider a{font-weight:bold;text-decoration:none;color:#33acbb;text-transform:uppercase}