html {
	height: 100%;
}

body {
	margin: 0%;
	padding: 0%;
	color: #000000;
	background-color: #ffffff;
	font-family: sans-serif;
	height: 100%;
}

/* ----------container zentriert das layout-------------- */
#container {
	margin-left: auto;
	margin-right: auto;
	/* width: 80%; */
        width: 63em;
        min-height: 100%;
	height: auto !important; /* moderne Browser */
	height: 100%; /* IE */
	text-align: left; /*overflow:hidden;	*/
	background: url( '/themes/biennathlon/images/bg.png' ) top left repeat-y;
}

#container_header {
	/* height: 200px; width:1200px;*/
        height: 18em;
	padding-top: 0px;
	/* padding-left: 1.5em; */ 
	font-weight: bold;
	color: white;
	/*background: url( '/themes/biennathlon/images/website_head4.jpg' ) top left no-repeat;*/
}

#container_header a {
	color: #fff;
	text-decoration: none;
}

#container_header a:visited {
	color: #ffffff;
}

#container_orange {
	border: 0px;
	background-color: #fbc11f;
}

#container_white {
	border: 0px;
	background-color: #ffffff;
}
/* ------------------	color: #fbc11f;----------------------------*/
#container_header a:hover {
	color: #fbc11f;
}

#container_header img {
	border: 0px;
}


/* ----------banner for logo-------------- */

#banner {
	margin: 0;
	padding: 0;
	background-color: #EBD3E0;
}

#banner p {
	margin-left: 20em;
	padding: 25px;
}

/* -----------------Inhalt--------------------- */

#content {
/* 	padding: 0; */
	padding-top: 15px; 
	margin: 0 0 0 20em;
}

#content p, pre {
	padding: 10px 10px 15px 0px;
	margin: 0;
	font-size: 1em;
}

#content pre, code {
	font-size: 1.2em;
}

#content h1 {
	font-size: 1.5em;
	margin: 0;
}

#content h2 {
	font-size: 1.2em;
	margin: 10px 0 0 0;
}

#content .row1 {
	background-color: #FFF;
}

#content .row2 {
	background-color: #EEE;
}

#content table {
	/* padding: 3px; */ 
        padding: 0px;
	border: 0px;
	width: 99%;
}

/* --------------left navigavtion------------- */

#left {
	float: left;
	width: 20em;
	margin: 0;
	padding: 0px 0 0 0;
	color: #fff;
	height: 100%;
}

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

/* NAVI */
#nav ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

#nav img {
	border: none;
}

#nav {
	float: left;
	width: 252px;
	height: auto;
	padding-left: 2.5em;
	padding-right: 1em;
	background-color: #fbc11f;
	background: url( '/themes/biennathlon/images/menu.png' ) top left repeat-y;
	font-size: large;
}

#nav li a {
	margin: 5px;
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
}

#nav li a:link, #nav li a:visited {
	margin: 5px;
	color: #000;
	display: block;
	background: url( '/themes/biennathlon/images/both.gif' );
	padding: 8px 0 0 15px;
}

#nav li a:hover, #nav li #active {
	margin: 5px;
	color: #fff;
	background: url( '/themes/biennathlon/images/both.gif' ) 0 -32px;
	padding: 8px 0 0 15px;
}

/* subnavi */
#subnav ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

#subnav img {
	border: none;
}

#subnav {
	float: left;
	width: 192px; /*height:auto !important;*/
        height: 300px;
	padding-left: 8.5em;
	padding-right: 1em;
	background-color: #fbc11f;
	background: url( '/themes/biennathlon/images/menu_sub_2.png' ) top left no-repeat;
	font-size: 13px;
	font-weight: bold;
}

#subnav li a {
	margin: 0px;
	height: 18px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 21px;
	text-decoration: none;
}

#subnav li a:link, #subnav li a:visited {
	margin: 5px;
	color: #000;
	display: block;
	background: url( '/themes/biennathlon/images/both_sub.gif' );
	padding: 6px 0 0 10px;
}

#subnav li a:hover, #subnav li #active {
	margin: 5px;
	color: #fff;
	background: url( '/themes/biennathlon/images/both_sub.gif' ) 0 -27px;
	padding: 6px 0 0 10px;
}

/* -----------footer--------------------------- */

#footer {
	clear: left;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: smaller;
}

/*------------------------------------------------*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 550px;
  max-width: 600px;
  width: 580px;
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;


  padding: 5px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 150px;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/***************************************/
/* CSS DEFINITIONS FOR GALLERY-MODULE  */
/***************************************/

#gallery div.category_tree {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 25px 0px;
}

#gallery div.category_row_1, #gallery div.category_row_2  {
	width: 100%;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	height:auto !important;
	border-bottom: 1px dotted #D0D0D0;
}

#gallery div.category_row_1 {
	background-color: #f9f9f9;
}

#gallery div.category_row_2 {
	background-color: #ffffff;
}


#gallery div.category_image {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#gallery  div.category_informations {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#gallery div.category_informations h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

#gallery div.category_comment {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}

#gallery div.category_images {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	float:left;
	height:auto !important;
}

#gallery div.show_image, #gallery div.image_navigation {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	float:left;
	height:auto !important;
	text-align: center;
}


#gallery div.image_voting, #gallery div.image_comment {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	height:auto !important;
}

#gallery div.category_images div.image {
	width: 33%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	float: left;
}

#gallery div.category_paging {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}

#gallery div.show_image img, #gallery div.category_image img, #gallery div.category_images img{
	border:2px solid #1679CE;
	margin: 0px 15px 0px 0px;
}

#gallery div.show_image a:hover img, #gallery div.category_image a:hover img, #gallery div.category_images a:hover img {
	border:2px solid #51BBF9;
	margin: 0px 15px 0px 0px;
}

#gallery table {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-spacing: 0px;
}

#gallery tr.row1 {
	background-color: #ffffff;
}

#gallery tr.row2 {
	background-color: #f9f9f9;
}

#gallery table th {
	padding: 4px 5px 4px 5px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	background-color: #EFEFEF;
	border: 0px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px dotted #D0D0D0;
}

#gallery th a {
	color: #000000;
}


#gallery table td {
	padding: 3px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	border-bottom: 1px dotted #D0D0D0;
	border-right: 1px solid #ffffff;
}