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

div.free-standing {
	clear: both;
	padding: 0;
}

div.free-standing div.body {
	padding:  10px 13px 10px 13px;
}


/***********************
	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;
}

/* 600px with splitted content */

div.box-closed-600.splitted {}

div#content div.box-closed-600.splitted h2.subheader { float: left; }
div#content div.box-closed-600.splitted h2.subheader.first { width: 338px; }

div.box-closed-600.splitted div.column { float: left; }

div.box-closed-600.splitted div.column.left { width: 330px; }
div.box-closed-600.splitted div.column.left h1 { width: 330px; }

div.box-closed-600.splitted div.column.right { width: 224px; margin-left: 10px; padding-left: 9px; border-left: 1px solid #888; }
div.box-closed-600.splitted div.column.right h1 { width: 224px; }

/* 403px */

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

div.box-closed-403 div.body {
	padding: 12px 13px;
	height: 292px;
	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 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; margin: 0 0 5px 0; }

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;
}