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

body {
	background-color:	rgb(233,129,49);
}

#BoxBody {
	position:			relative;
	float:				left;
	width:				890px;
	height:				auto;
	margin:				10px 0px 0px 10px;
	background-color:	rgb(255,255,255);
	background-image:	url(images/bg_gray.gif);
	background-repeat:	repeat-x;
	
	z-index:			1;
}

* html #BoxBody { 
	float:			none;
}


#BoxMenu {
	position:			relative;
	float:				left;
	width:				220px;
	height:				auto;

	z-index:			2;
}

#mainLogo {
	position:			relative;
	float:				left;
	width:				220px;
	height:				160px;
	
	z-index:			3;	
}

#mainMenu {
	position:			relative;
	float:				left;
	width:				160px;
	padding-left:		28px;
	min-height:			240px;
	margin-bottom:		20px;

	z-index:			3;	
}

#mainAbs {
	position:			relative;
	float:				left;
	width:				160px;
	height:				140px;
	padding-left:		28px;
	
	z-index:			3;	
}

#BoxHeader {
	position:			relative;
	float:				left;
	width:				670px;
	height:				102px;

	z-index:			2;
}

#mainTopMenu {
	position:			relative;
	float:				left;
	width:				670px;
	height:				24px;
	margin-top:			38px;
	padding-top:		5px;
	
	background-color:	rgb(233,129,49);
	background-image:	url(images/bg_TopMenu.gif);
	background-repeat:	no-repeat;	
	
	z-index:			3;	
}

#print {
	position:			relative;
	float:				left;
	width:				640px;
	height:				24px;
	margin-top:			5px;
	text-align:			right;	
	
	z-index:			3;	
}


#BoxContent {
	position:			relative;
	float:				left;
	width:				610px;
	padding-bottom:		30px;
	margin:				40px 0px 0px 30px;

	z-index:			2;
}

#BoxFooter {
	position:			relative;
	float:				left;
	width:				890px;
	margin:				3px 0px 0px 10px;
	text-align:			right;	

	z-index:			1;
}

* html #BoxFooter { 
	float:			none;
}

#TextArea {
	position:			relative;
	float:				left;
	width:				360px;
	height:				auto;
	margin-right:		40px;
	
	z-index:			5;
}

#ImgArea {
	position:			relative;
	float:				left;
	width:				210px;
	height:				auto;
	
	z-index:			5;
}



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

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

#BoxContentClear {
	clear:					both;
}

.BoxContentImg {
	float:					right;
	border:					1px solid rgb(160,160,160);
	padding:				4px;
	margin-bottom:			14px;
}


/* * * * * * * * FONTS * * * * * * * */
h1 {
	font-size:			23px;
	font-weight:		normal;
	color:				rgb(233,129,49);
	margin-bottom:		15px;
	width:				100%;
	
}

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

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

h4 {
}

p {
	font-size:			13px;
	font-weight:		normal;
	line-height:		18px;
	color:				rgb(80,80,80);
	margin-bottom:		15px;	
}

a {
	color:				rgb(233,129,49);
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

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

#BoxContent li {
	font-size:			13px;
	color:				rgb(80,80,80);
	margin-left:		20px;
	list-style-type:	disc;
}

#BoxContent ul {
	margin-bottom:		15px;	
}

td {
	font-size:			13px;
	color:				rgb(80,80,80);
}

.img {
	position:			relative;
	float:				left;
	border:				1px solid rgb(160,160,160);
	padding:			4px;
	margin-bottom:		14px;
}

p.message {
	color:				rgb(208,0,0);
}


#mainAbs p {
	font-size:			13px;
	font-weight:		normal;
	color:				rgb(80,80,80);
	margin-bottom:		0px;	
}

#mainAbs a {
	color:				rgb(233,129,49);
	text-decoration:	none;
}

#mainAbs a:hover {
	text-decoration:	underline;
}

#print p {
	font-size:			13px;
	font-weight:		normal;
	color:				rgb(80,80,80);
	margin-bottom:		0px;	
}

#print a {
	color:				rgb(233,129,49);
	text-decoration:	none;
}

#print a:hover {
	text-decoration:	underline;
}

#BoxFooter p {
	font-size:			12px;
	font-weight:		normal;
	color:				rgb(242,202,169);
	margin-bottom:		0px;	
}

#BoxFooter a {
	color:				rgb(242,202,169);
	text-decoration:	none;
}

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

/* * * * * * * * TOP MENU * * * * * * * */
#mainTopMenuForm {
	margin-left:		30px;
	height:				15px;
	border-left:		1px dotted	rgb(255,255,255);
}

#mainTopMenuForm ul {
	height:				15px;
}

#mainTopMenuForm ul li {
	font-size:			12px;
	display:			block;			
	float:				left;
	line-height:		15px;
	padding:			0px 20px 0px 20px;
	border-right:		1px dotted rgb(255,255,255);		
}

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

#mainTopMenuForm a:hover {
	color:				rgb(229,229,229);	
}


/* * * * * * * * MENU * * * * * * * */
#mainMenu {
}

#mainMenu ul {
	font-size:			13px;
	border-top: 		1px dotted rgb(180,180,180);	
}

#mainMenu ul li {
	padding:			3px 0px 3px 1px;
	border-bottom: 		1px dotted rgb(180,180,180);	
	list-style-type:	none;
}

#mainMenu ul li ul {
	border:				none;
}

#mainMenu ul li ul li {
	padding:			0px 0px 0px 5px;
	border:				none;
}

#mainMenu ul li ul li ul {
	border:				none;
}

#mainMenu ul li ul li ul li {
	padding:			0px 0px 0px 8px;
	border:				none;
}

#mainMenu a {
	color:				rgb(80,80,80);
	text-decoration:	none;
}

#mainMenu a:hover {
	color:				rgb(233,129,49);
	text-decoration:	none;
}

#mainMenu a.active {
	color:				rgb(233,129,49);
	text-decoration:	none;
}

/* * * * * * * * FORMULAR * * * * * * * */
.form {
	padding:			2px 2px 2px 2px;
	background-color:	rgb(255,255,255);;
	border:				1px solid rgb(127,157,185);
}

.error {
	padding:			2px 2px 2px 2px;
	background-color:	rgb(250,239,223);
	border:				1px solid rgb(207,106,0);
}


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

#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:			100;
}

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

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

#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 {
	left: 				0;
}

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

#lbNextLink {
	right: 				0;
}

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

#lbBottom {
	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;
}