* {
  margin: 0;
  padding: 0;
}

/*
***************************
* Global settings
***************************
*/

/* Fonts */
body {
  font-size: 100.01%;
}

*,
body,
p,
label,
input,
select,
textarea {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

img {
  border: 0px none #FFF0CC;
/*
  border: 1px solid #333333;
*/
}

/*
***************************
* HTML-Tags
***************************
*/

input,
select,
textarea,
p {
  font-size: .8em;
/*
  font-size: 9pt;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 5px;
*/
}

ul {
  list-style: square;
  margin-left: 20px;
/*
  list-style: none;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 5px;
*/
}

li {
  font-size: .8em;
/*
  margin: 4px 0px;
*/
}

td p {
  margin: 2px;
  padding: 0px;
}

table {
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-collapse: separate;
}

tr,
td,
form {
  margin: 0px;
  padding: 0px;
}

td {
  border: none;
}

h1,
h2,
h3,
h4 {
  font-weight: bold;
  margin: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#navigation-no-css {
  display: none;
  visibility: hidden;
}

#content h1,
#content h2,
#content h3,
#content h4 {
  margin-top: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  color: maroon;
  background: transparent url(/images/header_back6.gif) no-repeat left bottom;
/*
  background: transparent;
  background: transparent url(/images/header_back5.gif) no-repeat left top;
  color: #800000;
  color: white;
  background: transparent url(/images/heading.gif) repeat-x left bottom;
  background: transparent url(/images/heading.jpg) repeat-y left top;
  border: 1px solid #999999;
*/
}

h1 { font-size: 1.0em; padding-top: 5px;}
h2 { font-size: 0.9em; padding-top: 5px;}
h3 { font-size: 0.8em; padding-top: 5px;}
h4 { font-size: 0.7em; padding-top: 5px;}

#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a {
  color: #400000;
}

/*
***************************
* Pseudo-Tags
***************************
*/

/* Links */
#content a {
  font-weight: bold;
}

:link {
  text-decoration: none;
  color: #C10200;
}

:visited {
  text-decoration: none;
  color: #F43C3C;
}

a:hover {
  text-decoration: none;
  color: #FF4040;
}

:active {
  text-decoration: none;
  color: #C10200;
}

body {
  font-weight: normal;
  font-size: 100.01%;
  color: #333333;
  background-color: #FFF0CC /*#E8EEF4*/; /*#B9C9DB #DFE7EF #816647*/
}

#page {
  width: 100%;
  height: 100%;
  z-index: 1;
}

#content {
  text-align: left;
  margin: 10px 5px;
  padding-top: 90px;
  padding-left: 160px;
  padding-right: 5px;
  padding-bottom: 15px;
  z-index: 2;
}

#content p {
  padding: 6px 5px;
}

#content p.back-to-top {
  margin-top: 25px;
  border-top: 1px dotted #444444;
  font-size: .6em;
  width: 100%;
  clear: both;
}

#content a#top {
  padding-top: 110px;
  border: 1px solid #FFF0CC;
}

#content img.foto {
  padding: 46px 0px 6px 6px;
}

#nav {
  position: fixed;
  top: 65px;
  left: 5px;
  width: 150px;
	z-index: 3;
  background: transparent /*#339898*/ url(/images/menu_back_top6.gif) no-repeat left top;
}

#nav h2 {
  font-size: 13px;
  width: 155px;
  padding-left: 10px;
  height: 30px;
  background: transparent;
  color: white;
  visibility: hidden;
  display: none;
}

ul#menu {
  list-style: none;
  width: 160px;
  font-size: 10pt;
  font-weight: normal;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 25px;
/*
  background: transparent;
  margin: -2px 0;
*/
  margin: 10px 0 0 0;
  color: white;
  background: transparent /*#E8EEF4*/ url(/images/menu_back_bottom5.gif) no-repeat left bottom;
  min-height: 110px;
/*
  min-height: 200px;
*/
}

* html ul#menu {
  height: 110px;
  overflow: visible;
}

ul#menu li {
  font-size: 9pt;
  width: 120px;
  padding: 0 0 0 2px;
  margin: 3px 10px 3px 10px;
  background: transparent;
/*
  background: transparent url(/images/menu_item_left3.gif) no-repeat left bottom;
*/
}

ul#menu li.level2 {
  width: 110px;
  padding: 0 0 0 2px;
  margin: 3px 10px 3px 20px;
}

* html ul#menu li {
  margin-top: -2px;
}

ul#menu li ul {
  width: 150px;
  border-top: 1px solid #FFB401 /*#339898*/;
  margin-top: 1px;
  margin-left: 0px;
  list-style: none;
}

ul#menu li ul li {
  margin: 0 0 0 10px;
  padding: 1px 0px;
  width: 140px;
}

ul#menu li ul li ul {
  width: 140px;
}

ul#menu li ul li ul li {
  width: 130px;
}

ul#menu li a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*
  font-weight: normal;
  padding-left: 10px;
*/
  font-weight: bold;
  color: white;
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
  overflow: hidden;
  padding-left: 4px;
/*
  border: 1px solid #C62626;
  background: transparent url(/images/menu_item_right.gif) no-repeat right bottom;
*/
  background: transparent url(/images/menu_item_right3.gif) no-repeat right bottom;
}

ul#menu li#menu-active li a {
  background-color: #AABBCE;
  color: white;
  font-weight: normal;
}

ul#menu li#menu-active a,
ul#menu li a:hover,
ul#menu li#menu-active li a:hover {
  background: transparent url(/images/menu_item_right3_active.gif) no-repeat right bottom;
}

ul#menu li#menu-active a {
  font-weight: bold;
}

ul.links {
  list-style: square;
  margin-left: 20px;
}

.align-right {
  float: right;
}

.counter {
  padding-top: 3px;
  padding-left: 10px;
}


/* Page header */

#header-container {
  position: fixed;
  top: 0; left: 0; right: 0;
  text-align: center;
  height: 130px;
  z-index: 3;
  overflow: hidden;
  width:100%;
/*
  border:1px solid green;
*/
}

#header {
/*
  border:1px solid red;
*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
  font-size: 20pt;
  color: #333333;
  background: transparent /*#339898*/ url(/images/header_back4_.gif) repeat-x left top;
}

#header img {
  float: right;
  vertical-align: bottom;
  padding: 10px;
}

#header img#rahmen {
  background: transparent url(/images/foto.jpg) no-repeat center center;
}

* html #header img {
  margin:10px;
}

#header img#logo {
  display: none;
  visibility: hidden;
}

#header img#schrift {
  position: absolute;
  right: 240px;
  top: 5px;
}

#header h1 {
  font-weight: bold;
  text-align: left;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 100px;
/*
  float: right;
  color: white;
  padding-left: -1000px;
  margin-top: 15px;
  margin-right: 10px;
*/
  height: 125px;
  font-size: 0.001em;
  color: #FFB401 /*#339898*/;
  background: transparent /* #339898*/ url(/images/logo7.gif) no-repeat left top;
}

#footer-container {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 132px;
  width: 160px;
  z-index: 3;
  overflow: hidden;
/*
  width:100%;
*/
}

#footer {
  position: relative;
  left: 8px;
  bottom: 0px;
  text-align: left;
  font-size: 7pt;
  color: #777777;
  width: 100%;
}

/*
***************************
* Userdefined classes
***************************
*/

#newsflash {
/*
  border: 1px solid #333333;
  border-bottom: 0px none #FFF0CC;
*/
  background-color: #FEC7C7;
  float: right;
  width: 200px;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 10px;
}

#newsflash h2 {
  color: white;
  margin: 0;
  padding: 3px 5px;
  font-size: 13px;
/*
  border: 0px none #FFF0CC;
*/
  border-bottom: 1px solid #333333;
  background: #FD6F6F; /*#FEC7C7*/
}

#newsflash p {
  font-weight: bold;
  padding: 3px 5px 5px 5px;
  margin: 3px 0 0;
  border-bottom: 1px solid black;
}

/* ***** Status/Meldungen ***** */
.message,
#status {
  background-color: #ECECEC;
  text-align: left;
  min-height: 15px;
  padding: 3px;
  margin: 5px 0px 10px 0px;
  border: 1px solid #333333;
  color: red;
}

.error {
  color: red;
  font-weight: bold;
  margin-left: 10px;
  padding: 5px;
}


/* Current position in site structure */
#path {
  background-color: #CECECE;
  border: 1px solid #333333;
  position: absolute;
  top: 10px;
  left: 170px;
  width: 590px;
  text-align: left;
  vertical-align: bottom;
  margin: 0px;
  padding: 0 0 0 3px;
  visibility: hidden;
}

#path p {
  font-size: 11pt;
  padding-left: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: bold;
  vertical-align: bottom;
}

/* Photon gallery styles*/
.tip {
  font-size: 7pt;
  color: #666666;
}

#content _p a {
  background: transparent;
  padding-left: 0px;
  background/**/: transparent url(/images/icon_ilink.gif) no-repeat left center;
  padding-left/**/: 12px;
}

#content .email a,
#content a.email,
.email a,
a.email {
  background: transparent;
  padding-left: 0px;
  text-decoration: underline;
  background/**/: transparent url(/images/icon_email.gif) no-repeat left center;
  padding-left/**/: 14px;
  text-decoration/**/: none;
}

#content .www a,
#content a.www,
.www a,
a.www {
  background: transparent;
  padding-left: 0px;
  background/**/: transparent url(/images/icon_link.gif) no-repeat left center;
  padding-left/**/: 12px;
}

#content .pdf a,
#content a.pdf,
.pdf a,
a.pdf {
  background: transparent;
  padding-left: 0px;
  background/**/: transparent url(/images/icon_pdf.gif) no-repeat left center;
  padding-left/**/: 20px;
}

* html, * html body {
  overflow: hidden;
  bottom: 0;
  height: 100%;
}

/* Browser-Hacks */
body:last-child .tournament p.date {
  height: 63px;
}

* html #content {
  padding-top: 120px;
}

* html #newsflash {
  margin-top: 0px;
}

* html #header-container {
  position: absolute;
  width: 100%;
  padding-right: 16px;
}

* html #footer-container {
  position: absolute;
  width: 160px;
  padding-right: 16px;
}

* html #nav {
  position: absolute;
}
* html #header {
  height: 100%;
  position: static;
}

* html #footer {
  height: 100%;
  position: static;
  padding-left: 8px;
}

* html #content {
  position: absolute;
  top: 0px; bottom: 0; left: 0; right: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  margin: 0;
}

* html ul#menu {
  width: 150px;
  w\idth: 160px;
}

* html ul#menu li {
  width: 110px;
  w\idth: 120px;
}

* html ul#menu li ul {
  width: 110px;
  w\idth: 150px;
}

* html ul#menu li ul li {
  width: 108px;
  w\idth: 140px;
}

* html ul#menu li ul li ul {
  width: 85px;
  w\idth: 140px;
}

* html ul#menu li ul li ul li {
  width: 80px;
  w\idth: 130px;
}

.invisible {
  visibility: hidden;
  display: none;
}

#here {
  text-align: left;
  margin: 0;
  padding: 2px 0 0 165px;
  font-size: 8pt;
  color: #FFFFFF;
}

#here a {
  color: #FFFFFF;
}

div#accordion1 div {
  padding: 0px 5px;
}

table#skills {
  font-size: .9em;
}

table#skills,
table#skills tr,
table#skills td {
  margin: 3px;
  padding: 2px;
}

table#skills th,
table#skills td {
  padding: 3px 5px;
  border: 1px solid #FEE19E;
}

table#skills th {
  text-align: left;
  color: maroon;
/*
  color: white;
*/
  background-color: #FECE5C;
  white-space: nowrap;
  vertical-align: top;
}

table#skills td.skill-item {
  white-space: nowrap;
}

table#skills td.skill-description {
  font-size: .8em;
/*
  display: none;
  visibility: hidden;
*/
}

span.tabbed-100 {
  width: 5em;
  float: left;
}

.accordion {
  display: none;
  visibility: hidden;
}

/*
.accordion .accordionTabTitleBar  {
  padding: 1px 3px;
  margin: 0;
}
*/

#content .accordion h1,
#content .accordion h2,
#content .accordion h3,
#content .accordion h4,
#content .accordion h5 {
  background: transparent;
}

#content .accordion .accordionTabTitleBar h2,
#content .accordion .accordionTabTitleBar h3 {
  font-size: .8em;
  padding: 2px 0px;
  margin: 0;
  color: white;
}

#content .project h1,
#content .project h2,
#content .project h3,
#content .project h4,
#content .project h5,
#content .project p {
  background: transparent;
  padding: 0px;
  margin: 2px;
  color: #222222;
}

#content .project h1 { font-size: .8em; }
#content .project h2 { font-size: .8em; }
#content .project h3 { font-size: .7em; margin-top: 3px; }
#content .project h4 { font-size: .7em; }
#content .project h5 { font-size: .7em; }
#content .project p  { font-size: .7em; }
#content .project li { font-size: .7em; }

#content .project {
  clear: both;
  padding-top: 10px;
}

.project .description {
  float: left;
  padding: 0 10px 0 3px;
  border-right: 1px solid #FFD060;
  margin-right: 10px;
  width: 430px;
  background: transparent url(/images/project_back.gif) repeat-y left top;
/*
  height: 200px;
  border: 1px solid green;
*/
}

#content .project ul.tasks {
/*
  padding:0;
  margin: 0;
  border: 1px solid green;
*/
}

#content .project ul.tasks li {
  line-height: 1.3em;
/*
  padding: 0;
  margin: 0;
  border: 1px solid red;
*/
}

.project ul.links {
  list-style: none;
  margin: 5px 3px;
}

.project .screenshot {
  float: left;
  width: 150px;
/*
  border: 1px solid red;
*/
}

#content .project .screenshot img {
  background: transparent url(/images/screenshot_back.gif) no-repeat right bottom;
  padding: 0 17px 17px 0;
  margin: 0;
}

* html #content .project .screenshot span {
  background: transparent url(/images/screenshot_back.gif) no-repeat right bottom;
  padding: 0 17px 17px 0;
  width: 200px;
}

form#contact label {
  font-weight: bold;
  font-size: .7em;
  width: 160px;
  display: block;
  margin: 10px 0 3px;
}

form#contact .buttons input {
  margin: 20px 0 10px;
  background: transparent url(/images/menu_item_right3.gif) no-repeat right bottom;
  border: 1px solid #FF6440;
  padding: 2px 5px;
  font-weight: bold;
  font-size: .7em;
  color: white;
  cursor: pointer;
}