/************************************************************/
/*** BODY ***/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818284;

	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #B2B7BB;
}

/************************************************************/
/*** HEADINGS ***/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
	_padding-top: 5px;
	*padding-top: 5px;
	margin-bottom: -6px;
	_margin-bottom: 5px;
	*margin-bottom: 5px;
	line-height: 0px;	
}

h4 {
	font-size: 14px;	
	margin-top: 1px;
	margin-bottom: 0px;
}

h5 {
	font-size: 12px;
	margin: 0;
	margin-top: -3px;
	padding: 0;	
}

h6 {
	font-size: 11px;
	font-weight: bold;	
}

h7 {
	margin-left: 138px;	
}

a {
	text-decoration: none;
	color: #818284;
}

a img {
	border: none;
} 


/************************************************************/
/*** MISC ***/
td {vertical-align: top;}
td .error {
	color: #ff0000;
}

td p {
	margin-top: -6px;	
}

.td_bottom {
	vertical-align: bottom !important;
}

/* IE7 */
*+html td p {
	margin-bottom: 0px !important;
}

td img {
	_margin-top: -5px;	
	*margin-top: -5px;
}

.field, .field_kongress, .field_kongress_small {
	width: 160px;
	
	color: #818284;
	font-size: 10px;
	border: 1px solid #808185;
}

.field_kongress {
	width: 220px;
}

.field_kongress_small {
	width: 30px;
}


.field2 {
		font-size: 12px;
		width: 200px;
}


.button {
	font-size: 10px;
	color: #fff;

	background-color: #939498;
	border: 1px solid #808185;
}

.newshead {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing:1px;
	line-height:22px;
	margin-top: -6px;
	_margin-top: 0px;
	*margin-top: 0px;	
}

.image-subheader {
	font-size: 12px;	
}


/************************************************************/
/*** CONTAINER ***/
#container {
	position: relative;
	width: 829px;
	height: auto;
	margin: auto;
}

#inner-container {
	position: relative;
	top: -8px;
	_top: -14px;
	*top: -14px;
	width: 829px;
	
	border-bottom: 1px solid #b8b8b8;

	background-color: #fff;
	background-image: url(../images/fg.gif);
	background-repeat: no-repeat;
}

#content-container {
	line-height: 16px;
	height: 640px;
	
	margin: 0px 24px 7px 24px;
	_margin: 0px 0px 0px 12px;
	
	background-image: url(/fileadmin/images/content-bg.gif);
	background-position: 120px 100px;
	background-repeat: repeat-y;
	
	float: left;
}

#headarea {
	background-color: #fff;
	width: 600px;
	height: 139px;
}



/************************************************************/
/*** HEAD ***/
#head {
	top: 7px;
	width: 781px;
	height: 82px;
	
	margin-top: 7px;
	margin-bottom: 5px;
	
	/*background-image: url(../images/head.jpg);
	background-repeat: no-repeat; */
	
	float: left;
}

#head img {
	width: 780px;
	height: 82px;
}

/************************************************************/
/*** TOP-NAV ***/
#topnav {
	position: relative;
	width: 785px;
	height: 20px;
	
	float: left;
}

#topnav ul {
	list-style: none;
	display: inline;
}

#topnav li {
	width: 189px;
	
	margin-right: 6px;
	border: 1px solid #C2C7CA;
	padding: 4px 0px 4px 0px;
	
	text-align: center;
	letter-spacing: 1px;
	display: inline;
	float: left;
}

#topnav li.last {
	width: 187px;
	margin-right: 0px;
}

#topnav li.act {
	background-color: #D5D9DC;
}

/************************************************************/
/*** LEFT-NAV ***/
#leftnav {
	position: relative;
	width: 138px;	
	float: left;
	height: 400px;
	
	line-height: 13px;
}

.leftnav-height- {height: 23px;}
.leftnav-height-1 {height: 46px;}
.leftnav-height-2 {height: 69px;}
.leftnav-height-3 {height: 92px;}
.leftnav-height-4 {height: 115px;}
.leftnav-height-5 {height: 138px;}
.leftnav-height-6 {height: 161px;}
.leftnav-height-7 {height: 184px;}
.leftnav-height-8 {height: 207px;}
.leftnav-height-9 {height: 230px;}
.leftnav-height-10 {height: 253px;}
.leftnav-height-11 {height: 276px;}
.leftnav-height-12 {height: 299px;}

#leftnav-bg {
	position: absolute; 
	top: 0px;
	left: 0px;
	
	width: 138px; 
}

.leftnav-bg-img {
	width: 138px;
}

#leftnav-content {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 138px;
}

#leftnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
	background-image: url(../images/leftnav-items-bg.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#leftnav li {
	padding: 3px 0px 2px 0px;
	margin: 0px 0px 5px 0px;	
	text-align: center; 
}

.leftnav-title {
	color: #ffffff;
}

#leftnav li.act {
	border: 1px solid #221f20;
	padding: 2px 0px 2px 0px;
	margin-bottom: 4px;
}
#leftnav li.last {
	margin-bottom: 0px;
}

#leftnav a:link, #leftnav a:active, #leftnav a:visited, #leftnav a:hover {
	color: #707172;
	font-size: 11px;
}

#leftnav a:link.first, #leftnav a:active.first, #leftnav a:visited.first, #leftnav a:hover.first {
	color: #ffffff;
}


/************************************************************/
/*** CONTENT ***/
#content {
	width: 395px;
	height: 300px;
	
	padding-left: 25px;
	padding-right: 30px;
	
	float: left;
}

html>body #content {
		height: auto;
		min-height: 300px;
}


#content .content-body { /* Geändert von Simon am 19.04.2011 wegen umfließenden Text im IE */
	width: 390px;
	/*width: auto;*/
}

#content .content-body td {
	padding-top: 5px;
	_padding-bottom: 10px;	
	*padding-bottom: 10px;
}

#content .content-body a {
	text-decoration: underline;
}

#content img {
	_padding-top: 10px;
	_padding-bottom: 10px;
	*padding-top: 10px;
	*padding-bottom: 10px;
}

.content-body p {
	_margin-top: 0px;
	_margin-bottom: 5px;
	*margin-top: 0px;
	*margin-bottom: 5px;
}

/************************************************************/
/*** LOGINBOX ***/
.tx-newloginbox-pi1 h1 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	letter-spacing: 0px;
	line-height: 14px;
	
	text-transform: none;
}

/************************************************************/
/*** RIGHTAREA ***/
#rightarea {
	position: relative;
	left: 0px;
	width: 215px;
	margin: 0px -7px 0px -20px;

	float: left;	
}

/*#rightarea div {float:left;}*/

/************************************************************/
/*** SEARCH ***/
div.search {
	width: 105px;
	height: 25px;
	float: left;
}

.searchfield {
	border: 1px solid #888888;
	color: #818284;
	font-size: 9px;
	width: 75px; 
}

/* IE6 */ 
*html .searchbutton {margin-top: 1px;}

/* IE7 */
*+html .searchfield {margin-top: -1px;}


div.search-box-query {
	float: left;
	margin-top: -1px;
}

div.search-box-submit {
	float: left;
	margin-left: 5px;
}

/************************************************************/
/*** LANGUAGE ***/
#language {
	position: relative;
	top: -2px;
	width: 110px;

	
	font-size: 11px;
	padding-bottom: 15px;
	
	float: right;
	text-align: right;
}

#language a {
	color: #fff;
}

#language img {
	border: none;
}

.lang_lbl {
	position: relative;
	display: inline;
	float: right;
}

#langnavi {
	margin-top: 2px;
	width: 50px;
	display: inline;
	float: right;	
}
	
/************************************************************/
/*** RIGHTTEXT ***/
#righttext {
	width: 204px;
	height: auto;
	
	margin-top: -10px;
	padding: 5px 5px 5px 5px;
	_padding-right: -3px;

	background-color: #E6E7E9;
	
	float: left;
	_float: none;
	*float: none;
}

#righttext a {
	font-weight: bold;	
}

#righttext h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0.7pt;
	
	margin: 5px 0px 3px 0px;
}

#righttext .content-body p {
	margin: 0px 0px 5px 0px;
}


/************************************************************/
/*** VIDEOPLAYER ***/
#videoplayer {
	margin-top: 15px;
	padding-bottom: 100px;
	
	float: left;
}

/************************************************************/
/*** GALLERY ***/
.project-block p {
	margin: 10px 0px 5px 0px;	
}

/* IE7 */
*+html .project-block p {
	margin: -2px;	
}

div.project-images img {
	border: none;
	margin-right: 5px;
}

.project-images {
	margin-bottom: 10px;	
}

/* IE7 */
*+html .project-images {
	margin-bottom: 0px;	
}




/************************************************************/
/*** RIGHT AUX-CONTAINTER ***/
#aux-container-area {
	width: 194px;
	float: left;
	margin: 5px 0px 15px 0px;
}

/* IE6 */
*html #aux-container-area {margin-top: 10px;}

#aux-container {
	width: 194px;
	float: left;
	margin-left: 0px;
	padding: 5px 10px 10px 10px;
	background-color: #E6E7E9;
}

#aux-container h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.7pt;
	
	margin: 5px 0px 5px 0px;
}

/* IE6 Test Right A.P. */
*html #aux-container h2 {padding-top: 5px;}

/* IE7 */
*+html #aux-container h2 {padding-top: 5px;}


/*#aux-container a {
	color: #818284;
	font-weight: bold;
	text-decoration: none;
}*/

/************************************************************/
/*** CUSTOMER-LOGIN ***/
#customer-login {
	position: absolute;
	bottom: 69px;
	left: 4px;

	padding-left: 20px;
}

.loginfield {
	width: 75px;

	color: #818284;
	font-size: 10px;

	margin-top: 5px;
}

.loginbutton {
	font-size: 10px;
	color: #fff;

	margin-top: 10px;
	
	border: 1px solid #808185;
	
	background-color: #939498;
}

/************************************************************/
/*** FOOTER ***/
#footer {
	position: relative;
	width: 784px;
	
	margin: 0px 0px 10px 24px;
	_margin-top: 15px;
	padding-top: 10px;

	border-top: 1px solid #B1B6BA;

	clear: both;
}

#footer ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#footer li {
	padding-left: 3px;
	list-style: none;
	display: inline;
}

.footer-right {
	position: absolute;
	right: 0px;
}


/************************************************************/
/*** SHADOW ***/
#shadow-bottom {
	position: relative;
	top: -8px;

	width: 829px;
	height: 11px;
}

/* IE6 */
*html #shadow-bottom {top: -14px;}

/* IE7 */
*+html #shadow-bottom {top: -14px;}

/************************************************************/
/*** RIGHTAREA ***/
.csc-frame-invisible {
	/*_position: absolute;*/
	width: 214px;
	
	padding-top: 10px;
	margin: 0px 0px -5px -5px;
	
	background-color: #fff;
}

/* IE6 */ 
*html .csc-frame-invisible { margin-right: -5px; }

	
.csc-frame-frame1 img {
	border: 2px solid #fff;
}

.csc-frame-frame2 {
	width: 215px;
	margin-left: -5px;
	padding-top: 10px;
	background-color: #fff;	
}

/* IE6 */
*html .csc-frame-frame2 {
	margin-top: 0px;
	margin-right: -15px;
	padding-right: 10px;
} 

/* IE7 */
*+html .csc-frame-frame2 {
	margin-top: 0px;
}

.images-frame2-inner {
	background-color: #E6E7E9;
	padding: 0px 0px 10px 10px;

	width: 204px;
}

.images-frame2-inner h2 {
	padding: 5px 0px 5px 0px !important;
	margin: 0px !important;
}

.csc-frame-frame2 img {
	border: 1px solid #fff;
}

.csc-frame-indent {
	width: 214px;
	
	padding-top: 10px;
	*margin-top: -10px;
	margin-left: -5px;
	margin-bottom: -10px;
	_padding-right: 10px;
	_margin-right: -15px;
	
	background-color: #fff;
}

.csc-frame-indent img {
	padding-bottom: 10px;
}

.csc-frame-rulerBefore {
	margin-top: 10px;
}

/************************************************************/
/*** FOTOARCHIVE ***/
.csc-textpicHeader-26 h1 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	margin: 0px;
	text-transform: none;
}

/************************************************************/
/*** NEWS ***/
.news-list-block {
	margin-bottom: 14px;
}

.news_cam {
	position: relative;
	top: 10px;
}

.news-list-block  h2 {
	margin: 0;
	font-size: 11px;
	text-transform: none;
}

h1.news-title {
	text-transform: none;
	margin: 3px 0px 3px 0px;
}

.news-single-footer {
	padding-top: 20px;
}

.news-sigle-morenews {
	float: left;
}

.news-sigle-print {
	float: right;
	padding-right: 15px;
}

.news-sigle-morenews a, .news-sigle-print a, .news-list-block a {
	font-weight: bold;
}

/************************************************************/
/*** eCommerce Language Select ***/

#lang {
	width: 204px;
	height: auto;
	
	margin-top: -10px;
	padding: 0px 5px 0px 5px;
	_padding-right: -3px;

	background-color: #E6E7E9;
	
	float: left;
	_float: none;
	*float: none;
}

#lang table.contenttable {
	margin-top: -15px;
}

#lang p {
	margin-left: 10px;
}

#lang table.contenttable td img {
	text-align: center;	
	margin: 3px 10px 2px 5px;
}
#lang table.contenttable td {
	vertical-align: middle;
}

#lang a {
	font-weight: bold;
}

#lang img {
	width: 30px;
	height: 20px;
}

#lang h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0.7pt;
	
	margin: 5px 0px 3px 0px;
}

#lang .content-body p {
	margin: 0px 0px 5px 0px;
}

/************************************************************/
/*** FLASH-PLAYER ***/
#flash-player {
	margin-top: 5px;
	/*margin-left: -8px;*/
}

/************************************************************/
/*** SEARCH-RESULT ***/
.browsebox {
	display: inline;
}

.browsebox li {
	display: inline;
	padding-left: 5px;
}

/************************************************************/
/** LOGINBOX **/
.tx-newloginbox-pi1 th {text-align: left;}
.tx-newloginbox-pi1 th, .tx-newloginbox-pi1 td {
	padding: 5px 5px 0px 5px !important;
}

.tx-newloginbox-pi1 th {
	padding-left: 0px !important;
}

/************************************************************/
/** LOGINBOX **/
.bewerbung img {
	padding: 0px 0 5px 0;	
}

.bewerbung {
	position:relative;
	right: 5px;
	top:0px;
	background-color: #FFFFFF;
	width: 214px;
	height: 37px;
	/*margin: 0px 0 5px -5px !important;	
	padding: 5px 0 0 0;*/
}

.infotd {
	width: 150px;	
}
