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

html{
	
	}
	
	
	body{
	background-color: #FFFFFF;
	color: #5e5e5e;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5em; /* Abstand zum oberen Browserrand*/
	margin: 0px;
	height: 100%;
	background-image: url(images/bg.gif), url(images/bgstart.jpg);
	background-repeat:repeat-y, no-repeat;
	background-position:left, left;
}
/* p wichtig zur Einhaltung Abstand wenn so gewünscht*/
p {padding:0px; 
margin:0px;
}
/* Überschriften zur Seitennavigation */
h1, h2, h3 {
	font-weight:300;
	font-size: 25px;
	line-height:30px;
	margin-bottom: 15px;
	margin-top: 0;
	color: #0066cc;
text-transform:uppercase;
}
/* Überschriften zur Verwendung im content */
h4 {
	font-size: 16px;
       line-height:20px;
	font-weight:300;
	margin-bottom: 15px;
color: #0066cc;
text-transform:uppercase;
}
/* horizontale Linie */
hr {
			border:0px;
border-top:solid 1px #000;
}
/* links allgemein evtl. nicht verwendet da links im jeweiligen .div extra definiert sind*/

/* container für mittige Zentrierung */
#container {
	position: relative;
	width: 960px;
}

#header {
	height: 160px;
}

#links{
	float: left;
	width: 300px;
}






/* content */
#content{
	width: 660px;
	float: left;
	padding-left: 10px;
	padding-top: 0px;
	padding-left: 0px;
	margin: 0px;
}
#content a{
	text-decoration:underline;
	font-weight:normal;
}
#content a:link, a:visited {
	text-decoration:underline;
	color: #666;
}	
#content a:hover, a:active {
	text-decoration:none;
	color: #666;
}

/* menu*/
#menu{
	float: left;
	margin: 0px;
	width: 250px;
	padding-left: 40px;
}
#menu a{
	font-weight:normal;
	text-decoration:none;
}
#menu a:link, a:visited {
	text-decoration:none;
}	
#menu a:hover, a:active {
	text-decoration:none;
}
#menu li {
	line-height: 1.5;
	padding-top:3px;
	padding-bottom:3px;
}
#menu li li{
	line-height: 1.3;
	padding-top:2px;
	padding-bottom:2px;
}
ul.menulevel1, ul.menulevel2, ul.menulevel3, ul.menulevel4, ul.menulevel5, ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3, ul.sitemaplevel4, ul.sitemaplevel5, ul.submenu, ul.search {
	padding-left: 0;
	margin-left: 0;
}
.doc { /* Menüpunkt ohne Unterseite*/
	list-style: none;
	padding-left: 15px;
}
.docs { /* Menüpunkt mit Unterseite*/
	list-style: none;
	padding-left: 15px;
}
.sdoc { /* Aktiver Menüpunkt ohne Unterseite*/
	list-style: none;
	padding-left: 15px;
	color: #0066cc;

}
.sdocs { /* Aktiver Menüpunkt mit Unterseite*/
	list-style: none;
	padding-left: 15px;
	color: #0066cc;

}
/* 1. Menüebene*/
.menulevel1 {
	font-size: 18px;
	line-height:normal;
	text-transform:uppercase;
	margin-top:3px;
}
.menulevel1 a {
	font-weight: normal;
	color: #fff;
        display:block;
}
.menulevel1 a:link, .menulevel1 a:visited {
	color: #FFF;
}
.menulevel1 a:hover, .menulevel1 a:active {
	color: #0066cc;
}
/* 2. Menüebene*/
.menulevel2 {
	font-size: 14px;
	text-transform:uppercase;
}
.menulevel2 a {
	font-weight: normal;
	color: #FFF;
}
.menulevel2 a:link, .menulevel2 a:visited {
	color: #FFF;
}
.menulevel2 a:active, .menulevel2 a:hover {
	color: #0066cc;
}
/* 3. Menüebene*/
.menulevel3 {
	font-size: 11px;
	text-transform:none;
}
.menulevel3 a {
	font-weight: normal;
	color: #FFF;
}
.menulevel3 a:link, .menulevel3 a:visited {
	color: #FFF;
}
.menulevel3 a:hover, .menulevel1 a:active {
	color: #0066cc;
}
/* sitmap wahrscheinlich eher net verwendet*/
.sitemaplevel1, .sitemaplevel2, .sitemaplevel3 {
	font-size: 9pt;
}
.sitemaplevel1 a, .sitemaplevel2 a, .sitemaplevel3 a {
	font-weight: normal;
	color: black;
}
.sitemaplevel1 a:link, .sitemaplevel2 a:link, .sitemaplevel3 a:link, .sitemaplevel1 a:visited, .sitemaplevel2 a:visited, .sitemaplevel3 a:visited {
	color: black;
}
.sitemaplevel1 a:active, .sitemaplevel2 a:active, .sitemaplevel3 a:active, .sitemaplevel1 a:hover, .sitemaplevel2 a:hover, .sitemaplevel3 a:hover {
	color: black;
}
/* footer*/
#footer{
	clear: both;
	margin: 0;
	font-size: 13px;
}
#footer a{
	color:#ffffff;
	font-weight:bold;
}
#footer a:link, a:visited {
	text-decoration:underline;
}	
#footer a:hover, a:active {
	text-decoration:none;
}
/* Suchfeld */
#suche {
	position:absolute;
	z-index:10;
	left: 800px;
	top: 160px;
} 
.search a {
	font-weight: normal;
	color: black;
}
.search a:link, .search a:visited {
	color: black;
}
.search a:active, .search a:hover {
	color: black;
}
.searchbox .text, .searchbox .submit {
	border: 2px solid #c0c0c0;
	background: white;
}
/* Formular */
form {
	margin: 0;
}
/* Formular */
img {
	border: 0;
}
a img  { /* Zur Vermeidung von Rahmen bei Bildlinks*/
  border:0;
}
 /* wenn unter normalem content submenu erscheinen soll - eher net*/
.submenu {
	font-size: 9pt;
}
.submenu a {
	font-weight: normal;
	color: black;
}
.submenu a:link, .submenu a:visited {
	color: black;
}
.submenu a:active, .submenu a:hover {
	color: black;
}
 /* breadcrumps navi*/
.locator {
	font-size: 8pt;
	color: white;
}
.locator a {
	font-weight: normal;
	text-decoration: underline;
}
.locator a:link, .locator a:visited, .locator a:active, .locator a:hover {
	color: white;
}
 /* Link login*/
.login {
	font-weight: bold;
	font-size: 8pt;
	color: gray;
}
.login a, .login a:link, .login a:visited, .login a:active, .login a:hover {
	color: gray;
}
 /* Link cmsimple*/
.navigator {
	font-weight: normal;
	font-size: 8pt;
	color: #333333;
	padding-left:15px;
}
 /* editor*/
.edit {
	font-size: 8pt;
	color: black;
	background-color: #FFFFFF;
	background-image: none;
}
.edit a:link, .edit a:visited, .edit a:active, .edit a:hover {
	font-weight: normal;
	color: black;
}
.retrieve{
	background-color:#ffffff;
	background-image:none;
}
input, select {
	font-size: 8pt;
}
textarea {
	width: 98%;
	background: white;
	font: 8pt Verdana, Geneva, Arial, Helvetica;
}
 /* name der site*/
.sitename {
	font-weight: normal;
	font-size: 20pt;
}
#menuoben {font-size:15px;
	color: #fff;


}
#menuoben a:link, a:visited {
	text-decoration: none;
	color: #666;
}
#menuoben a:hover, a:active {
	text-decoration: none;
	color: #cc0000;
}
.paddingleft {
	padding-left:15px;
}
body.mceContentBody { 
    margin:                     0 !important; 
    padding:                    5px; 
    background-color:           #fff; 
    background-image:           none; 
}


#linie {
	padding: 0px;
	margin: 0px;
	height: 2px;
	background-color: #000;
	margin-bottom: 1px;
	width: 100%;
	position: relative;
	float: left;
}

#logo{
padding:20px;
padding-top:118px;
}


#slideshow{
	float: left;
	width: 550px;
	height: 280px;
	background-color: #FFF;
}

#ccontent{
	float: left;
	clear: both;
	width: 600px;
	padding: 60px;
padding-right:0px;
padding-botttom:0px;
}

#ccontent ul
{
  list-style-image: url("images/kastl.png");
}

.absatzrechts{
display:block;
float:left;}

.halbbilder{

}

/* Kann maximal 768px darstellen. */
@media only screen and (max-width : 768px) {

body{
	background-color: #FFFFFF;
	color: #5e5e5e;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5em; /* Abstand zum oberen Browserrand*/
	margin: 0px;
	height: 100%;
	background-image: url(images/bg768.gif), url(images/bg2.jpg);
	background-repeat:repeat-y, repeat-x;
	background-position: center, top;
}

#container {
	position: relative;
	margin: 0 auto;
	width: 600px;
}
#content{
	width: 300px;
	float: left;
	padding-left: 10px;
	padding-top: 0px;
	padding-left: 0px;
	margin: 0px;
}
	
#ccontent{
	float: left;
	clear: both;
	width: 240px;
	padding: 60px;
	padding-right: 0px;
	padding-botttom: 0px;
}	

}


/* Kann maximal 480px darstellen. */
@media only screen and (max-width : 480px) {
	
	body{
	background-color: #FFFFFF;
	color: #5e5e5e;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5em; /* Abstand zum oberen Browserrand*/
	margin: 0px;
	width: 100%;
	background-image:none;
}
	
	#container {
	width: 100%;
}

#logo{
	width: 90%;
	padding: 5%;
	clear: both;
}

#content{
	width: 100%;
}
#header {
	width: auto;
	height: 120px;
	background-image: url(images/head-bg.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	clear: both;
}
#links{
		width: 100%;
	background-color: #000;
	clear:both;
}
#menu{
	width: 80%;
	padding:10%;
	padding-top:0%;
		clear:both;

}

#ccontent{
	clear: both;
	width: 90%;
	padding: 5%;
}

#ccontent img{
width:100%;
height:auto;
}

}