* {
  margin: 0;
  padding: 0;
}

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

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

body,
p,
input,
select,
textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

img {
/*
  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;
*/
}

input {
  padding: .1em .2em;
}

@media all and (min-width:0px) {
  head~body select {
    padding: .1em .2em;
 }
}

option {
  padding: .1em .2em;
}

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;
  background: transparent url(images2/heading_back.gif) repeat-y left top;
  color: white;
/*
  border: 1px solid #999999;
*/
}

h1 { font-size: 1.2em; padding-top: 5px;}
h2 { font-size: 1em; padding-top: 5px;}
h3 { font-size: .9em; padding-top: 5px;}
h4 { font-size: .8em; padding-top: 5px;}

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

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

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

}

:link {
  text-decoration: none;
  color: #5E7EA5;
}

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

:visited {
  text-decoration: none;
  color: #394E66;
}

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

body {
  font-weight: normal;
  font-size: 100.01%;
  color: #333333;

  background-color: #E8EEF4; /*#B9C9DB #DFE7EF #816647*/
}

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

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

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

#nav {
  position: absolute;
/*
  position: fixed;
*/
  top: 22px;
  left: 10px;
  width: 165px;
	z-index: 3;
  background: #5E7EA5 url(images2/nav_top.gif) no-repeat left top;
}

#nav h2 {
  font-size: 13px;
  width: 155px;
  padding-left: 10px;
/*
  padding-bottom: 0px;
  margin-bottom: 0px;
  height: 30px;
*/
  background: transparent;
}

ul#topics {
  list-style: none;
}

ul#topics li {
  clear: both;
  font-size: 1em;
}

ul#topics li h3 {
  float: left;
  font-size: 12px;
  text-align: center;
  padding: 0;
  margin-right: 10px;
  margin-bottom: 3px;
  border: 1px solid #AABBCE;
  line-height: 28px;
  width: 100px;
  background: #5E7EA5;
  color: #F2F8FD;
}

ul#topics li h3 a {
  line-height: 28px;
  vertical-align: middle;
  background-color: #5E7EA5;
  color: #F2F8FD;
  display: block;
/*
  width: 100px;
*/
  padding: 3px;
}

ul#topics li p {
  vertical-align: middle;
  float: left;
  display: inline;
  padding: 3px;
  margin: 0;
  width: 600px;
}

ul#menu {
  list-style: none;
  width: 160px;
  font-size: 10pt;
  font-weight: normal;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 18px;
  background: transparent url(images2/nav_bottom.gif) no-repeat left bottom;
  margin: -2px 0;
}

ul#menu li {
  font-size: 8pt;
  width: 150px;
  margin: 0;
  border-bottom: 1px solid #5E7EA5;
  padding: 1px 0px;
  margin-right: 10px;
}

ul#menu li ul {
  width: 150px;
  border-top: 1px solid #5E7EA5;
  margin-top: 1px;
  margin-left: 0px;
  list-style: none;
}

ul#menu li ul li {
  margin: 0;
  margin-left: 10px;
  margin-right: 0px;
  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;
  color: #000000;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  display: block;
  overflow: hidden;
  font-weight: normal;
}

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

ul#menu li#menu-active a,
ul#menu li a:hover,
ul#menu li#menu-active li a:hover {
  color: #F2F8FD;
  background-color: #5E7EA5;
}

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;
  background: #E8EEF4;
  width: 160px;
}

/* Page header */

#header-container {
  position: absolute;
  width:100%;
/*
  position: fixed;
*/
  top: 0; left: 0;
  text-align: center;
  height: 167px;
  z-index: 3;
  overflow: hidden;
/*
  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: #5E7EA5 url(images2/shadow_bottom.gif) repeat-x left bottom;
  height: 167px;
}

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

#header img#rahmen {
  background: transparent url(images2/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: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
/*
  float: right;
  color: white;
  padding-left: -1000px;
*/
  font-size: 0.001em;
  color: #5E7EA5;
  height: 134px;
  margin-top: 10px;
  margin-right: 10px;
  background: #5E7EA5 url(images2/header.jpg) no-repeat right top;
}

#footer-container {
  position: absolute;
/*
  position: fixed;
  width:100%;
*/
  bottom: 0; left: 0; right: 0;
  height: 40px;
  z-index: 3;
  overflow: hidden;
/*
  border:1px solid green;
*/
}

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

/*
#footer {
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-align: right;
  font-size: 7pt;
  color: #777777;
}
*/


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

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

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

#newsflash p {
  font-weight: bold;
  font-size: .7em;
  margin: 3px 0 0;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid black;
}

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

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

.other_language {
  font-size: 10pt;
  font-weight: bold;
  color: red;
  background-color: #ECECEC;
  text-align: left;
  min-height: 15px;
  padding: 3px;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 1px solid #333333;
}

.followup {
  border: none;
  margin: 5px;
  padding: 2px;
  font-weight: bold;
  color: #000000;
}

/*
************************
* Formulare
************************
*/
table.docs {
  width: 80%;
}

.caption,
td.caption {
  border: 1px solid #333333;
  background-color: #ECECEC;
  border-color: #333333;
  font-weight: bold;
  padding: 1px;
}

td.head {
  border: 1px solid #333333;
  background-color: #F7F7F7;
  border-color: #333333;
  font-weight: bold;
  padding: 1px;
}

td.detail {
  background-color: #F7F7F7;
  border: 1px solid #333333;
}

.desc,
td.desc {
  background-color: #F7F7F7;
  color: #111111;
  border-color: #333333;
  font-weight: bold;
  padding: 1px;
}

td.desc2 {
  background-color: #F7F7F7;
  color: #FFFFFF;
}

td.data {
  padding: 1px;
}

td.field {
  background-color: #F0F0F0;
  padding: 1px;
}

td.button {
  background-color: transparent;
  border: none;
  font-weight: bold;
  padding: 1px;
}

/* 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: 0px;
  padding-left: 3px;
  visibility: hidden;
}

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

.sponsor {
  border-top: 1px dotted #333333;
  border-bottom: 1px dotted #333333;
  font-size: 10pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px 1px;
}

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

.page_nrs {
  text-align: center;
  margin: 15px 5px;
  font-size: 8pt;
  color: #000000;
}

.page_nrs #active {
  color: red;
  border: 1px solid red;
  background-color: #EEEEEE;
  width: auto;
  padding: 1px 3px;
}

.page_nrs #link {
  color: #666666;
  border: 1px solid #333333;
  background-color: #EEEEEE;
  width: auto;
  padding: 1px 3px;
}

.page_nrs a { text-decoration: none; }
.page_nrs a: active {  }
.page_nrs a: visited {  }
.page_nrs a#link: hover { color: #FFFFFF; background-color: #777777; }

.small {
  font-size: 8pt;
}

.pics {
  margin: 5px 30px;
  text-align: center;
}

.pics img {
  margin: 3px;
  padding: 1px;
  border: 1px solid #111111;
}

ul.schedule {
  list-style: none;
  clear: both;
  margin: 6px 2px;
}

ul.schedule li {
  clear: both:
}

ul.schedule li span {
  display: block;
  float: left;
}

ul.schedule li span.day {
  font-weight: bold;
  width: 100px;
}

ul.schedule li span.time {
  width: 150px;
}

.tournament {
  border: 2px solid #5E7EA5;
  margin: 2px 0px;
  clear: both;
  height: 75px;
  padding: 2px;
}

.tournament p.details {
  display: inline;
/*
  float: left;
*/
}

.tournament p.date {
  float: left;
  padding: 0px;
  height: 67px;
  width: 95px;
  color: white;
  font-weight: bold;
  background-color: #7F97B1; /*#5E7EA5*/
  margin-right: 5px;
}

.tournament span.name {
  font-weight: bold;
}

.tournament span.place {
}

.tournament span.email {
}

.tournament span.www {
}

.tournament#upcoming {
  border: 2px solid #FD6F6F;
}

.tournament#upcoming p.date {
  background-color: #FD6F6F;
}

#content p a {
  background: transparent;
  padding-left: 0px;
  background/**/: transparent url(images2/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;
  background/**/: transparent url(images2/icon_email.gif) no-repeat left center;
  padding-left/**/: 14px;
}

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

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

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

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

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

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

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

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

* html #footer {
  height: 100%;
  position: static;
}

* html #content {
  position: absolute;
  top: 0px; bottom: 0; left: 0; right: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  margin: 0;
}
*/
* html ul#menu {
  width: 140px;
  w\idth: 160px;
}

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

* 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;
}

#reg-form fieldset {
/*
  padding: 10px;
  height: auto;
  padding-top: 1em;
  width: auto;
*/
  padding-bottom: .3em;
  border: 1px solid #AABBCE;
  margin: 5px 0;
}

#reg-form fieldset legend {
  margin: 0px 5px;
  padding: 3px;
  border: 1px solid #AABBCE;
  font-size: .9em;
  font-weight: bold;
  color: #F2F8FD;
  background-color: #5E7EA5;
}

#reg-form fieldset p input,
#reg-form fieldset p textarea {
  font-size: 1em;
}

#reg-form fieldset p {
  clear: both;
  margin: .3em 10px 0em;
  padding: 0;
/*
  border: 1px solid green;
  height: auto;
  line-height: 2em;
  border: 1px solid #000000;
  position: relative;
*/
}

#reg-form fieldset label {
  float: left;
  width: 9em;
/*
  height: auto;
  display: block;
  height: 1em;
  height: auto;
  position: absolute;
  left: .3em;
  top: 0;
  width: 9em;
  z-index: 2;
  float: left;
  height: auto;
  width: 9em;
  vertical-align: center;
*/
}

#reg-form fieldset input {
  height: auto;
/*
  float: left;
  height: 2em;
  width: 9em;
  position: absolute;
  left: 10em;
  top: 0;
  z-index: 3;
  float: left;
  height: auto;
*/
  padding: 2px;
  margin: 0;
/*
  margin: 10px;
  line-height: 20px;
*/
}

#reg-form #participants th {
  font-size: .7em;
  font-weight: normal;
  background-color: #B9C9DB;
  border: 1px solid #AAAAAA;
/*
*/
  padding: 1px 1px;
}

#reg-form #participants .align-center td {
  text-align: center;
}

#reg-form #buttons {
  margin-top: .8em;
}

#reg-form input.button,
#reg-form #buttons input {
  text-align: center;
  padding: 1px 4px;
  border: 2px solid #5E7EA5;
  background-color: #DDDDDD;
  color: #5E7EA5;
  font-weight: bold;
  cursor: pointer;
}

.labeled-list {
}

.labeled-list p {
  clear: both;
}

.labeled-list span.label {
  width: 100px;
  font-weight: bold;
}

#participants p {
  clear: both;
}

#participants .number,
#participants .name,
#participants .gender,
#participants .class,
#participants .disciplines {
  display: block;
  float: left;
}

#participants .number      { width: 50px; }
#participants .name        { width: 250px; }
#participants .gender      { width: 25px; }
#participants .class       { width: 25px; }
#participants .disciplines { width: 150px; }

#participants h3 {
  margin-top: 17px;
}

#content .infobox {
  border: 1px solid #000000;
  width: 70%;
  margin-top: 5px;
  margin-bottom: 10px;
  background-color: #FEC7C7;
}

#content .infobox h3 {
  background: #FD6F6F;
  color: white;
  margin: 0;
}

#content .infobox p {
  margin: 4px 5px;
  padding: 2px;
  font-weight: bold;
}

.back-to-top {
  clear: both;
  display: block;
  text-align: right;
}

a img {
  border: none;
}