/* =============================================================================
 * 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(../img/backgrounds/main_hg11.png) repeat;}*/

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

  body {background-image: url(../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;
}