/*****************************************
		CUSTOM CSS
******************************************/

/* K3 Farbe #4169e1, K3 Farbe #0000ff
   K3 Kommunikation-60px-SourceSansPro-#4169e1-30-10*/

/* ######################  ALLGEMEIN LAYOUT/DESIGN   ###################### */



/*###################### Kopf ######################*/

/* ###################### blaue Linie oben und unten ######################*/
.website {
   border-top: 10px solid #0000ff;
   border-bottom: 10px solid #0000ff;
}


/*###################### Title / Logo / Subheadline ###################### */
.page-header {padding-bottom: 8px; margin: 16px 0;border-bottom: 1px dotted #eee;}

.modul-header {padding-bottom: 4px;margin: 9px 0;border-bottom: 1px dotted #eee;}

.logo h1{
  color: #0000ff;
  font-size: 3em;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0 0;
}

.subhead,
.logo h4 {
   display: block;
   padding: 0 0 0 3px;
}


/*###################### Farbanpassung / Zeilenabstand / Größe ###################### */

/* Überschriften H1, H2 span */
h1,
h1 a
   .componentheading,
   .contentheading,
   #social-links li.text_social_icons {
   color: #0000ff;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span {
  font-size:0.85em;
  font-family:  arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
  line-height:1.1em;
}

p {
  line-height:1.4em;
}

/*###################### Sonstiges ###################### */

/**		Links - COLOR	**/
a.hover,
a.focus 
a.active {color: #0000ff;}

.clr {clear: both;}
.clrl {clear:left;}
.clrr {clear: right;}
.border-dotted {border: 1px #cccccc dotted;}

.p10 {padding: 10px;}

.mt30{margin-top: 30px;}

.blue {color: #0000ff;font-weight:600;}

.strong {font-weight:700;}


/*###################### MENÜS ######################*/

.drop-down li.active > a, .drop-down li.active > span, .drop-down a:hover, .drop-down span:hover, .drop-down li.active > a[href="#"]:hover, .drop-down span.title_menu a:hover, .top_menu li:hover a, .top_menu li.active a {
    color: #0000ff;
}
.breadcrumb a:hover, a:hover, h1 a:hover, h2.contentheading a:hover, .bottom_menu li.current a, .top_menu li.current a {
    color: #fff;
}
.breadcrumb a:hover, a:hover, h1 a:hover, h2.contentheading a:hover, .bottom_menu li.current a, .top_menu li.current.active a {
    color: #0000ff;
}


/** if hover or active **/
.submenu li > a:hover, .submenu li > span.separator:hover, .submenu li.current > a {
color: #028bc0;
}


/* ###################### Fontmenu / variable Schriftgröße / #Fontsize   ###################### */
#fontsize {
	text-align: right;
	display: inline;
}


#fontsize p {font-size: 0.7em;}


#fontsize p a:link, 
#fontsize p a:visited {
    color: #ccc;
	border-left: 1px solid #CCCCCC;
	border-right: none;
    padding-left:3px;
    padding-right:3px;
}

#fontsize p a:hover,
#fontsize p a:active,
#fontsize p a:focus {
	color: #fff;
    text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.unseen {display: none;}


/* ###################### Topmenu   ###################### */
.top_menu li {
    background : transparent url(../images/top_menu_left_black.png) 0 0 no-repeat;
     opacity:0.8;
     -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=80)";  	/* hack IE8 	*/
     filter: apha(opacity = 80); 											/* hack IE7		*/
}


.top_menu li:hover{
     opacity:0.9;
     -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=90)";  	/* hack IE8 	*/
     filter: apha(opacity = 90); 											/* hack IE7		*/
}

.top_menu li a {
    color: #ccc;
    text-shadow:none;
 	background : transparent url(../images/top_menu_right_black.png) 100% 0 no-repeat;
}

/* ###################### Bottommenu   ###################### */
.bottom_menu li a,
#bottom_menu li span.separator {
	font-size:80%;
	padding: 2px 7px 3px 7px;
	color: #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition : all 0.4s ease-in-out;
	-moz-transition : all 0.4s ease-in-out;
	-ms-transition : all 0.4s ease-in-out;
	-o-transition : all 0.4s ease-in-out;
	transition : all 0.4s ease-in-out;
}

.bottom_menu li.active a,
.bottom_menu li:hover a {
	color: #000099;
	text-shadow : none;
  	background-color: #fff;
  	opacity:0.6;
}

/*###################### Module ###################### */


/**		Modules 	**/
.top .moduletable:hover h3,
.bottom .moduletable:hover h3,
.left_column .moduletable:hover h3,
.right-module-position .moduletable:hover h3,
.user1 .moduletable:hover h3,
.user2 .moduletable:hover h3,
.user3 .moduletable:hover h3, 
.user4 .moduletable:hover h3,
.user5 .moduletable:hover h3,
.user6 .moduletable:hover h3 {
    border-color : #0000ff;
}