P.newpage
	{
	page-break-after: always;
	}

/* Print. */
@media print {
  /* cssclsNoPrint class. */
  .cssclsNoPrint {display:none}
}

/* Screen. */
@media screen {
  /* cssclsNoScreen class. */
  .cssclsNoScreen {display:none}
}


/* Begin Stylesheet für drei Spalten angepasses Layout */

*
	{ 
	margin: 0; 
	padding: 0; 
	}

/* Seiten container */

#page-wrap 
	{
	margin: 20px auto; 
	margin-bottom: 25px; 
	height: auto; 
	}

#header 
	{
	clear: both;
	float: left;
	width:100%;
	background:  #ffbf00;
	}

/* column container */
.colmask 
	{
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
	background: #f5f5f5;		/* column background colour */
	z-index: -1;
	}

/* common column settings */
.colright,
.colmid,
.colleft 
	{
	float: left;
	width: 100%;			/* width of page */
	position: relative;
	}

.col1,
.col2,
.col3 
	{
	float: left;
	position: relative;
	padding-left: 0px;    /* no left and right padding on columns, narrower instead	*/
	padding-right: 0px; 
	padding-top: 1em;  /* only padding top and bottom */
	padding-bottom: 0.5em;
	overflow:hidden;
	}

/* 3 Column settings (Startseite)*/
.threecol 
	{
	background: #dadada;		/* right column background colour */
	
	}

.threecol p
	{
	margin-top: 0.6em;
	clear: none;
	}

.threecol .colmid
	{
	right: 25%;			/* width of the right column */
	background: #f5f5f5;		/* center column background colour */
	}

.threecol .colleft 
	{
	right: 50%;			/* width of the middle column */
	background: #f5f5f5;	/* left column background colour */
	}

.threecol .col1 
	{
	width: 46%;			/* width of center column content (column width minus padding on either side) */
	left: 102%;			/* 100% plus left padding of center column */
	}

.threecol .col2 
	{
	width: 21%;			/* Width of left column content (column width minus padding on either side) */
	left: 31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

.threecol .col3 
	{
	width: 21%;			/* Width of right column content (column width minus padding on either side) */
	left: 85%;			/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

.threecol img
	{
	margin-top: 2em;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	}

.col1 p,
.col1 h1, 
.col1 h2,
.col1 h3,
.col1 h4,
.col1 li
	{
	color: ;
	}
	
.col2 p,
.col2 h1, 
.col2 h2,
.col2 h3,
.col2 h4,
.col2 li
	{
	color: ;
	}
	
.col3 p,
.col3 h1, 
.col3 h2,
.col3 h3,
.col3 h4,
.col3 li
	{
	color: ;
	}


/* 1 Column Settings mit einrücken von P */

.onecol
	{
	background: #f5f5f5;  /*  column background colour */
	padding-top: 30px;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 30px;
	}

.onecol p,
.onecol h1, 
.onecol h2,
.onecol h3,
.onecol h4,
.onecol li
	{
	margin-top: 0.6em;
	text-indent: 0;
	clear: none;
	color: ;
	}

.onecol img
	{
	margin-top: 2em;
	width: 100%;
	margin-bottom: 0;
	}
	

/* 1 Column Settings ohne einrücken von P*/

.onecol_noident
	{
	background: #f5f5f5;  /*  column background colour */
	padding-top: 30px;
	padding-left: 10%;
	padding-right: 20%;
	padding-bottom: 30px;
	color: ;
	}

.onecol_noident p
	{
	margin-top: 0.6em;
	text-indent: 0;
	clear: none;
	}

.onecol_noident img
	{
	margin-top: 2em;
	width: 100%;
	margin-bottom: 0;
	}

/* 1 Settings für Redaktionssystem*/

.onecol_rs
	{
	background: #f5f5f5;  /*  column background colour */
	padding-top: 30px;
	padding-left: 10%;
	padding-right: 20%;
	padding-bottom: 30px;
	}
	
.onecol_rs p,
.onecol_rs h1, 
.onecol_rs h2,
.onecol_rs h3,
.onecol_rs h4,
.onecol_rs li
	{
	margin-top: 0.6em;
	text-indent: 0;
	clear: none;
	color: ;
	}	

.onecol_rs table
	{
	padding: 0;
	margin: 0;
	}

.onecol_rs td
	{
	border: none;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	}

onecol_rs img
	{
	margin-top: 2em;
	width: 100%;
	margin-bottom: 0;
	}

.onecol_rs span
	{ 
	margin: 0; 
	padding: 0; 
	}

/* 2 Columns Settings right menu*/

.rightmenu 
	{
	background: #dadada		/* right column background colour */
	}

.rightmenu .colleft 
	{
	right: 27%;			/* right column width */
	background: #f5f5f5;		/* left column background colour */
	}
.rightmenu .col1 

	{
	width: 65%;			/* left column content width (left column width minus left and right padding) */
	left: 30%;			/* (right column width) plus (left column left padding) */
	}

.rightmenu .col2
	{
	width: 24%;			/* right column content width (right column width minus left and right padding) */
	left: 37%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

.rightmenu figure
	{
	float: left;
	margin-right: 1.5em;
	width: 100%;
	margin-top: 2em;
	margin-bottom: 1em;
	}

.rightmenu img
	{
	margin-top: 0.5em;
	width: 100%;
	margin-bottom: 0;
	}

.rightmenu img.halb
	{
	margin-top: 0.5em;
	width: 60%;
	margin-bottom: 1.5em;
	float: left;
	}

.rightmenu p
	{
	margin-top: 0.5em;
	text-indent: 0;
	clear: both;
	}


/* 2 Column (equal width) settings */

.doublepage p
	{
	margin-top: 0.6em;
	text-indent: 0;
	clear: none;
	}

.doublepage 
		{
		background: #f5f5f5;		/* right column background colour */
		}
	
.doublepage .colleft 
		{
		right: 50%;			/* right column width */
		background: #dadada;		/* left column background colour */
		}
	
.doublepage .col1 
		{
		width: 46%;			/* left column content width (column width minus left and right padding) */
		left: 52%;			/* right column width plus left column left padding */
		}
	
.doublepage .col2 
		{
		width: 46%;			/* right column content width (column width minus left and right padding) */
		left: 56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		}

.doublepage img
	{
	margin-top: 2em;
	width: 100%;
	margin-bottom: 0;
	}

/* 3 Column blog style settings */

.blogstyle 
	{
	background:  #dadada;			/* right column background colour */
	}

.blogstyle .colmid
	{
	right: 25%;				/* width of the right column */
	background:  #f5f5f5;		/* center column background colour */
	}

.blogstyle .colleft 
	{
	right: 25%;				/* width of the middle column */
	background:  #f5f5f5;			/* left column background colour */
	}

.blogstyle .col1 
	{
	width: 46%;				/* width of center column content (column width minus padding on either side) */
	left: 52%;				/* 100% plus left padding of center column */
	}

.blogstyle .col2 
	{
	width: 21%;				/* Width of left column content (column width minus padding on either side) */
	left: 56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

.blogstyle .col3 
	{
	width: 21%;				/* Width of right column content (column width minus padding on either side) */
	left: 60%;				/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

.blogstyle img
	{
	margin-top: 2em;
	width: 100%;
	margin-bottom: 0;
	}

/* 2 Column (left menu) settings */

.leftmenu 
	{
	background: #dadada;		/* right column background colour */
	}

.leftmenu .colleft 
	{
	right: 75%;			/* right column width */
	background: #f5f5f5;	/* left column background colour */
	}

.leftmenu .col1 
	{
	width: 71%;			/* right column content width */
	left: 102%;			/* 100% plus left column left padding */
	}

.leftmenu .col2 
	{
	width: 21%;			/* left column content width (column width minus left and right padding) */
	left: 6%;			/* (right column left and right padding) plus (left column left padding) */
	}

.leftmenu img
	{
	margin-top: 2em;
	width: 100%;
	margin-bottom: 0;
	}

/* ----------- Ende Spalten Gestaltung ---------- */

/* Footer Styles */

#footer 
	{
	clear: both;
	float: left;
	width: 100%;
	border-top: #000000 1px solid;
	background: #dadada;
	}

#footer p 
	{
	padding: 0px;
	margin-left: 15px;
	clear: both;
	}

/* weitere Gestaltungselemente für spezielle seiten*/

*
	{ 
	margin: 0; 
	padding: 0; 
	}

body 
	{ 
	font-family: Titillium Web, sans-serif;
	font-size:  0.9em;
	color: #000000; 
	background: #000060;
	}

p.noindent
	{
	text-indent: 0;
	}
	

p.sum
	{
	text-indent: 0;
	margin-bottom: 1em;
	}

p.more
	{
	text-indent: 0;
	margin-bottom: 1em;
	text-align: left;
	}

H1, H2, H3, H4, H5, H6
	{
	color: #000060;
	font-size:  1.3em;
	clear: both;
	margin-bottom: 0.5em;
	font-family:  Francois One, sans-serif;
	padding-top: 1.5em;
	}

h1
	{
	color: #000060;
	font-size:1.3em;
	border-bottom: none;
	clear: both;
	margin-bottom: 1.2em;
	padding-top: 1.2em;
	}

h1.big
	{
	color: #639aff;
	font-size:2em;
	border-bottom: none;
	clear: both;
	margin-bottom: 1.2em;
	padding-top: 1.2em;
	}

h2
	{
	color: #000060;
	font-size:1.2em;
	border-bottom: none;
	clear: both;
	margin-bottom: 1em;
	padding-top: 1em;
	}
	
h3
	{
	color: #000060;
	font-size:1.1em;
	font-family:  Titillium Web, sans-serif;
	border-bottom: none;
	clear: both;
	margin-bottom: 1em;
	padding-top: 1em;
	}	

h4
	{
	color: #000060;
	font-size:1.0em;
	font-family:  Titillium Web, sans-serif;
	border-bottom: none;
	clear: both;
	margin-bottom: 1em;
	padding-top: 1em;
	}

h5
	{
	color: #000060;
	font-size:0.9em;
	font-family:  Titillium Web, sans-serif;
	border-bottom: none;
	clear: both;
	margin-bottom: 0.6em;
	padding-top: 1em;
	}

h6
	{
	color: #639aff;
	font-size:0.9em;
	font-family:  Titillium Web, sans-serif;
	border-bottom: none;
	clear: both;
	margin-bottom: 0.6em;
	padding-top: 1em;
	}

img.top
	{
	width: 100%;
	margin-top: 0em;
	margin-bottom: 0em;
	}

img.halb
	{
	width: 100%;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-right: 1em;
	float: left;
	}
	
figure
	{
	float: left;
	margin-right: 1em;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0px;
	}
	
figure.klein
	{
	float: none;
	margin-right: 1em;
	width: 50%;
	margin-top: 0;
	margin-bottom: 0px;
	}	
	
figcaption
	{
	font-style: italic;
	margin-bottom: 1em;
	}

IMG.more
	{
	margin: 0px;
	border: none;
	width: auto;
	padding: 0px;
	}

IMG.weiter
	{
	margin: 0px;
	border: none;
	width: auto;
	padding: 0px;
	width: 25px;
	}
	
A:link, 
A:active, 
A:visited,
A.link:link, 
A.link:active, 
A.link:visited,
A.bild:link, 
A.bild:active, 
A.bild:visited
	{
	text-decoration: none;
	color: red;
	display: inline;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	}

A.bild:hover,
A:hover,
A.link:hover
	{
	text-decoration: none;
	color: #000060;
	background:none;
	border: none;
	}

A.tabelle:link, 
A.tabelle:active, 
A.tabelle:visited
	{
	text-decoration: none;
	color: #000000;
	display: inline;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	}

A.tabelle:hover,
	{
	text-decoration: none;
	color: #000000;
	background:none;
	border: none;
	}


ul
	{
	margin-left: 1.1em;
	margin-top: 1em;
	margin-bottom: 1em;
	}

ol
	{
	margin-left: 3em;
	margin-top: 1em;
	margin-bottom: 1em;
	}

table
	{
	font-family:  Titillium Web, sans-serif;
	width: 100%;
	margin-top: 1.5em;
	margin-left: 0;
	margin-bottom: 1em;
	margin-right: 1em;
	border: none;
	border-spacing: 0.5em;
	}

table.spezial
	{
	width: 100%;
	margin-top: 1.5em;
	margin-left: 0;
	margin-bottom: 1em;
	margin-right: 1em;
	border: none;
	border-spacing: 0px;
	background-color: #fdf5e6;
	}

th
	{
	text-align: center;
	background-color: #000060;
	color: #FFFFFF;
	border-bottom: #FFFFFF 4px solid;
	border-right: #FFFFFF 4px solid;
	vertical-align: bottom;
	}

td
	{
	border-bottom: #000000 1px solid;
	border-right: #FFFFFF 4px solid;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	margin: 0px;
	}
	
td.farbe
	{
	border: none;
	vertical-align: top;
	background:#ffbf00;
	border-right: #FFFFFF 4px solid;
	border-bottom: #FFFFFF 4px solid;
	}	

td.zeit
	{
	border-bottom: #000000 1px solid;
	border-right: #FFFFFF 4px solid;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	margin: 0px;
	text-align: right;
	background-color: #000060;
	color: #FFFFFF;
	}

input, select, textarea
	{
	width: 100%;
	font-family: Titillium Web, sans-serif;
	font-size:  0.9em;
	background-color: #fafad2;
	padding-top: 0;
	text-indent: 0;
	vertical-align: middle;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
	
select
	{
	width: auto;
	font-family: Titillium Web, sans-serif;
	font-size:  0.9em;
	background-color: #fafad2;
	padding-top: 0;
	text-indent: 0;
	vertical-align: middle;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}

audio 
	{
	width: 100%;
	display: block; 
	margin: 0; 
	 }

video 
	{
	width: 100%;
	display: block; 
	margin: 0; 
	 }

/* für cute editor im html mode*/

#CE_memo1_ID_CodeViewToolBar input
	{
	width: auto;
	}
	
	input
	{
	width: auto;
	}

#CE_textkopf_ID .CuteEditorButton,
#CE_detail1_ID .CuteEditorButton,
#CE_detail2_ID .CuteEditorButton,
#CE_detail3_ID .CuteEditorButton,
#CE_detail4_ID .CuteEditorButton,
#CE_detail5_ID .CuteEditorButton,
#CE_detail6_ID .CuteEditorButton,
#CE_textende_ID .CuteEditorButton,
#CE_detail7_ID .CuteEditorButton
	{
	width: auto;
	}


/* Layout der Galerie */

.onecol_galerie
	{
	float: left;
	background: #dadada;  /*  galerie background colour */
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 30px;
	}

.onecol_galerie_einzel
	{
	background: #dadada;  /*  galerie background colour */
	padding-top: 25px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 30px;
	float: left;
	width: 90%;
	}

div.zeile
	{
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	}

#imgbox4 li
	{
	float: left;
	width: 24%;
	list-style: none;
	margin-right: 1%;
	overflow: hidden;
	background: none;
	}
	
#imgbox2 li
	{
	float: left;
	width: 49%;
	list-style: none;
	margin-right: 1%;
	background: none;
	}	

#imgbox li img 
	{
	display: block;
	margin: 0;
	}

h1.galerie2
	{
	margin-left: 0;
	color:  #FFFFFF;
	}
	
h1.galerie1
	{
	margin-left: 0;
	color:  #FFFFFF;
	}	

.onecol_galerie p,
.onecol_galerie_einzel p,
.onecol_galerie figcaption,
.onecol_galerie_einzel figcaption,
.onecol_galerie h1,
.onecol_galerie_einzel h1,
.onecol_galerie h2,
.onecol_galerie_einzel h2,
.onecol_galerie h3,
.onecol_galerie_einzel h3,
.onecol_galerie h4,
.onecol_galerie_einzel h4,
.onecol_galerie h5,
.onecol_galerie_einzel h5,
.onecol_galerie h6,
.onecol_galerie_einzel h6,
.onecol_galerie_einzel A.bild:link,
.onecol_galerie_einzel A.bild:active, 
.onecol_galerie_einzel A.bild:visited,
.onecol_galerie A:link, 
.onecol_galerie A:active, 
.onecol_galerie A:visited,
.onecol_galerie A.bild:link,
.onecol_galerie A.bild:active, 
.onecol_galerie A.bild:visited
	{
	color: #FFFFFF;
	}	

.onecol_galerie_einzel A.bild:hover,
.onecol_galerie A:hover,
.onecol_galerie A.bild:hover,
.onecol_galerie_einzel A:hover
	{
	color: #dadada;
	}

p.ende_galerie
	{
	clear: both;
	}

.onecol_galerie ul
	{
	margin: 0;
	}

.onecol_galerie img,
.onecol_galerie_einzel img
	{
	margin-right: 1em;
	margin-top: 1em;
	width: 100%;
	}

.onecol_galerie IMG.more,
.onecol_galerie_einzel IMG.more
	{
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: none;
	width: auto;
	}

/* hier ende einfügungen für spezielle seite	*/

#nav-wrap 
	{
	margin-top: 20px;
	margin-left: 0px;
	}

/* menu icon */
#menu-icon 
	{
	display: none; /* hide menu icon initially */
	}

#nav, 
#nav li 
	{
	margin-top: -10px;
	padding: 0;
	margin-left: 0px;
	}
#nav li 
	{
	list-style: none;
	float: left;
	margin-right: 5px;
	}

/* nav link */
#nav a 
	{
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	display: block;
	color: #FFFFFF;
	background: #000060; 
	text-decoration: none;
	}

#nav a:hover 
	{
	background: #dadada;
	color: #000000;
	}

#nav a.level1
	{
	display: block;
	color: #dadada;
	background: #000060; 
	text-decoration: none;
	}

#nav a.level1:hover
	{
	background: #dadada;
	color: #000000;
	}

/* nav dropdown */
#nav ul 
	{
	background: #dadada;
	padding: 0px;
	position: absolute;
	border: none;
	display: none; /* hide dropdown */
	width: auto;
	margin: 0px;
	}

#nav ul li 
	{
	float: none;
	margin: 0;
	padding: 0;
	}
#nav li:hover > ul 
	{
	display: block; /* show dropdown on hover */
	}
/* Ende horizontales Menu */

/* Footer Menu */
#nav_footer, 
#nav_footer li 
	{
	margin-top: -10px;
	padding: 0;
	margin-left: 0px;
	}
#nav_footer li 
	{
	list-style: none;
	float: left;
	margin-right: 5px;
	}
#nav_footer a 
	{
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	display: block;
	color: #FFFFFF;
	background: #000060; 
	text-decoration: none;
	}

#nav_footer a:hover 
	{
	background: #dadada;
	color: #000000;
	}

/* ----------Navigator für Smart Phones--------------------------- */

@media screen and (max-width: 767px) 

{

/* nav-wrap */
#nav-wrap 
	{
	position: relative;
	}

.colmask 
	{
	z-index: 1;
	}

/* menu icon */
#menu-icon 
	{
	color: #000000;
	width: auto;
	height: auto;
	background: #dadada;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 15px;
	padding-bottom: 5px;
	cursor: pointer;
	border: none;
	display: block; /* show menu icon */
	}

#menu-icon:hover 
	{
	background-color: #639aff;
	color: #000060;
	}

#menu-icon.active 
	{
	background-color:#639aff;
	color: #000060;
	}

/* main nav */
#nav 
	{
	font-size: 1.2em;
	clear: both;
	position: relative;
	width: 95	%;
	z-index: 20;
	margin-top: 10px;
	padding: 5px;
	background: #639aff; 
	display: none; /* visibility will be toggled with jquery */
	}

#nav li 
	{
	clear: both;
	float: none;
	margin: 5px 0 5px 10px;
	}

#nav a, 
#nav ul a 
	{
	padding-top: 0;
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 0;
	font: inherit;
	display: block;
	padding-left: 10px;
	color: #000060;
	background: #dadada; 
	border: none;
	}

#nav a:hover, 
#nav ul a:hover 
	{
	color: #000000;
	background: #dadada; 
	display: block;
	}

/* dropdown */
#nav ul 
	{
	width: auto;
	position: static;
	display: block;
	border: none;
	background: inherit;
	}

#nav ul li 
	{
	margin: 7px 0 7px 30px;
	display: block;
	}
		
.rightmenu figure
	{
	float: left;
	margin-right: 0;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	}

.rightmenu img.halb
	{
	margin-top: 0.5em;
	width: 100%;
	margin-bottom: 1.5em;
	float: left;
	}
		
h1.top
	{
	color: #000000;
	font-size:1.3em;
	border-bottom: #000000 4px solid;
	clear: both;
	margin-bottom: 1.2em;
	padding-top: 10px;
	}
		
#imgbox2 li
	{
	float: left;
	width: 90.5%;
	background: #639aff;
	list-style: none;
	margin-left: 0;
	margin-right: 2%;
	margin-top: 0;
	margin-bottom: 0;
	background: none;
	}

#imgbox4 li
	{
	float: left;
	width: 46%;
	background: #639aff;
	list-style: none;
	margin-left: 0;
	margin-right: 2%;
	margin-top: 0;
	margin-bottom: 0;
	background: none;
	}
}

@media screen and (min-width: 767px) 
{
/* ensure #nav is visible on desktop version */
#nav 
	{
	display: block !important;
	}
}