/*
$Id: nav.css 63 2007-03-26 22:11:03Z Massimo $
*/

body {
		background-color: #570d70;
		font-family: arial;
		font-size: 15px;
		font-weight: bold;
		color: #ddd;
}

h1, h2, h3 {
	font-family: arial, sans-serif;
	line-height: 1.7em;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #fff;
}

/* ## General overwrites ##*/
/* p, ul, ol, dl { padding-bottom: 1em; } // Causing annoying issues with multiple lists -- m.kubler 26th Dec09*/
p, ul, ol, dl { line-height: 140%;}
ul, ol { padding-left: 2em; }
ol { margin-left: 0.5em; }
dt { font-weight: bold; }
dd { padding-left: 1em; }
img { margin: 5px; padding: 5px; }
h1 { font-size: 1.7em; text-decoration: underline; color: #CCFFFF;}
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
em { color: #CCFFFF; font-size: 1.1em; }
code { font-family: arial, monospace; color: #FFCCFF; }

a:link {
	color: #fff;
	text-decoration: underline;
	font-family: arial;
}
a:visited {
	color: #fff;
	font-family: arial;
	text-decoration: underline;
}
a:active {
	color: #fff;
	font-family: arial;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline; 
	font-family: arial;
	color: #9966cc;
}
img a { padding-right: 0; border: 1px solid #fff;}
img a:hover { padding-right: 0; border: 1px solid #9966cc;}


/* This is for the Anchor'd headers that would look weird when hovered over, although was mainly fixed by moving the anchor to before the header which also works better : Michael Kubler 10thJune09*/
a:hover h2  {
		font-weight: bold;
		color: #fff;
		font-size: 1.5em;
		font-family: arial, sans-serif;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
}
/* ## Extra classes ## */
.main-logo { border: none; padding: 0; margin: 0; }
/* .main { background-color: #ffff99; } */
.main { background-color: #541071; }
.right { float: right;}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav li { margin: 0 0 1px 0; }

#nav li a {
	display: block;
	padding: 5px 10px;
	color: #000;
	background-color: transparent;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
}

#nav li a:hover {
	color: #9966CC;
	background-color: transparent;
	text-decoration: underline;
}

#nav ul ul li { 
	margin: 0 0 1px 0;
	display: block;
	padding: 0px 5px 0px 30px;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	}

#nav ul ul a {
	text-decoration: none;
	color: #000;
	display: inline;
}

#nav ul ul a:hover {
	color: #9966CC;
	background-color: transparent;
	text-decoration: underline;
}


table.first {
	width: 95%;
	border-collapse: collapse;
	border: 0px solid #fff;
}


table.second {
	width: 100%;
	border-collapse: collapse;
	border: 0px solid #000;
}


td.menu {
	width: 28%;
	border-bottom: 0px solid #000;
	border-top: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px;
	text-align: left;
	vertical-align: top;
	text-indent: 15px;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	background-color: #fff; 
}

td.content {
	width: 72%;
	border-bottom: 0px solid #000;
	border-top: 0px solid #000;
	border-right: 0px solid #000;
	border-left: 0px;
	padding-left: 40px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #ddd;
}



td.print {
	width: 100%;
	border-bottom: 0px solid #000;
	border-top: 0px solid #000;
	border-right: 0px solid #000;
	border-left: 0px;
	padding-left: 40px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
}

td.footer {
		font-family: arial;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
}

	
	
	.info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }
	.note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
	.important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
	.warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }


/**
  * Vertical-Forms - Modified from YAML by Michael Kubler 26th Dec 09
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  .bform { overflow:hidden; }
  .bform fieldset { overflow:hidden; }
  .bform label { display:block; cursor:pointer; }
  .bform legend { background:transparent; border:0; padding:0 0.5em; }
  .bform .message { display:block; margin-bottom:0.5em; color:#666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .bform input[type=hidden] { display:none !important; }
.bform .error { color: #FF0000;}
.errorList { color: #FF000A; border:2px #FF000A solid; padding:10px; padding-left: 2em; margin-bottom:1em; width: 50%; background-color: #FFEFF0;}
  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .bform sup { color:#800; font-weight:bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .bform div.type-text,
  .bform div.type-select,
  .bform div.type-check,
  .bform div.type-button {
    margin:0.5em 0;
    padding:3px 0.5em;  
    position:relative;
    overflow:hidden;
  }

  .bform div.type-button {
    padding:3px 0em;  
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .bform .type-text input,
  .bform .type-text textarea {
    display:block;
    position:relative;
    padding:0.3em 0.3em;
    width:58.5%;
  }
  textarea#ContactForm_comments{
	width:58.5%;
	height: 5em;
  }

  .bform .type-select select {
    display:block;
    position:relative;
    padding:0.3em 2px 0.3em 1px;
    width:60%;
    cursor:pointer;
  }
  .bform .type-select select optgroup {
    font-style:normal;
    font-weight:bold;
  }

  .bform .type-check input { cursor:pointer; }
  .bform .type-check label { display:inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  .bform .type-button input {
    width:auto;
    cursor:pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  .bform div.error {
    border:1px #a00 dashed;
    background:#faf4f4;
    padding:0.5em;
  }

  .bform div.error label { color:#000; font-weight:bold; }
  .bform div.error .message { color:#800; }

 /*------------------------------------------------------------------------------------------------------*/

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .full div.type-text input,
  .full div.type-text textarea { width:95.5%; }
  .full div.type-select select { width:97.0%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea { width:95.5%; }
  * html .full div.type-select select { width:97.0%; }

/* Michael Kubler's focus colour */
input:focus, textarea:focus {
    background: #F7DFFF;
}



/* ################
## Image Rotator ##
################ */

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:295px;
	padding: 0;
	margin: 0;
}

	div#rotator ul{
	padding: 0;
	margin: 0;
	line-height: 80%;
	height: 295px;
	background-color: #570D70;
	}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	background-color: #570D70;
	padding: 0;
	margin: 0;
	border: 0;
}

/* rotator image style */	
	#rotator ul li img {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #570D70;
}
    div#rotator ul li.show {
	z-index:500;
}


    div.rotatorBackground {
	background-color: white;
	width: 444px;
	height: 297px;
	display: block;
}

/* 
######################
## PRINT STYLESHEET ##
###################### 
*/
@media print
{
 /**
  * @section basic layout preparation
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */
*, html{color: black;}
  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
  body { font-size:10pt; background-color: white;}

  /* (en) Hide unneeded container of the screenlayout in print layout */
	.menu, .searchBox, #topnav, #nav, #search, .footer { display:none; }
  
  /*------------------------------------------------------------------------------------------------------*/

  /* (en) Avoid page breaks right after headings */
  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }

  /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section column selection
  * (en) individually switch on/off any content column for printing
  *
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

	#header {border-top : 1px solid #666666; background: #f9f9f9;}
	#header h1 {color: blue;}
  #col1, #col1_content { float:none; width:100%; margin:0; padding:0; border:0;border-top: 2px solid black; }
  #col2 { display:none; }
  #col3 { display:none; }
  #footer {border-top : 1px solid #666666; background: #f9f9f9}
  /*------------------------------------------------------------------------------------------------------*/

  /* (en) optional output of acronyms and abbreviations*/


    abbr[title]:after, 
    acronym[title]:after { content:'(' attr(title) ')'; }

  /*------------------------------------------------------------------------------------------------------*/

  /* (en) optional URL output of hyperlinks in print layout */
  a:link, a:visited, a:hover, a:active {color: black; text-decoration: underline;}
  
  a[href]:after {
    content:" <URL:"attr(href)">";
    color:#444;
    background:inherit;
    text-decoration: none !important;
    font-style: italic;
	
  }
  
/*  End Print Stylsheet */  
}