/*
-----------------------------------------------
hofa-training.de Screen Style
Author:   Robert Hilbe, Patrik Sneyd
Version:  1.0
----------------------------------------------- */


body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: small/1.5em arial, helvetica, verdana, sans-serif;
  text-align: center;
  color: #000;
  background: #666666;
  background-image: url("/img/hofa_studios.gif");
  background-repeat: repeat-y;
  background-position:center;
}

p {
  margin: 0 0 0.5em 0;
}

hr {
  display: none;
}

..clear {
  clear: both;
}

dl {
  margin: 0;
}

dd {
  margin: 0 0 1em;
}

/* =Headings
----------------------------------------------- */

h1 {
  margin: 1.5em 0 0.5em;
  color: #999999;
  font-size: 170%;
}

h2 {
  margin: 1.0em 0 0.3em;
  font-size: 125%;
  color: #999999;
}

h3 {
  margin: 1.3em 0 0.3em;
  font-size: 110%;
  color: #999999;
}

h4 {
  margin: 1.3em 0 0.3em 0;
  font-size: 105%;
  color: #999999;
}

h5 {
  margin: 1.3em 0 0.3em 0;
  font-size: 90%;
  font-weight: bold;
}

/* =Links
----------------------------------------------- */

a {
  text-decoration: none;
  color: #ff9900;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
  color: #ff9900;
}

a:visited {
  color: #999999;
}

a img {
  padding: 3px;
  border: none;
}

a.next:after, .next a:after {
  color: #89AC10;
  content: "\2192";
  white-space: nowrap;
  padding-left: 2px;
}

a.previous:before, .previous a:before {
  color: #89AC10;
  content: "\2190";
  padding-left: 0;
  padding-right: 2px;
}

a.previous:hover, .previous a:hover {
  color: #fff;
}

a.more:after, .more a:after {
  color: #89AC10;
  content:" \00BB";
  font-weight: bold;
  white-space: nowrap;
  padding-right: 2px;
}

/* =Container
----------------------------------------------- */

#container {
	/*position: absolute;*/
  margin: 0px auto;
	padding: 0px;
  width: 900px;
	/*height: 100%;*/
  text-align: left;
  position: relative;
  border: 3px solid #fff;
  border-width: 0px;
  overflow: hidden;
}

/* =Header
----------------------------------------------- */

#header {
	height: 105px;
	background: #FF9900 url("/img/header.png") no-repeat;
	border-bottom: 0px solid #fff;
	margin: 0;
}

#logo {
  float: left;
  border: none;
}

#logo img {
  margin: 0 7px 0 0;
  display: inline;
}

#header h1 {
  margin: 0 15px 0 0;
	font-size: 15pt;
  line-height: 105px;
	height: 105px;
  text-align: right;
}

#header h1 a {
  color: #fff;
  border: none;
}

#header p {
  color: #bbb;
}

/* =Accessibility
----------------------------------------------- */

#accessibility {
  position: absolute;
  top: 50px;
  left: -1000px;
}

/* =Navigation
----------------------------------------------- */

#navigation {
	position: relative;
	margin: 0;
	padding: 0 0 0 250px;
	height: 24px;
	line-height: 24px;
	/*font-size: 100%;*/
	font-size: 8pt;
	letter-spacing: 0.00em;
	color: #000000;
	background: #999999;
	list-style: none;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #ffffff;
	z-index: 100;
	text-align: center;
	overflow: visible;
}

#navigation li {
     list-style: none;
     float: left;
     position: relative;
     margin: 0; padding: 0;
}

#navigation a, #navigation a:hover {
     display: block;
     width: 105px;
     text-align: center;
     text-decoration: none;
     color: #ffffff;
     border: none;
}

#navigation li a:hover {
     text-decoration: no;
     background-color: #ff9900;
}

#navigation li ul {
     margin: 0; padding: 0;
     position: absolute;
     top: 24px; left: 0;
     visibility: hidden;
     display: block
}

#navigation li ul li {
     float: none;
     display: block;
     margin: 0; padding: 0;
     background: #999999;
     height: 24px;
     border-top: 1px solid #FFFFFF;
}

/* =Content
----------------------------------------------- */

#content {
  width: 640px;
  padding: 0; margin: 0;
  font-size: 93%;
  float: right;
}

#content img {
  padding: 3px;
  border: 1px solid #fff;
}
#content h1 {
  color: #FF9900;
  font-size: 20px;
}
#content h2 {
  font-size: 16px;
  color: #999999;
}
#content p {
	color: #666666;
	margin: 1.2em 2em 1.2em 0;
}

#content a, #content .hervor {
	color: #FF9900;
	font-weight: bold;
}

/* =Side
----------------------------------------------- */

#side {
  margin: 0; padding: 0;
  float: left;
  width: 260px;
  font-size: 90%;
}

#side h2 {
  margin: 15px 0 0 15px;
  color: #666666;
  font-size: 110%;
}

#side a {
	margin: 0 0 0 15px;
  display: block;
	color: #999999;
}

#side a:hover {

}
#side div {
  margin: 15px 0 0 15px;
}


/* =Footer
----------------------------------------------- */

#footer {
  margin: 0; padding: 0 10px;
  /*padding: 1em 2em 1em 50px;*/
  background: #999999;
  font-size: 85%;
  line-height: 1.4em;
  clear: both;
	width: 100%;
	height: 1.8em;
	line-height: 1.8em;
}

#footer, #footer a {
  font-size: 8pt;
  color: #f3f3f3;
}

#footer a {
  /*font-weight: normal;
	width: 100px;
  display: block;
	float: left;*/
	padding: 0 5px;
	text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  border: none;

}

#footer a:hover {
  /*border-bottom: 1px solid #fff;*/
	 text-decoration: no;
     background-color: #ff9900
}


/* =Forms
----------------------------------------------- */

fieldset {
  margin: 1em;
  padding: 1em;
  background: #e0efd1;
  font-size: 105%;
  border: double #fff;
  border-width: 3px 0;
}

legend {
  padding: 0 0.2em;
  color: #345;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 110%;
  line-height: 2em;
}

textarea {
  width: 100%;
  max-width: 100%;
}

form dt {
  margin: 4px 0;
  clear: both;
}

form dd {
  margin: 0;
}

label {
  font-weight: bold;
}

input, textarea {
  margin: 0.5em 0.2em;
  padding: 2px;
  font: 105% verdana,helvetica,arial,sans-serif;
  border: 1px solid #cdc;
}

..button, .button:hover {
  margin: 3px;
  padding: 2px;
  font: 90% verdana,helvetica,arial,sans-serif;
  color: #fff;
  background: #99cc67;
  border: 3px solid #cdc;
}

/* =Classes
----------------------------------------------- */

..clear {
  clear: both;
}

..box {
  margin: 2em 0;
  padding: 0.5em;
  background: #ff9900;
  color: #fff;
  border: 1px solid #999999;
  border-width: 2px 0;
}

..box a, .box a:visited {
  color: #666666;
}

..box a:hover {
  color: #fff;
}

..box h2, .box h3, .box h4 {
  color: #666666;
}

..date {
  margin: 0 10px 5px 0;
  padding: 0.1em !important;
  width: 4em;
  float: left;
  display: block;
  clear: both;
  color: #aba;
  background: #f8f8f8;
  font: bold 115%/1em arial,helvetica,sans-serif,times,geneva;
  text-align: center;
  text-transform: uppercase;
  border: solid #bfcfce;
  border-width:  0 1px 1px 0;
}

..date span {
  padding: 0 0 5px 0;
  display: block;
  font-weight: bold;
  font: bold 130%/1em times,geneva,arial,helvetica,sans-serif;
  letter-spacing: -0.1em;
  color: #898;
}

..literatur {
  margin: 7px 0;
  padding: 0 0 0 20px;
  text-indent: -20px;
  font-size: 90%;
  line-height: 1.4em;
}

..guestbookentry {
  margin: 10px 0;
  padding: 0 !important;
  border: 1px solid #e1e1e8;
  border-color: #f1f1f8 #e1e1e8 #e1e1e8 #f1f1f8;
}

..guestbookentry dt {
  margin: 0 0 0.5em;
  padding: 0 1em;
  color: #fff;
  background: #abc;
}

..guestbookentry dt a {
  color: #fff;
}

..guestbookentry dd {
  padding: 0 1em;
}

..hide {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
}

..floatleft {
  margin: 0 10px 5px 0;
  float: left;
}

..floatright {
  margin: 0 0 5px 10px;
  float: right;
}

..clearfloat {
  clear: both;
}

..border {
  padding: 3px;
  border: 1px solid #ddd;
}

..message {
  padding: 4px;
  background: #fee;
  border: solid #fbb;
  border-width: 1px 0;
}

..smaller {
  font-size: 95% !important;
}

abbr, acronym, .help {
  border-bottom: dotted 1px #ccc;
  cursor: help;
}

/* =Tables
----------------------------------------------- */

table {
  margin: 1em 0 2em 2em;
  empty-cells: show;
  border-collapse: collapse;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  color: #222;
  font-size: 90%;
}

caption {
  margin: 0.5em 0 0 0;
  color: #345;
  letter-spacing: 0.02em;
  font-size: 110%;
}

th, td {
  padding: 2px 6px;
  background: #fff;
  border-bottom: 1px solid #cfcfcf;
  overflow: hidden;
}

tr:hover, tr.hover {
  background: #f6f5f9;
}

th {
  background: #f3f3ff;
  font-weight: bold;
  letter-spacing: 0.02em;
}

/* =Search
----------------------------------------------- */

#search {
  display: none;
}

#searchbox {
  width: 130px;
  padding: 0;
  background: #669934;
  font-size: 98%;
}

#search .button {
  margin: 0;
  padding: 0;
  color: #679937;
  font-size: 150%;
  line-height: 1em;
  background: #fff;
  border: none;
}

/* for Google Search Highlight */

..hilite {
  padding: 2px;
  background: #fee;
}

/* =Templating
----------------------------------------------- */

#id #nav1 a {
  color: #fff;
}

#id #navigation li a {
  color: #fede94;
}

#id h2, #id h3, #id h4 {
  color: #06a;
}

#id #side h2 {
  color: #06a;
}

/* =Templating
----------------------------------------------- */

#informationen #header {
  background: #ccddcc url(../img/header.png) no-repeat;
}

#quartett #header {
  background: #ccddcc url(../img/header.png) no-repeat;
}

#tribuene #header {
  background: #ccddcc url(../img/header.png) no-repeat;
}

#agora #header {
  background: #ccddcc url(../img/header.png) no-repeat;
}

#team #header {
  background: #ccddcc url(../img/hheader.png) no-repeat;
}

/* =Debug
-----------------------------------------------

div {
  border: 1px solid red;
}

p {
  border: 1px solid green;
}

ul, li, a {
  border: 1px solid blue;
}
*/
/* =Content
----------------------------------------------- */
#main {
	position: relative;
	background-color: #FFFFFF;
	/*margin: 138px 0 50px 0;*/
	/*height: 100%;*/

	width: 100%;
	overflow: hidden;
	/*display: none;*/
    z-index: 50;
}
..spacer {
	height: 0px;
}
..center {
	text-align: center;
}

/* old formats */

..style4 {
  color: #FF9900;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
..style7 {
  font-size: 13px;
  font-weight: bold;
  color: #666666;
}
..style8 {color: #FF9900; font-size: 18px; font-weight: bold; }
..style10 {color: #FF9900; font-weight: bold; }
..style11 {font-size: 26px}
..style12 {
  font-size: 13px;
  color: #666666;
}
..style14 {font-size: 11px}
..style15 {font-size: 12px}