/* #########################################################
** # (c) 2008 Pixelzauber GmbH (http://www.pixelzauber.ch) #
** #########################################################
** 
**  Version  : 1.0 
**  Datei    : style.css
**  Funktion : Zentrales Stylesheet
**
*/
/* * * * * * * * FRAMEWORK * * * * * * * */
* { 
	margin:  				0; 
	padding: 				0;
} 

html {
	height:					100%;
	font-family:			"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:					rgb(80,80,80);
}

body {
	min-height:				101%;
	background-color:		rgb(52,52,52);
	background-image:		url(images/bg_index.gif);
	background-position:	top;
	background-repeat:		repeat-x;
	z-index:				0;		
}

#headerBox {
	position:				relative;
	float:					left;
	width:		 			100%;
	height:					200px;

	background-image:		url(images/bg_header.gif);
	background-position:	center	bottom;
	background-repeat:		no-repeat;
	
	z-index:				1;
}

#imageBox {
	position:				relative;
	float:					left;
	width:		 			100%;
	height:					200px;
	
	background-image:		url(images/bg_imagebox.gif);
	background-position:	center top;
	background-repeat:		no-repeat;
		
	z-index:				1;
}


#centerBox1 {
	position:				relative;
	float:					left;
	width:		 			100%;
	height:					auto;
	
	background-image:		url(images/bg_centerbox1.gif);
	background-position:	center	top;
	background-repeat:		repeat-y;
		
	z-index:				1;
}

#centerBox2 {
	position:				relative;
	float:					left;
	width:		 			100%;
	height:					auto;
	
	background-image:		url(images/bg_centerbox2.gif);
	background-position:	center	top;
	background-repeat:		no-repeat;
		
	z-index:				2;
}

#centerBox3 {
	position:				relative;
	float:					left;
	width:		 			100%;
	min-height:				300px;
	
	background-image:		url(images/bg_centerbox3.gif);
	background-position:	center	bottom;
	background-repeat:		no-repeat;
		
	z-index:				2;
}

#footerBox {
	position:				relative;
	float:					left;
	width:		 			100%;
	height:					60px;	
	
	background-image:		url(images/bg_footerbox.gif);
	background-position:	center	top;
	background-repeat:		no-repeat;
		
	z-index:				1;
}

#logoBox {
	position:				absolute;
	left:		   			50%;
	margin-left:			-340px;
	top:					100px;
	width:					340px;
	height:					100px;

	z-index:				2;
}

#langBox {
	position:				absolute;
	left:		   			50%;
	margin-left:			0px;
	top:					170px;
	width:					340px;
	height:					30px;
	text-align:				right;

	z-index:				2;
}

#menuBox {
	position:				relative;
	float:					left;
	left:		   			50%;
	margin-left:			-320px;
	padding-bottom:			30px;
	top:					1px;
	width:					160px;
	
	z-index:				10;		
}

/*for IE6 */
* html #menuBox {
	margin-left:			-319px;
}

#mainBox {
	position:				relative;
	float:					left;
	left:		   			50%;
	margin-left:			-110px;
	top:					0px;
	width:					450px;
	padding:				0px 0px 40px 0px;
	
	z-index:				20;
}

#printBox {
	position:				relative;
	left:		   			50%;
	margin-left:			-110px;
	top:					0px;
	width:					450px;
	height:					35px;
	text-align:				right;
	
	z-index:				11;
}

#image {
	position:				absolute;
	left:		   			50%;
	margin-left:			-360px;
	top:					1px;
	width:					720px;
	height:					199px;

	z-index:				2;	
}

/*for IE6 */
* html #image {
	margin-left:			-359px;
}
/*for IE7 */
*+html #image {
	margin-left:			-360px;
}
/* Only FireFox 3 */
#image, x:-moz-any-link, x:default {
	margin-left:			-361px;
} 

#footerBoxCopyr {
	position:				relative;
	float:					left;
	left:		   			50%;
	margin-left:			-360px;
	top:					5px;
	width:					716px;
	height:					25px;
	text-align:				right;

	z-index:				2;	
}

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

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

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

.BoxContentImg {
	padding:				6px;
	margin-bottom:			10px;
	background-image:		url(images/bg_img.gif);
	background-position:	center	top;
	background-repeat:		no-repeat;
}

/* * * * * * * * FONTS * * * * * * * */
h1 {
	font-size:				18px;
	color:					rgb(15,15,15);
	margin-bottom:			15px;
}

h2 {
	font-size:				15px;
	color:					rgb(80,80,80);
	margin-bottom:			10px;
}

h3 {
	font-size:				13px;
	color:					rgb(80,80,80);
	margin-bottom:			0px;
}

h4 {
	font-size:				13px;
	color:					rgb(80,80,80);
	font-weight:			normal;
	margin-bottom:			0px;
	text-decoration:		underline
}

p {
	font-size:				13px;
	line-height:			18px;
	margin-bottom:			6px;	
}

a {
	color:					rgb(85,156,219);
	text-decoration:		none;
}

a:hover {
	color:					rgb(0,102,191);
	text-decoration:		none;
}

td {
	font-size:				13px;
}

ul {
	margin: 				0px 0px 20px 0px;
}

li {
	margin: 				0px 0px 0px 18px;
	padding-left:			0px;
	font-size:				13px;
	line-height:			18px;
	list-style-image:		url(images/list_li_1.gif);
}

.form {
	font-family:			"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:					rgb(0,0,0);
	background-color:		rgb(255,255,255);
	border:					1px solid rgb(127,157,185);
	padding:				2px;
}

.error {
	font-family:			"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:					rgb(210,0,0);
	background-color:		rgb(255,220,220);
	border:					1px solid rgb(190,0,0);
	padding:				2px;
}

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

.lang {
	font-size:				11px;
	font-weight:			normal;
	color:					rgb(145,145,145);
}

.lang a {
	color:					rgb(145,145,145);
	text-decoration:		none;
}

.lang a.active {
	color:					rgb(245,245,245);
}

.lang a:hover {
	color:					rgb(245,245,245);
	text-decoration:		none;	
}

.printLink {
	font-size:				11px;
	font-weight:			normal;
	color:					rgb(80,80,80);
	line-height:			35px;
}

.printLink a {
	color:					rgb(145,145,145);
	text-decoration:		none;
}

.printLink a:hover {
	color:					rgb(0,0,0);
	text-decoration:		none;	
}

.copyr {
	font-size:				11px;
	font-weight:			normal;
	color:					rgb(150,150,150);
}

.copyr a {
	color:					rgb(150,150,150);
	text-decoration:		none;
}

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

a[href^="http:"] {
	background: 			transparent url('images/icon_extlink.gif') 100% 50% no-repeat;
	padding-right: 			12px;
}

a:hover[href^="http:"] {
	background: 			transparent url('images/icon_extlink_hover.gif') 100% 50% no-repeat;
	padding-right: 			12px;
}

.headerLink a[href^="http:"], .menu a[href^="http:"] {
	background:				none;
	padding-right:			0;
}

.copyr a[href^="http:"] {
	background:				none;
	padding-right:			0;
}

a[href$=".pdf"] {
	background: 			transparent url('images/picto_pdf.gif') 0 50% no-repeat;
	padding-left: 			18px;
}

/* * * * * * * * MENU * * * * * * * */
.menu {
	font-size:				13px;
	padding-left: 			0;
	margin-left: 			0;
	background: 			transparent url(images/menu_li_1.gif) bottom no-repeat;
	width: 					160px;
}

.menu ul {
	margin: 				0px 0px 0px 0px;
}

.menu li {
	list-style: 			none;
	list-style-image:		none;
	margin: 				0;
	padding: 				7px 0px 7px 2px;
	line-height:			16px;		
	background: 			transparent url(images/menu_li_1.gif) top no-repeat;
}

* html .menu li {
	height:					13px;
	padding: 				7px 0px 5px 2px;	
}

.menu li ul li {
	list-style: 			none;
	margin: 				0;
	padding: 				4px 0px 0px 0px;
	background:				none;
}

.menu li a {
	font-weight:			bold;
	color:					rgb(100,100,100);
	display:				block;	
}

.menu li ul li a {
	font-weight:			normal;
}

.menu a:hover {
	color:					rgb(0,0,0);
}

.menu a.active {
	color:					rgb(0,0,0);
}


/* * * * * * * * FORMULAR * * * * * * * */


/* * * * * * * * XFADE2 * * * * * * * */
#imageContainer {
	height:				720px;
}

#imageContainer img {
	display:			none;
	position:			absolute;
	top:				0; 
	left:				0;
}


/* * * * * * * * 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;
	z-index:			1000;
}

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

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

#lbPrevLink {
	left: 				0;
	z-index:			1000;
}

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

#lbNextLink {
	right: 				0;
	z-index:			1000;
}

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

#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;
	z-index:			1000;
}

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

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

#lbCaption {
	font-weight: 		bold;
	z-index:			1000;
}

/* * * * * * * Gallery * * * * * * */
.ImageGallery {
	float:				left;
	width:				100%;
}

.ImageBox {
	position:			relative;
	float:				left;
	width:				215px;
	min-height:			140px;
	padding-bottom:		0px;
}

.ImageBoxIMG {
	position:			relative;
	width:				160px;
	height:				125px;
	padding:			6px;
	background-image:	url(images/bg_img.gif);
	background-position:left top;
	background-repeat:	no-repeat;
}

.ImageBoxTXT {
	position:			relative;
	font-size:			11px;
	min-height:			0px;
}

.block {
	position:			relative;
	float:				left;
}