@charset "utf-8";
/* CSS Document */

/* karla-300 - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/karla-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/karla-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/karla-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/karla-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/karla-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/karla-v23-latin-300.svg#Karla') format('svg'); /* Legacy iOS */
}

/* karla-regular - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/karla-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/karla-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/karla-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/karla-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/karla-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/karla-v23-latin-regular.svg#Karla') format('svg'); /* Legacy iOS */
}

/* karla-700 - latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/karla-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/karla-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/karla-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/karla-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/karla-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/karla-v23-latin-700.svg#Karla') format('svg'); /* Legacy iOS */
}


html, body { 
	height:100%; 
	width:100%; 
	margin:0px; 
	padding:0px; 
	font-family: 'Karla', sans-serif; 
	font-weight:400;
	font-size:12px;
	background:#f0f0f0 url(../images/head-bg.gif) repeat-x 
}

#main { width:1000px; margin:0px auto; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb }

#main-left { width:720px; float:left; border-right:1px solid #dbdbdb }
	
	#top { height:55px; width:675px; line-height:55px; color:#b4b4b4; font-size:11px; padding:0px 20px 0px 25px }
		.top-left  { float:left }
		a.top-right { float:right; height:55px; background:url(../images/facebook-icon.gif) right no-repeat; padding-right:35px; text-decoration:none; color:#b4b4b4 }	
		a.top-right:hover { color:#303030; background:url(../images/facebook-icon-hover.gif) right no-repeat; }
	
	#navi { height:60px; width:720px; background:#fff; margin-top:1px; }	
		#navi .menu { margin:0px; padding:0px; list-style:none }
		
		#sfmenu { margin:0px; padding:0px; height:60px;  }
		#swmenu li { float:left }
		#swmenu li a { display:block; height:58px; line-height:60px; margin:0px; padding:0px 20px 0px 20px; font-family: 'Karla', sans-serif !important; border-top:2px solid #e8e8e8 }
		#swmenu li a:hover { display:block; border-top:2px solid #87c63a  }
		#swmenu li.current a { display:block; height:58px; border-top:2px solid #87c63a }
		#swmenu li.current a:hover { display:block; height:58px; border-top:2px solid #87c63a }
		
		
		#swmenu a.item2 { 
			display:block; 
			background:#fff; 
			border-top:1px solid #f0f0f0 !important; 
			color:#666; 
			padding-left:25px; 
			height:40px !important; 
			line-height:40px; 
			width:310px !important; 
			opacity: 1; 
			filter: alpha(opacity=100); 
			-moz-opacity: 1 
		}
		#swmenu a.item2:hover { display:block; background:#87c63a; border:none; color:#fff; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; height:40px; line-height:40px; width:310px !important }
		
		ul.sf-section { margin-top:30px }
		
		li#sf-101 a { padding-left:25px }
		
		
	#header { height:410px; width:720px; overflow:hidden; background:#CCCCCC }
		#header p { margin:0px; padding:0px }
	
	#content { background:#fff; width:720px; color:#878787; font-size:15px; line-height:28px; min-height:550px }
		.item-page { width:620px; padding:50px }
		h1 { margin:0px; padding:0px 0px 25px 0px; color:#303030; font-size:22px }
		h2 a, h3 a { margin:0px; color:#303030; font-size:22px; padding-bottom:20px; text-decoration:none }

#main-right { width:279px; height:100%; float:right }
	
	#suchfeld, .search { height:55px; line-height:55px; width:279px }
		#suchfeld input#mod-search-searchword87 { border:none; background:#f0f0f0; height:52px; width:200px; margin-left:25px; font-size:12px; color:#b4b4b4; font-family: 'Karla', sans-serif; font-weight:400; float:left; -webkit-appearance: none; border-radius: 0; }
		#suchfeld  .element-invisible { display:none }
		#suchfeld input.button { height:30px; width:32px; float:left; margin-top:11px; opacity: 0.25; filter: alpha(opacity=25); -moz-opacity: 0.25; margin-left:8px }
		#suchfeld input.button:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1 }
		
	#content .search { height:auto; line-height:28px; width:620px; padding:50px; font-size:15px }
	#content .search fieldset.only { display:none; visibility:hidden }
		
	#logo { height:253px; width:279px; margin-top:1px; overflow:hidden }
	
	#kontaktdaten { height:161px; width:223px; overflow:hidden; padding:28px; line-height:20px; color:#fff; font-size:13px }
		#kontaktdaten p { font-size:15px }
		#kontaktdaten p span { color:#1d1d1b; font-weight:bold }
		#kontaktdaten a { color:#fff }
		#kontaktdaten a:hover { color:#1d1d1b }
	
	#features { width:279px }
	#features .custom { width:223px; padding:40px 28px; border-top:1px solid #dbdbdb; font-size:13px; line-height:22px; color:#878787; text-align:justify }	
	#features a { color:#000 }
	#features a:hover { color:#87c63a }



#footer { width:900px; clear:both; padding:40px 50px; border-top:1px solid #dbdbdb; color:#b4b4b4 }
#footer ul { float:right }
#footer ul, li { margin:0px; padding:0px; list-style:none; -webkit-appearance: none }
#footer li { float:left; margin-left:25px; display:list-item }
#footer li a { color:#b4b4b4 }
#footer li a:hover { color:#87c63a  }
#footer a { color:#b4b4b4}
#footer a:hover { color:#87c63a  }

/* Joomla 4 Menü im SWMenu-Stil */
/* Joomla 4 Menü im Stil von swmenufree */

#navi {
    height: 60px;
    background: #fff;
    margin-top: 1px;
    font-family: 'Karla', sans-serif;
}

#navi ul.mod-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 60px;
}

#navi ul.mod-menu > li {
    float: left;
    position: relative;
}

#navi ul.mod-menu > li > a {
    display: block;
    height: 58px;
    line-height: 60px;
    padding: 0 20px;
    color: #666;
    text-decoration: none;
    border-top: 2px solid #e8e8e8;
}

#navi ul.mod-menu > li > a:hover,
#navi ul.mod-menu > li.active > a,
#navi ul.mod-menu > li.current > a {
    border-top: 2px solid #87c63a;
    color: #303030;
}

/* Dropdown-Menü */
#navi ul.mod-menu li ul.mod-menu__sub {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    z-index: 1000;
    min-width: 250px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}

#navi ul.mod-menu li:hover > ul.mod-menu__sub {
    display: block;
}

#navi ul.mod-menu li ul.mod-menu__sub li {
    width: 100%;
}

#navi ul.mod-menu li ul.mod-menu__sub li a {
    display: block;
    padding-left: 25px;
    height: 40px;
    line-height: 40px;
    color: #666;
    text-decoration: none;
    border-top: 1px solid #f0f0f0;
    background: #fff;
}

#navi ul.mod-menu li ul.mod-menu__sub li a:hover {
    background: #87c63a;
    color: #fff;
    border: none;
}

.mod-menu__sub { padding-left:0px }