/******************************************/
/* Standard-CSS for Get. In.              */
/******************************************/

/******************************************/
/* General definitions                    */
/******************************************/

html, body, p, h1, h2, h3, span, a, ul, ol, table, td, form, hr, div, fieldset, label, legend {
	margin: 0px;
	padding: 0px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #323232;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	background: #4f4f4f url(../img/bg_main.jpg) no-repeat top left;
}
a:link, a:visited { 
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #323232;
	text-decoration: underline;
}  
a:active, a:hover {  
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #323232; 
	text-decoration: underline; 
}  
img {  
	border: 0px;
	display: inline;  
}
.clear {
	clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.jswarning {
	background-color: #ff0000;
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 10px;
	font-weight: bold;
}

/******************************************/
/* END General definitions                */
/******************************************/

div#background_box {
	background: url(../img/bg_wrapper_repeat.gif) repeat-y left top;
	position: relative;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}
div#wrapper_box {
	margin: 0 0 0 131px; 
	width: 930px;
	background: url(../img/bg_wrapper.jpg) no-repeat left top;
	position: relative;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}

/* logo */

div#logo {
	padding: 72px 0 0 520px;
}

/* menu */

div#menu {
	width: 176px;
	float: left;
}

/* main menu */

ul#main_menu {
	margin: 51px 0 0 0;
}
ul#main_menu li {
	list-style-type: none;
	width: 176px;
}
ul#main_menu li strong {
	padding: 0 0 0 24px;
}
ul#main_menu a {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #323232;
	display: block;
	text-decoration: none;
	padding: 0 0 0 24px;
}
ul#main_menu a.active {
	background: url(../img/bg_menu.jpg) no-repeat 0 1px;
}
ul#main_menu a:active, ul#main_menu a:hover {
	background: url(../img/bg_menu.jpg) no-repeat 0 1px;
}
ul#main_menu li.support {
	width: 152px;
	padding: 0 0 0 24px;
}
ul#main_menu li.support a {
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	color: #323232;
	display: block;
	text-decoration: none;
	padding: 0;
}
ul#main_menu li.support a:active, ul#main_menu li.support a:hover {
	background: none;
}

/* archive menu */

ul#archive_menu {
	margin: 20px 0 0 0;
	background: url(../img/bg_archive_menu.gif) no-repeat 0 0;
	padding: 30px 0;
}
ul#archive_menu li {
	list-style-type: none;
	width: 176px;
}
ul#archive_menu li strong {
	padding: 0 0 0 24px;
	color: #575756;
}
ul#archive_menu a {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #575756;
	display: block;
	text-decoration: none;
	padding: 0 0 0 24px;
}
ul#archive_menu a.active {
	background: url(../img/bg_menu.jpg) no-repeat 0 1px;
}
ul#archive_menu a:active, ul#archive_menu a:hover {
	background: url(../img/bg_menu.jpg) no-repeat 0 1px;
}
div#menu div.hr {
	background: url(../img/bg_archive_menu.gif) no-repeat 0 0;
	height: 1px;
}

/* sponsor menu */

ul#sponsor_menu {
	margin: 50px 0 15px 0;
}
ul#sponsor_menu li {
	list-style-type: none;
	width: 152px;
	padding: 0 0 0 24px;
}

/* image */

div#image {
	position: absolute;
	top: 0px;
	left: -30px;
}

/* content */

div#content {
	margin: 51px 30px 0 40px;
	width: 675px;
	float: left;
	position: relative;
}
div#content h1 {
	margin: 0 0 20px 0;
	font-weight: bold;
}
div#content h1.special {
	color: #8d9261;
}
div#content h2 {
	margin: 0 0 0 0;
	font-weight: bold;
}
div#content p {
	margin: 0 0 15px 0;
}
div#content td {
	vertical-align: top;
}
div#content strong.program {
	color: #7b7d68;
}
div#content div#columns div#column_left {
	float: left;
	width: 325px;
}
div#content div#columns div#column_right {
	float: left;
	width: 350px;
}
div#content div.speaker {
	width: 350px;
	height: 65px;
	background: #f6f9ed;
	margin: 0 0 10px 0;
}
div#content div.nobg {
	background: transparent;
}
div#content div.speaker img {
	float: left;
	border: 1px solid #c8cda5;
}
div#content div.speaker div {
	float: left;
	padding: 5px 0 5px 20px;
	margin-left: 1px;
	width: 270px;
}
div#content div.homespeaker {
	width: 324px;
	margin: 0 0 10px 0;
}
div#content div.homespeaker div {
	float: left;
	padding: 8px 0 5px 17px;
	margin-left: 1px;
	width: 249px;
}
div#content div.bode {
	background: url(../img/home_speaker_bg.gif) no-repeat 0 0;
	cursor: pointer;
}
div#content div.bode div {
	width: 110px;
}

div#content a.more_speakers {
	background: url(../img/black_arrow.gif) no-repeat 0 3px; 
	padding: 0 0 0 9px;
	text-decoration: none;
}
a.submit, a.submit:link, a.submit:visited, a.submit:active, a.submit:hover {
	width: 305px;
	height: 20px;
	border: 1px solid #4f5863;
	background: #b1b496 url(../img/bg_submit.gif) no-repeat top left;
	color: #fff;
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	padding: 0 0 0 20px;
	text-align: left;
	display: block;
	margin: 5px 0;
	text-decoration: none;
}

.mailform .submit {
	width: 327px;
	height: 22px;
	border: 1px solid #4f5863;
	background: #b1b496 url(../img/bg_submit.gif) no-repeat top left;
	color: #fff;
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	padding: 0 0 0 20px;
	text-align: left;
	display: block;
	margin: 5px 0;
	cursor: pointer;
}
.mailform fieldset {
	border: none;
	display: block;
}
.mailform legend {
	font-weight: bold;
	padding: 0 0 30px 0;
	display: block;
}
.mailform fieldset div {
	padding: 3px 0;
}
.mailform fieldset label {
	float: left;
	vertical-align: middle;
	width: 95px;
	font: 12px/20px Arial, Helvetica, sans-serif;
}
.mailform fieldset input {
	border-top: 1px solid #4f5863;
	border-left: 1px solid #4f5863;
	border-bottom: 1px solid #b4bec8;
	border-right: 1px solid #b4bec8;
	float: left;
	width: 230px;
	height: 16px;
	font: 12px/16px Arial, Helvetica, sans-serif;
}
.mailform fieldset div.radio {
	float: left;
	padding: 0;
}
.mailform fieldset div.radio input {
	border: none;
	margin: 3px 0 0 0;
	width: auto;
	height: auto;
}
.mailform fieldset div.radio label {
 	margin: 0 10px 0 0;
	padding: 0 5px;
	width: auto;
}
.mailform fieldset textarea {
	border-top: 1px solid #4f5863;
	border-left: 1px solid #4f5863;
	border-bottom: 1px solid #b4bec8;
	border-right: 1px solid #b4bec8;
	float: left;
	width: 230px;
	height: 60px;
}
.mailform div.error label {
	color: #ff0000;
}
.mailform div.error input {
	border: 1px solid #ff0000;
}
span.error {
	color: #ff0000;
	display: none;
	font-weight: bold;
}

.question fieldset label {
	float: none;
	vertical-align: middle;
	width: 400px;
	display: block;
}
.question fieldset input {
	float: none;
	width: 400px;
}
.question fieldset textarea {
	float: none;
	width: 400px;
}
.question fieldset p {
	padding: 5px 0 0 0;
}
.question fieldset .submit {
	width: 400px;
}

ul#gallery_menu {
}
ul#gallery_menu li {
	list-style-type: none;
	display: inline;
}
ul#gallery_menu li a {
	background: url(../img/black_arrow.gif) no-repeat 0 3px; 
	padding: 0 20px 0 12px;
	text-decoration: none;
}
ul#gallery_menu li a.active {
	font: bold 12px/17px Arial, Helvetica, sans-serif;
}

div#gallery{
	margin: 20px 0 0 0;
}
div#gallery div {
	width: 220px;
	height: 250px;
	float: left;
	margin: 0 0 0 7px;
}
div#gallery a {
	width: 220px;
	height: 166px;
	display: block;
	background: #4f4f4f;
	text-align: center;
}

div#gallery div p {
	margin: 10px 0 0 0;
}
div#gallery div.first {
	margin: 0 0 0 0;
}

div.doku {
	margin: 14px 0 0 0;
}
div.doku div.doku_left{
	position: relative;
	width: 175px;
	height: 114px;
	float: left;
}
div.doku div.doku_left img.doku_img{
	float: left;
	border: 2px solid #c8cda5;
}
div.doku div.doku_left img.doku_download{
	position: absolute;
	top: 82px;
	left: 38px;
}
div.doku div.doku_right{
	margin: 7px 0 0 0;
	float: left;
}
/* footer */

div#content div#footer {
	margin: 130px 0 30px 0;
}
div#content div#footer div.logos {
	height: 52px;
}
div#content div#footer div.logos img {
	float: left;
}
div#content div#footer p {
	border-top: 1px solid #000;
	margin: 5px 0;
	padding: 5px 0;
	font: 11px/16px Arial, Helvetica, sans-serif;
}

div#content div.teaser {
	width: 379px;
	height: 65px;
	margin: 0 0 7px 0;
}

div#content div.bilder {
	background: url(../img/teaser_home_bilder.gif) no-repeat 0 0; 
}
div#content div.doku {
	background: url(../img/teaser_home_doku.gif) no-repeat 0 0; 
}
div#content div.ref {
	background: url(../img/teaser_home_ref.gif) no-repeat 0 0; 
}

div#content div.teaser div {
	padding: 6px 0 0 107px;
	margin: 0;
}
div#content div#columns div#column_left_home {
	float: left;
	width: 296px;
}
