/* #########################################################
** # (c) 2008 Pixelzauber GmbH (http://www.pixelzauber.ch) #
** #########################################################
** 
**  Version  : 1.0 
**  Datei    : style.css
**  Funktion : Zentrales Stylesheet
**
*/
/* * * * * * * * FRAMEWORK * * * * * * * */
* {
	font-family:			Arial, Helvetica, sans-serif;
	color:					rgb(153,152,144);
	margin:  				0; 
	padding: 				0;
}

body {
	background-color:		rgb(5,13,16);
	background-image:		url(images/bg_image.jpg);
	background-position:	left top;
	background-repeat:		no-repeat;
}


/* * * * * * * * FRAMEWORK * * * * * * * */
#BoxHead {
	position:				relative;
	float:					left;
	width:					100%;
	height:					150px;
	
	z-index:				1;
}

#BoxBody {
	position:				relative;
	float:					left;
	width:					100%;
	height:					auto;
	
	z-index:				1;
}

#BoxFooter {
	position:				relative;
	float:					left;
	width:					900px;
	height:					50px;
	
	z-index:				1;
}

#BoxMenu {
	position:				relative;
	float:					left;
	width:					340px;
	height:					auto;
	
	z-index:				2;
}

#BoxContent {
	position:				relative;
	float:					left;
	width:					560px;
	height:					auto;
	
	z-index:				2;
}

#Logo {
	position:				relative;
	float:					left;
	top:					50px;
	left:					340px;
	
	z-index:				10;
}

#mainMenu {
	position:				relative;
	width:					200px;
	min-height:				250px;
	margin:					100px 0px 20px 80px;

	z-index:				10;
}

#Contact {
	position:				relative;
	width:					200px;
	height:					100px;
	margin:					0px 0px 0px 80px;

	z-index:				10;
}

#Content {
	position:				relative;
	float:					left;
	width:					560px;
	height:					auto;
	margin:					46px 0px 0px 0px;

	z-index:				10;
}

#ref {
	position:				relative;
	float:					left;
	width:					560px;
	height:					320px;	
}

#ref_box {
	position:				relative;
	float:					left;
	width:					560px;
	height:					368px;	
}

#ref_txt {
	position:				relative;
	float:					left;
	width:					174px;
	margin-right:			30px;
}

#ref_img {
	position:				relative;
	float:					left;
	width:					356px;
}

.ref_img_frame {
	border:					3px solid rgb(255,255,255);
}

#ref_nav {
	position:				relative;
	float:					left;
	width:					560px;
	height:					140px;	
}

.naviButton {
	background:				rgb(153,152,144);
}

.naviButton:hover {
	background:				rgb(255,255,255);
}


.imgBorder {
	border:					3px solid rgb(255,255,255);
}

#imgLens {
	position:				absolute;
	cursor:					pointer;
	width:					227px;
	height:					227px;
	background:				transparent url(images/icon_lens.gif) right bottom no-repeat;
}

#StaffBox {
	width:					100%;
	height:					auto;	
}

#Staff {
	position:				relative;
	float:					left;
	width:					50%;
	height:					230px;
}

.StaffImgBorder {
	border:					3px solid rgb(255,255,255);
	margin-bottom:			10px;
}

.StaffTXT {
	font-size:				13px;
	font-weight:			normal;
	line-height:			16px;
}
/*
#CoMaBox {
	width:					100%;
	height:					auto;	
}

#CoMaBoxContent {
	position:				relative;
	float:					left;
	width:					368px;
	height:					auto;
	margin-right:			16px;
}

#CoMaBoxImages {
	position:				relative;
	float:					left;
	width:					176px;
	height:					auto;
	text-align:				right;
	margin-top:				54px;
}

.CoMaImg {
	padding:				0px;
	margin-bottom:			10px;
	background-image:		url(images/bg_img.gif);
	background-position:	center	top;
	background-repeat:		no-repeat;
	border:					3px solid rgb(255,255,255);
}
*/

#BoxContentColumn1 {
	float:					left;
	width:					368px;
	height:					auto;
}

#BoxContentColumn2 {
	margin-top:				54px;
	float:					right;
	width:					176px;
	height:					auto;
	text-align:				right;
}

#BoxContentClear {
	clear:					both;
}

.BoxContentImg {
	float:					right;
	border:					3px solid rgb(255,255,255);
	margin-bottom:			10px;
}

.BoxStartImg {
	margin-left:			16px;
	border:					3px solid rgb(255,255,255);
}

/* * * * * * * * FONTS * * * * * * * */
h1 {
	font-size:				24px;
	font-weight:			normal;
	margin-bottom:			21px;
	color:					rgb(255,255,255);
}

h2 {
	font-size:				17px;
	font-weight:			bold;
	margin-bottom:			13px;
}

h3 {
	font-size:				15px;
	font-weight:			bold;
}

h4 {
}

p {
	font-size:				13px;
	font-weight:			normal;
	line-height:			19px;
	margin-bottom:			10px;
}

a {
	color:					rgb(255,255,255);
	text-decoration:		none;
}

a:hover {
	color:					rgb(255,255,255);
	text-decoration:		underline;
}

td {
	font-size:				13px;
	font-weight:			normal;	
}

ul {
	margin-bottom:			14px;
}

li {
	list-style-type:		none;
	font-size:				13px;
	font-weight:			normal;
	line-height:			16px;
	margin-left:			10px;
	padding:				0px 0px 3px 10px;
    background: 			transparent url(images/pt_level_2.gif) no-repeat;	
}

.warning, .warning b {
	color:					rgb(210,0,0);
}

.link_ex {
	background: 	transparent url(images/icon_extlink.gif) 100% 50% no-repeat;
	padding-right:	12px;
}

.infoBox {
	line-height:			18px;
	padding-top:			8px;	
}

#Contact td {
	font-size:				13px;
	font-weight:			normal;
	line-height:			16px;
}

#Contact a {
	text-decoration:		none;
}

#Contact a:hover {
	color:					rgb(225,225,225);
	text-decoration:		none;
}

#BoxFooter p,  #BoxFooter a {
	text-align:				right;
	text-decoration:		none;
	margin-top:				20px;
	font-size:				11px;
	color:					rgb(60,60,60);
}

#BoxFooter a:hover {
	color:					rgb(160,160,160);
}

/* * * * * * * * FORMULAR * * * * * * * */
.form, .form option {
	color:					rgb(0,0,0);
	background-color:		rgb(153,152,144);
	border:					1px solid rgb(5,13,16);
	padding:				2px;
}

.error {
	color:					rgb(0,0,0);
	background-color:		rgb(224,223,213);
	border:					1px solid rgb(5,13,16);
	padding:				2px;
}

.InputSubmit {
	color:					rgb(0,0,0);
	background-color:		rgb(153,152,144);
	border:					1px solid rgb(224,223,213);
	border-right:			1px solid rgb(107,105,94);
	border-bottom:			1px solid rgb(107,105,94);
	border-left:			1px solid rgb(224,223,213);
	padding:				2px;	
}

.InputSubmit:hover {
	color:					rgb(0,0,0);
	background-color:		rgb(224,223,213);
	border:					1px solid rgb(224,223,213);
	border-right:			1px solid rgb(138,136,124);
	border-bottom:			1px solid rgb(138,136,124);
	border-left:			1px solid rgb(224,223,213);
	padding:				2px;	
}


/* * * * * * * * MENU * * * * * * * */
#mainMenu {
	font-size:				13px;
}

#mainMenu ul {
    background: 			transparent url(images/bg_border_bottom.gif) left bottom no-repeat;	
	margin-bottom:			0px;	
}

* html #mainMenu li {
	height:					0px;
}

#mainMenu ul li {
	list-style-type:		none;
    background: 			transparent url(images/bg_border_bottom.gif) left top no-repeat;	
	font-size:				13px;
	font-weight:			normal;
	line-height:			16px;	
	margin-left:			0px;
	padding:				0px 0px 0px 0px;
	
}

#mainMenu ul li ul {
    background: 			transparent;	
}

#mainMenu ul li ul li {
    background: 			transparent;
}

#mainMenu a {
	color:					rgb(153,152,144);

	display:				block;
	text-decoration:		none;
}

#mainMenu ul li a {
	color:					rgb(153,152,144);

	padding:				5px 0px 5px 3px;
}

#mainMenu ul li ul li a {
	color:					rgb(153,152,144);

	padding:				0px 0px 4px 11px;
    background: 			transparent url(images/pt_level_2.gif) no-repeat;	
}

#mainMenu ul li ul li ul li a {
	color:					rgb(153,152,144);

	padding:				0px 0px 4px 19px;
    background: 			transparent url(images/pt_level_3.gif) no-repeat;	
}

#mainMenu a:hover {
	color:					rgb(225,225,225);
}

#mainMenu ul li a.active {
	color:					rgb(225,225,225);
}

#mainMenu ul li ul li a.active {
	color:					rgb(225,225,225);
    background: 			transparent url(images/pt_level_2_active.gif) no-repeat;	
}

#mainMenu ul li ul li ul li a.active {
	color:					rgb(225,225,225);
    background: 			transparent url(images/pt_level_3_active.gif) no-repeat;	
}

/* * * * * * * * XFADE2 * * * * * * * */
#imageContainer {
	height:			317px;
	z-index:		1000;
}

#imageContainer img {
	display:		none;
	position:		absolute;
	top:			0; 
	left:			0;
	z-index:		1000;	
}


/* * * * * * * * SLIMBOX * * * * * * * */
#lbOverlay {
	position: 			absolute;
	left: 				0;
	width: 				100%;
	background-color: 	#000;
	cursor: 			pointer;
	z-index:		1000;	
}

#lbCenter, #lbBottomContainer {
	position: 			absolute;
	left: 				50%;
	overflow: 			hidden;
	background-color: 	#fff;
	z-index:		1000;	
}

.lbLoading {
	background: 		#fff url(../inc/slimbox/sb_loading.gif) no-repeat center;
}

#lbImage {
	position: 			absolute;
	left: 				0;
	top: 				0;
	border: 			10px solid #fff;
	background-repeat:	no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: 			block;
	position: 			absolute;
	top: 				0;
	width: 				50%;
	outline: 			none;
}

#lbPrevLink {
	background: 		transparent url(images/sb_prevlabel.gif) no-repeat 0% 15%;
	left: 				0;
}

#lbPrevLink:hover {
	background: 		transparent url(images/sb_prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	background: 		transparent url(images/sb_nextlabel.gif) no-repeat 100% 15%;
	right: 				0;
}

#lbNextLink:hover {
	background: 		transparent url(images/sb_nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: 		Arial, Geneva, Helvetica, sans-serif;
	font-size: 			12px;
	color: 				#666;
	line-height: 		1.4em;
	text-align: 		left;
	border: 			10px solid #fff;
	border-top-style: 	none;
}

#lbCloseLink {
	display: 			block;
	float: 				right;
	width: 				113px;
	height: 			22px;
	background: 		transparent url(images/sb_closelabel.gif) no-repeat center;
	margin: 			5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 		71px;
}

#lbCaption {
	font-weight: 		bold;
}