﻿@charset "utf-8";

/** Template neum1 **/

*		{ margin: 0px; padding: 0px; border: 0px; border-bottom-color: @8faadc !important;}
html	{ height: 100.2%; }
body	{ background-color: #625E5E; }

/** Anpassungen der Menu-Leiste nav  **/
/* change the background color */
.navbar-custom {
    background-color: #ff5500;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}

/** macht blauen Hintergrund hinter den Titel **/
nav {
	padding: 12px; color: #625e5e; background-color: #8FAADC;
	} 

/** macht blauen Hintergrund um die Menu-Punkte **/
.nav {
	color: #625e5e; background-color: #8FAADC;  
	border-color: #8FAADC;  
	border-top-color: #8FAADC;  
	} 

.bg-blue { 
	background-color: #8FAADC !important;  
       }

nav h1 {
  	margin-top: 36px;
	margin: 0.5em;
	padding: 0;
	font-size: 4em;
	font-family: Brush Script MT, Verdana, Arial, Helvetica, sans-serif; color: #625e5e; text-decoration: none;
}

nav h1 a:link{
	padding: 0;
	font-size: 1em;
	font-family: Brush Script MT, Verdana, Arial, Helvetica, sans-serif; color: #625e5e !important; text-decoration: none;
}

nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	background-color: #8FAADC;  
	}

nav li {
	margin: 0.5em;
	padding: 0;
	font-size: 1.5em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #625e5e; text-decoration: none; font-size: 21px; 
	}

nav h3 {
	margin: 0.5em;
	padding: 0;
	font-size: 4em;
	font-family: Brush Script MT, Verdana, Arial, Helvetica, sans-serif; color: #625e5e; text-decoration: none;
	}

nav h2 {
	margin: 0.5em;
	padding: 0;
	font-size: 2em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #625e5e; text-decoration: none;
	}

nav a:link {
	color: #625e5e !important; 
	}

/** ab hier neu **/
  main {
  padding: 12px; color: #625e5e; background-color: #FFFFFF;
	} 

.main-default .main > h2 > a:hover, .main-default .main > h2 > a:focus {
    background-color: red;
    color: #000000;
}

main > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	}

main li {
	margin: 0.5em;
	padding: 0;
	font-size: 1.5em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #625e5e; text-decoration: none; font-size: 21px;
	}

main h3 {
	margin: 0.5em;
	padding: 0;
	font-size: 2em;
	font-family: Brush Script MT, Verdana, Arial, Helvetica, sans-serif; color: #625e5e; text-decoration: none;
	}

/**  h2.main a:link { color: #000000 !important; }  **/

main h2 {
	margin: 0.5em;
	padding: 0;
	font-size: 2em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #625e5e; text-decoration: none;
	}

main h1 {
	margin: 0.5em;
	padding: 0;
	font-size: 3.5em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #FE8C00; text-decoration: none;
	}

main p {
	margin: 0.5em;
	padding: 0;
	font-size: 1em;
	font-family: Arial Rounded MT, Verdana, Arial, Helvetica, sans-serif; color: #625e5e; text-decoration: none;
	}


.sidebar {
  margin-bottom: 12px;
  padding: 6px;
  background-color: #FFFFFF;
}

aside > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	}

aside li {
	margin: 0.5em;
	padding: 0;
	font-size: 1.5em;
	color: #222222; 
  	list-style-type: none;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 21px;
	}

aside h4 {
	margin: 0.25em;
	padding: 0;
	font-size: 1.5em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #625e5e; text-decoration: none;
	background-color: #FFFFFF;
	}

aside h3 {
	margin: 0.25em;
	padding: 0;
	font-size: 4em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;
	background-color: #FE8C00;
	text-align: center; 
	}

aside h2 {
	margin: 0.5em;
	padding: 0;
	font-size: 2em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #FFBC00; text-decoration: none;
	}

aside h1 {
	margin: 0.5em;
	padding: 0;
	font-size: 4em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #FFBC00; text-decoration: none;
	}

aside p {
	margin: 0.5em;
	padding: 0;
	font-size: 1em;
	font-family: Arial Rounded MT, Verdana, Arial, Helvetica, sans-serif; color: #625e5e; text-decoration: none;
	}



.footer {
  margin-bottom: 12px;
  padding: 24px;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.067);
  background-color: #FAFAFA;
}

main p {
  clear: both;
}

/** contentbereich **/
div#content { width: 900px; background-size: 100%; background-repeat: no-repeat round; background-color: transparent; }
div#content * { background-color: transparent; }

div#component { width: 750px; padding: 5px; background-color: white; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #0b244c;  margin-left: 50px; margin-right: 50px; min-height: 200px; }
div#component a { color: #5876a5; }
div#component h1 { margin-bottom: 5px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; text-align: center; }
/** <!--  div#component h2 { margin-bottom: 5px; font-size: 14px; } --> **/
div#component h2 {
	margin: 0.5em;
	padding: 0;
	font-size: 2em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #222222; text-decoration: none;
	}
div#blog h2 {
	margin: 0.5em;
	padding: 0;
	font-size: 2em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #FFBC00; text-decoration: none;
	}

div#component h3 { margin-bottom: 5px; font-size: 12px; font-weight: bold; font-style: italic; }
div#component p { margin-bottom: 10px;  margin-left: 25px; margin-right: 25px; }
div#component ul { margin-left: 50px; }

/** Sidebarbereich **/
div#sidebar { width: 900px; background-size: 100%; background-repeat: no-repeat round; background-color: transparent; }
div#sidebar * { background-color: transparent; }

div#sidebar { width: 750px; padding: 5px; background-color: white; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #0b244c;  margin-left: 50px; margin-right: 50px; min-height: 200px; }
div#sidebar a { color: #5876a5; }
div#sidebar h1 { margin-bottom: 5px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; text-align: center; }
div#sidebar h2 {
	margin: 0.5em;
	padding: 0;
	font-size: 2em;
	font-family: Segoe Script, Verdana, Arial, Helvetica, sans-serif; color: #222222; text-decoration: none;
	}

div#sidebar h3 { margin-bottom: 5px; font-size: 12px; font-weight: bold; font-style: italic; }
div#sidebar p { margin-bottom: 10px;  margin-left: 25px; margin-right: 25px; }
div#sidebar ul { margin-left: 50px; }

/** footerbereich **/
/**  div#footer { width: 900px; background-image: url("../images/ks_footer_V3.jpg"); background-position: -0px -0px; background-size: 100%; background-repeat: no-repeat; height: 160px; }  **/
div#footer { width: 900px; background-size: 100%; background-repeat: no-repeat; height: 160px; }
div#impressum { width: 800px; padding: 5px; background-color: transparent; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #0b244c;  text-align: center; padding-top: 80px; }
div#impressum p { margin-bottom: 10px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; }
div#impressum ul { margin-left: 80px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; text-align: center; }
div#impressum ul li { list-style-type: none; margin-bottom: 2px; }
div#impressum ul ul { margin-left: 10px; margin-right: 10px; text-align: center; }
div#impressum a { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; font-size: 16px; }

