/***********************
	FILE
************************
Filename: 		elements.css					
Date:			02.04.2007 16:52				
Author:			Benjamin Stellmacher 			
				<benjamin.stellmacher@hellgrau.com>	
Description:	Contains all content elements
***********************/

/***********************
	left content
***********************/

/* 600px */

div.box-closed-600 { 
	clear: left; 
	width: 600px; 
}

div.box-closed-600 div.body {
	padding:  20px 13px;
	background: #e7eaed url(../images/bg_box_600_grey_top.jpg) no-repeat center top;
}

div.box-closed-600 h1 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	width: 571px;
	color: #888;
	border-bottom: 1px solid #d9dadb;
}

div.box-closed-600 p { color: #888; }

div.box-closed-600 div.foot {
	width: 600px;
	height: 7px;
	background: transparent url(../images/bg_box_600_grey_bot.jpg) no-repeat center top;
}

/* 395px */

div.box-closed-395 { 
	margin: 0 0px 0px 0px; 
	float: left; 
	width: 395px;
}

div.box-closed-395 div.body {
	padding: 12px 13px;
	height: 220px;
	background: #e7eaed url(../images/bg_box_395_grey_top.jpg) no-repeat center top;
}

div.box-closed-395 h1 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	width: 377px;
	color: #888;
	border-bottom: 1px solid #d9dadb;
}

div.box-closed-395 p { color: #888; }

div.box-closed-395 p a { color: #f90; }

div.box-closed-395 li a { color: #f90; }

div.box-closed-395 div.foot {
	width: 395px;
	height: 7px;
	background: transparent url(../images/bg_box_395_grey_bot.jpg) no-repeat center top;
}

/* 403px */

div.box-closed-403 { 
	margin: 0 0px 0px 0px; 
	float: left; 
	width: 403px;
}

div.box-closed-403 div.body {
	padding: 12px 13px;
	height: 220px;
	background: #e7eaed url(../images/bg_box_403_grey_top.jpg) no-repeat center top;
}

div.box-closed-403 h1 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	width: 377px;
	color: #888;
	border-bottom: 1px solid #d9dadb;
}

div.box-closed-403 p { color: #888; }
div.box-closed-403 p a { color: #f90; }

div.box-closed-403 div.foot {
	width: 403px;
	height: 7px;
	background: transparent url(../images/bg_box_403_grey_bot.jpg) no-repeat center top;
}

/* 185px */

div.box-closed-185 { 
	margin: 0 0 12px 0;
	float: left; 
	width: 185px;
}

div.box-closed-185 div.body {
	padding: 20px 12px;
	height: 276px;
	background: #e7eaed url(../images/bg_box_185_grey_top.jpg) no-repeat center top;
}

div.box-closed-185 h1 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	width: 159px;
	color: #888;
	border-bottom: 1px solid #d9dadb;
}

div.box-closed-185 p { color: #888; }

div.box-closed-185 div.foot {
	width: 185px;
	height: 7px;
	background: transparent url(../images/bg_box_185_grey_bot.jpg) no-repeat center top;
}


/***********************
	right content
***********************/

div.box-open-small { width: 194px; }

div.box-open-small div.body { padding: 6px 6px; }

div.box-open-small h3 { 
	margin: 0 0 12px 0;	
	padding: 0; 
}

div.box-open-small p { color: #888; }

div.box-open-small a { color: #ff9900; }


/***********************
	popup content
***********************/

div.box-open-880 { width: 880px; }

div.box-open-880 div.body { padding: 6px 0px; }

div.box-open-880 h1 { 
	margin: 0 0 15px 0;	
	padding: 0; 
	font-weight: bold;
	color: #888; 
}

div.box-open-880 p { 
	margin: 0 0 12px 0;
	color: #888; 
}

div.box-open-880 p a { 
	color: #f90; 
	text-decoration: underline;
}


/* 805 */

div.box-closed-805 { 
	margin: 0 0px 0px 0px; 
	float: left; 
	width: 805px;
}

div.box-closed-805 div.body {
	padding: 12px 13px;
	background: #e7eaed url(../images/bg_box_805_grey_top.jpg) no-repeat center top;
}

div.box-closed-805 div.body div.logo-display {
	margin: 0 0 0 0px;
	width: 760px;
	text-align: center;
}

div.box-closed-805 div.body div.logo-display img {
	border: 1px solid #ccc;
}

div.box-closed-805 h1 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	width: 377px;
	color: #888;
	border-bottom: 1px solid #d9dadb;
}

div.box-closed-805 p { color: #888; }

div.box-closed-805 div.foot {
	width: 805px;
	height: 7px;
	background: transparent url(../images/bg_box_805_grey_bot.jpg) no-repeat center top;
}



/* 800 */

div.text {
	margin: 15px 0 15px 0;
	padding: 0 13px;
	font-size: 12px;
	line-height: 14px;
	color: #666;
}



/***********************
	stan
***********************/

div.stan-1 {
	position: relative;
	margin: 6px 0 0 0;
	width: 805px;
	height: 243px;
	
	background-image: url(../images/znx_bg_orange_805x243.jpg);
	background-repeat: no-repeat;
}

/*
div.stan-1 div#flash-wrap {
	float: left;
	margin: 12px 0 0 0px;
	width: 440px;
	height: 210px;
	text-align: center;
}
*/

div.stan-1 div#video-wrap {
	float: left;
	margin: 7px 0 0 0px;
	width: 400px;
	height: 210px;
	text-align: center;
}

div.stan-1 div.content {
	float: left;
	margin: 12px 0 0 20px;
	width: 380px;
}

div.stan-1 div.content h1 {
	margin: 8px 0 0 0;
}

div.stan-1 div.content div.seperator {
	margin: 10px 0 0 0;
	padding: 0 0 16px 0;
	width: 320px;
	height: 2px;
		
	background-image: url(../images/znx_sep_org.gif);
	background-repeat: repeat-x;
}

div.stan-1 div.content p {
	color: #000;
}

div.stan-1 div.content a {
	float: right;
	height: 20px;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
}