/* old styles */
.headerwhite { font-size: 8pt; color: #ffffff; }
.headerinfo  { font-size: 8pt; text-indent: 7px; text-align: left; }	
.text8justify	{ font-size: 8pt; text-align: justify; }
.text9justify	{ font-size: 9pt; text-align: justify; }
.text10justify	{ font-size: 10pt; text-align: justify; }
.text11justify	{ font-size: 11pt; text-align: justify; }
.text12justify	{ font-size: 12pt; text-align: justify; }
.text8left	{ font-size: 8pt; text-align: left; }
.text9left	{ font-size: 9pt; text-align: left; }
.text10left	{ font-size: 10pt; text-align: left; }
.text11left	{ font-size: 11pt; text-align: left; }
.text12left	{ font-size: 12pt; text-align: left; }

/* global body settings */
body.main { text-align: center; }
body { background-color: #EFEFEF; margin: 10px; }
body,ul,ol,li,td,p,div,span,input,textarea,select {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; }

/* headlines */
h1 { font-size: 13pt; color: #005499; font-weight: bold; }
h2 { font-size: 12pt; color: #005499; font-weight: bold; }
h3 { font-size: 11pt; color: #005499; font-weight: bold; }
h4 { font-size: 10pt; color: #005499; font-weight: bold; }
h5 { font-size: 9pt; color: #005499; font-weight: bold; }
h6 { font-size: 9pt; color: #005499; font-weight: bold; }

/* common links */
a,a:link	{	color: #005499; font-weight: normal; text-decoration: underline; }
a:visited	{	color: #005499; text-decoration: underline; }
a:hover		{	color: #FE9C16; text-decoration: underline;; }
a:active	{	color: #005499; text-decoration: underline; }

/* Head navigation */
a.navtop,a.navtop:visited,a.navtop:hover { color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 17px; vertical-align: middle; white-space: nowrap; padding: 2px; font-weight: normal; text-decoration: none; }
.navspacer { color: #CCCCCC; font-size: 8pt; vertical-align: middle; }

/* Head navigation submenu */
div.menu, div.menu a.mI, div.menu a.mI span.mIText, div.menu a.mI span.mIArrow {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}

div.menu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #005499;
  border: 1px solid #000000;
  text-align: left;
  left: 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.mI, div.menu a.mICurrent {
  color: #CCCCCC;
  background-color: #005499;
  cursor: pointer;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.mI:hover, div.menu a.mIHighlight, div.menu a.mICurrent, div.menu a.mI:hover span.mIText, div.menu a.mI:hover span.mIArrow {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #FFF5DF;
}

div.menu a.mI span.mIText, div.menu a.mI span.mIArrow {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #CCCCCC;
}

div.menu a.mI span.mIArrow {
  margin-right: -.75em;
}

/* foot row links */
a.linksheadfoot,a.linksheadfoot:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #CCCCCC; font-weight: normal; text-decoration: none; }
a.linksheadfoot:visited	{ color: #CCCCCC; text-decoration: none; }
a.linksheadfoot:hover	{ color: #FE9C16; text-decoration: none; }
a.linksheadfoot:active	{ color: #CCCCCC; text-decoration: none; }

/* head row links */
a.linkshead,a.linkshead:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #CCCCCC; font-weight: normal; text-decoration: none; vertical-align: middle; }
a.linkshead:visited	{ color: #CCCCCC; text-decoration: none; }
a.linkshead:hover	{ color: #FE9C16; text-decoration: none; }
a.linkshead:active	{ color: #CCCCCC; text-decoration: none; }
.headnavspacer { 
	color: #CCCCCC; 
	font-size: 8pt;
	vertical-align: middle;
}

/* bread crumb navigation */
div.breadcrumb			{ margin: 4px 8px; }
span.breadcrumb			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-decoration: none; white-space: nowrap; }
a.breadcrumb,a.breadcrumb:visited,a.breadcrumb:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #CCCCCC; text-decoration: none; font-weight: normal; white-space: nowrap; }

/* head search input form */
.search { border: 1px solid #CCCCCC; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #005499; font-size: 8pt; }
.searchlinks { text-align: center; width: 100%; }
.searchresult { margin-bottom: 10px; }
.formbutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; height: 18px; background-color: #FE9C16; color: #005499; border: 1px solid #005499; }

/* main layout table */
table.main { padding: 0; margin: 0;	border-style: none; width: 100%; }

/* border of the head navigation row */
div.linkshead {
	width: 800px;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #005499;
	vertical-align: middle;
	text-align: right;
	margin: 0 auto;
	padding-bottom: 1px;
	padding-top: 1px;
}

/* head image row & head editable area */
div.imagehead, div.edithead {
	width: 800px;
	background-color: #FE9C16;
	text-align: left;
	clear: both;
	margin: 0 auto;
	border-top: 1px solid #005499;border-left: 1px solid #005499;border-right: 1px solid #005499;
}

/* image link block on top of background image */
span.imagelink {
	margin: 0; 
	padding: 0;
	display: block;
	width: 175px; 
	cursor: pointer;
}

/* top navigation row */
div.navtop {
	width: 800px;
	margin: 0 auto;
	background-color: #005499;
	text-align: left;
	text-indent: 5px;
	border-top: 1px solid #005499;border-left: 1px solid #005499;border-right: 1px solid #005499;	
}

/* border of the foot navigation row */
div.linksfoot {
	width: 800px;
	border-left: 1px solid #005499;
	border-bottom: 1px solid #005499;
	border-right: 1px solid #005499;
	background-color: #005499;
	margin: 0 auto;
	text-align: right;
}

/* block around main content row (left nav, content, infobox) */
div.main {
	width: 800px;
	margin: 0 auto;
	border: 1px solid #005499;
}

/* special width for print screen */
div.print {
	width: 100%;
}

/* content table cell */
td.content {	
	vertical-align: top;
	color: #000000;
	background-color: #FFF5DF;
}

/* content styles */

/* a single content element */
td.element {
	vertical-align: top;
	font-size: 10pt;
	text-align: left;
	border: 1px solid #FE9C16;
}

/* a single old content element */
td.oldelement {
	font-size: 10pt;
	text-align: justify;
	vertical-align: top;
}

/* a single new content element */
div.element {
	margin: 8px;
	margin-top: 5px; 
	padding: 4px; 
	border: 1px solid #FE9C16; 
	text-align: left; 
	clear: both;
}

div.element2 {
	margin: 5px; 
	padding: 4px; 
	border: 1px solid #FE9C16; 
	text-align: left; 
	clear: both;
}

/* infobox column */
td.infobox {
	width: 145px;
	vertical-align: top;
	background-color: #FFFFFF;
	border-left: 1px solid #005499;
}

/* left navigation column */
td.navleft {
	width: 175px;
	vertical-align: top;
	background-color: #FE9C16;
	background-image: url(/opencms/system/modules/org.opencms.frontend.templateone/resources/none);
        background-repeat: repeat-y;
        /*border-right: 1px solid #005499;*/
}

/* left navigation image row */
span.navleftimage {
	display: block;
	width: 175px;
	cursor: pointer;
}

/* left navigation list */
ul.navleft { 
	margin: 0 0 0 20px;
	padding: 2px;
} 

/* left navigation list item */
li.navleftactive { 
    /*list-style-image: url(/export/templateone/resources/nav_a.gif);*/
} 
 
li.navleft { 
    /*list-style-image: url(/export/templateone/resources/nav_i.gif);*/
}

a.navleft,a.navleft:link,a.navleft:visited,a.navleft:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:none; font-weight: normal; }
a.navleft:hover { color: #000000; text-decoration: underline; }

a.navleftactive,a.navleftactive:link,a.navleftactive:visited,a.navleftactive:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration:none; }
a.navleftactive:hover { color: #000000; text-decoration: underline; }

/* Side element styles */
div.sidelist {
	margin: 5px; 
	border: 1px solid #FE9C16; 
	text-align: left; 
	clear: both;
}

p.sidelisthead {
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #FE9C16;
}

p.sidelistitem {
	font-size: 8pt;
	margin: 5px 3px 0px;
}

a.sidelistitemhead {
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 3px;
}

/* popup window border */
div.popup { border: 1px solid #005499;
	-moz-box-sizing: border-box;
	margin-top: 10px;
	width: 100%;  
}

h1.popup { display:none; font-size: 10pt; padding: 2px; width: 100%; background-color: #005499; color: #CCCCCC; }
.popupform { border: 1px solid #000000; width: 450px; }
span.formerror { color: #005499; font-weight: bold;}

/* imprint */
table.imprint {	width: 100%; }
td.imprint { vertical-align: top; font-size: 9pt; }

/* default styles for the online forms */
input.onlineform, select.onlineform, textarea.onlineform { width: 300px; border: 1px solid #000000;  }
textarea.onlineform { height: 80px; }

/* default styles */
.nowrap { white-space: nowrap; }
.bold { font-weight: bold; }

/* button link */
.button-link {
    padding: 10px 15px 10px 15px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}


/* optional additional styles */
/* Reusable styles */
.redAlert {
	color: red;
	font-weight: bold;
}

.bold {
	font-weight: bold;
	font-size: inherit;
}

.italic {
	font-style: italic;
	font-size: inherit;
}

td.content table td.element {
	background-color: white;
	padding: 5px;
}

td.cellBorderRight {
	border-right: 1px solid #CCCCCC;
}

div.container {
	background-color: white;
	margin: 5px 5px 5px 5px;
}

span.ballBackground {
	display: inline;
	width: 25px;
	height: 25px;
	background: url(ball_background.gif) no-repeat;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	padding-top: 5px;
}

/* Search Box */
.searchBox {
	background-color: transparent;
	text-align: right;
	padding: 3px 5px 3px 3px;
}

/* TLC Footer */


#tlcFooter {
	width: 800px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

#tlcFooter p {
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

#tlcFooter a {
	text-decoration: underline;
	color: #005499;
}

#tlcFooter a:hover {
	text-decoration: none;
	color: #005499;
}

#tlcFooter a:visited {
	color: Black;
}

/* Turn off Templateone features */
/* like borders, top nav bar, etc */
/* Needs to be the last items in this file */
a.navtop,a.navtop:visited,a.navtop:hover { 
	display: none;
	}
.navspacer { 
	display: none;
	}

div.linkshead {
	display: none;
}

div.navtop {
	display: none;
	}

/* Left nav menu */
/* left navigation column */

html>body #button li a {
		width: auto;
		}

#button {
	padding: 0 0 0 0;
	padding-top: 0px;
	margin-bottom: 0;
	margin-top: -4px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	
	color: #FA971F;
	}
	
#button ul {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border-right: 1px solid #FE9C16;
		border-top: 1px solid #FE9C16;
		}
		
#button ul li {
		border-bottom: 1px solid #FE9C16;
		margin: 0;
		}
		
#button ul li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		background-color: #005499;
		color: #FE9C16;
		text-decoration: none;
		width: 100%;
		}

#button ul li a:hover {
		background-color: #FE9C16;
		color: #005499;
		}

#button li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: none;
}

#button li ul li {
	border-bottom: 1px solid #005499;
	margin: 0;
}

#button li ul li a {
		display: block;
		padding: 2px 2px 2px 0.5em;
		background-color: #FE9C16;
		color: black;
		text-decoration: none;
		width: 100%;
		}

#button li ul li a:hover {
	background-color: #005499;
	color: #FE9C16;
}

#button li ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: none;
}

#button li ul ul li {
	border-bottom: 1px solid #FE9C16;
	margin: 0;
}

#button li ul ul li a {
		display: block;
		padding: 2px 2px 2px 0.5em;
		background-color: white;
		color: black;
		text-decoration: none;
		width: 100%;
		font-size: 10px;
		}

#button li ul ul li a:hover {
	background-color: #005499;
	color: #FE9C16;
}
	
div.linksfoot {
	border-top: none;
	}
	
div.main {
	border-bottom: none;
}

div.imagehead, div.edithead {
	
}
