/* =============================================================================
 * 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"], input.submit {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';} */

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

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