@charset "ISO-8859-1";

/********************************/
/*								*/
/*			layout.css			*/
/*		Page Layout Styles		*/
/*								*/
/********************************/

/******************************/
/* Div Style: Overall wrapper */

#div_wrapper {
	width: 720px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

/**********************/
/* Div Styles: Header */

#logo-clockwork {
	width: 80px;
	height: 80px;
	position: absolute;
	margin-top: -20px;
	margin-left: -20px;
	background-image:url(../images/header/header_logo-clockwork.png);
}
#div_header {
	height: 66px;
	background-image: url(../images/header/header_bg.png);
}
#div_header #site-title {
	position: absolute;
	margin-top: 16px;
	margin-left: 80px;
	text-align: left;
}
#div_header #logo-bdwm {
	width: 259px;
	height: 32px;
	position: absolute;
	margin-top: 16px;
	margin-left: 440px;
	background-image: url(../images/header/header_logo-bdwm.png);
}

/********************/
/* Div Styles: Menu */

#div_menu {
	height: 32px;
	margin-top: -1px;
	background-image: url(../images/menu/menu-bg.png);
	background-repeat: no-repeat;
}
#div_menu #home {
	width: 106px;
	height: 32px;
	background-image: url(../images/menu/menu_home.png);
	background-repeat: no-repeat;
	background-position: center;
	border-right: 1px solid #999999;
	float: left;
}
#div_menu .item {
	width: 106px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-right: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	float: left;
}
#div_menu #search_bar {
	width: 206px;
	height: 32px;
	margin-right: 2px;
	border-left: 1px solid #FFFFFF;
	float: left;
}
#div_menu #contact {
	position: absolute;
	width: 39px;
	height: 32px;
	background-image: url(../images/menu/menu_contact.png);
	background-repeat: no-repeat;
	float: left;
}
#div_menu #admin-login {
	position: absolute;
	width: 39px;
	height: 32px;
	margin-left: 41px;
	background-image: url(../images/menu/menu_admin-login.png);
	background-repeat: no-repeat;
	float: left;
}
#div_menu a:link {
	color: #000000;
}
#div_menu a:visited {
	color: #000000;
}
#div_menu a#home:hover {
	background-image: url(../images/menu/menu_home-hover.png);
	background-color: #FFFFFF;
}
#div_menu a.item:hover {
	background-image: url(../images/menu/menu_item-hover.png);
}
#div_menu a#contact:hover {
	background-image: url(../images/menu/menu_contact-hover.png);
}
#div_menu a#admin-login:hover {
	background-image: url(../images/menu/menu_admin-login-hover.png);
}

/*************************/
/* Div Styles: Site Path */

#div_site-path {
	width: 720px;
	height: 18px;
	margin-top: 16px;
	margin-bottom: -8px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 10px;
	float: none;
}

/*************************/
/* Div Styles: Intro Box */

#box_intro {
	width: 448px;
	margin-top: 16px;
	margin-right: 16px;
	float: left;
}
#box_intro .header-bar {
	width: 448px;
	height: 19px;
	background-image: url(../images/boxes/box_intro/box_intro-header-bar.png);
}
#box_intro .body {
	width: 448px;
	min-height: 160px;
	background-image: url(../images/boxes/box_intro/box_intro-body-bg.png);
}
#box_intro .title-bar {
	padding-top: 10px;
	padding-left: 16px;
}
#box_intro .title {
	width: 386px;
	margin-right: 10px;
	padding-bottom: 4px;
	border-bottom: solid 1px #CCCCCC;
	float: left;
}
#box_intro .content {
	margin: 36px 17px 0px 15px;
}
#box_intro .footer-bar {
	width: 448px;
	height: 21px;
	background-image: url(../images/boxes/box_intro/box_intro-footer-bar.png);
}

/*****************************/
/* Div Styles: Important Box */

#box_important {
	width: 256px;
	margin-top: 16px;
	float: left;
}
#box_important .header-bar {
	width: 256px;
	height: 19px;
	background-image: url(../images/boxes/box_important/box_important-header-bar.png);
}
#box_important .body {
	width: 256px;
	min-height: 160px;
	background-image: url(../images/boxes/box_important/box_important-body-bg.png);
}
#box_important .title-bar {
	padding-top: 10px;
	padding-left: 16px;
}
#box_important .title {
	width: 194px;
	margin-right: 10px;
	padding-bottom: 4px;
	border-bottom: solid 1px #CCCCCC;
	float: left;
}
#box_important .content {
	margin: 36px 17px 0px 15px;
}
#box_important .footer-bar {
	width: 256px;
	height: 21px;
	background-image: url(../images/boxes/box_important/box_important-footer-bar.png);
}

/************************/
/* Div Styles: Main Box */

#box_main {
	width: 720px;
	margin-top: 16px;
	float: left;
}
#box_main .header-bar {
	width: 720px;
	height: 19px;
	background-image: url(../images/boxes/box_main/box_main-header-bar.png);
}
#box_main .body {
	width: 720px;
	min-height: 160px;
	background-image: url(../images/boxes/box_main/box_main-body-bg.png);
}
#box_main .title-bar {
	padding-top: 10px;
	padding-left: 16px;
}
#box_main .title {
	width: 658px;
	margin-right: 10px;
	padding-bottom: 4px;
	border-bottom: solid 1px #CCCCCC;
	float: left;
}
#box_main .content {
	margin: 36px 18px 0px 17px;
}
#box_main .footer-bar {
	width: 720px;
	height: 21px;
	background-image: url(../images/boxes/box_main/box_main-footer-bar.png);
}

/*******************************/
/* Div Styles: Admin-Login Box */

#box_admin-login {
	width: 366px;
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
}
#box_admin-login .header-bar {
	width: 366px;
	height: 19px;
	background-image: url(../images/boxes/box_admin-login/box_admin-login-header-bar.png);
}
#box_admin-login .body {
	width: 366px;
	background-image: url(../images/boxes/box_admin-login/box_admin-login-body-bg.png);
}
#box_admin-login .title-bar {
	padding-top: 10px;
	padding-left: 16px;
}
#box_admin-login .title {
	width: 306px;
	margin-right: 10px;
	padding-bottom: 4px;
	border-bottom: solid 1px #CCCCCC;
	float: left;
}
#box_admin-login .content {
	margin: 36px 17px 0px 15px;
	padding: 0px 0px 14px 0px;
}
#box_admin-login .footer-bar {
	width: 366px;
	height: 21px;
	background-image: url(../images/boxes/box_admin-login/box_admin-login-footer-bar.png);
}

/**********************/
/* Div Styles: Footer */

#div_footer {
	width: 720px;
	margin: 8px 0px 16px 0px;
	padding: 2px 0px 0px 0px;
	border-top: solid 1px #CCCCCC;
	text-align: center;
	font-size: 10px;
	color: #999999;
	float: left;
}

/********************/
/* DIV Styles: News */

.div_news {
	margin: 12px 0px 0px 0px;
}
.div_news .title-news {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
}
.div_news .content-news {
	min-height: 42px;
	padding-left: 74px;
	display: block;
}

/* Calendar */
.calendar {
	width: 62px;
	height: 60px;
	margin: 0px 12px 0px 0px;
	background-image: url(../images/icons/icon_calendar.png);
	background-repeat: no-repeat;
	float: left;
	display: block;
}
.calendar .month {
	width: 100%;
	height: 20px;
	padding-top: 3px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.calendar .day {
	width: 100%;
	height: 42px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}

/**********************************/
/* Table Styles: Project Overview */

/* Table ID */
#table_project-overview {
	width: 100%;
	margin-bottom: 14px;
	border-collapse: collapse;
}

/* Caption */
#table_project-overview caption {
	width: 281px;
	height: 32px;
	margin: 0px 0px 0px -1px;
	padding: 9px 0px 0px 32px;
	background-image: url(../images/backgrounds/caption_bg.png);
	background-repeat: no-repeat;
	color: #555555;
	text-align: left;
	font-weight: bold;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/* Header */
#table_project-overview tr.header {
	background-color: #FFE1E1;
	vertical-align: middle;
}
#table_project-overview th {
	padding: 8px 6px 8px 6px;
	background-image: url(../images/bullets/bullet_arrow-white.png);
	background-repeat: no-repeat;
	color: #555555;
	letter-spacing: 1px;
	text-align: center;
	border: 1px solid #CCCCCC;
}
#table_project-overview th.info {
	width: 16px;
	background-image: url(../images/icons/icon_info_20x20.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* Rows and Cells */
#table_project-overview tr {
	background-color: #FBFBFB;
	vertical-align: top;
}
#table_project-overview tr.alt {
	background-color: #F2F2F2;
}
#table_project-overview td{
	padding: 6px 6px 6px 6px;
	border: 1px solid #CCCCCC;
}
#table_project-overview td.nr {
	width: 20px;
	text-align: right;
}
#table_project-overview td.date {
	width: 62px;
}
#table_project-overview td.info {
	background-image: url(../images/icons/icon_info_12x12.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* Hover-Effect */
#table_project-overview tr.header:hover {
	cursor: auto;
}
#table_project-overview tr:hover {
	background-color: #FFE1E1;
	cursor: pointer;
}

/****************************/
/* DIV Styles: Gallery Link */

#div_gallery-link {
	width: 120px;
	line-height: 24px;
	margin: 0px 0px 12px 12px;
	padding: 10px;
	background-color: #FBFBFB;
	border: 1px solid #CCCCCC;
	display: table-cell;
	float: right;
}
#div_gallery-link:hover {
	background-color: #FFE1E1;
	cursor: pointer;
}
#div_gallery-link .text {
	float: left;
}

/*********************************/
/* Table Styles: Project Content */

/* Table ID */
.table_project-content {
	width: 100%;
	margin-bottom: 14px;
	border-collapse: collapse;
}

/* Caption */
.table_project-content caption {
	width: 281px;
	height: 32px;
	margin: 0px 0px 0px -1px;
	padding: 9px 0px 0px 32px;
	background-image: url(../images/backgrounds/caption_bg.png);
	background-repeat: no-repeat;
	color: #555555;
	text-align: left;
	font-weight: bold;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/* Header */
.table_project-content tr.header {
	background-color: #FFE1E1;
	vertical-align: middle;
}
.table_project-content th {
	padding: 8px 6px 8px 6px;
	background-image: url(../images/bullets/bullet_arrow-white.png);
	background-repeat: no-repeat;
	color: #555555;
	letter-spacing: 1px;
	text-align: center;
	border: 1px solid #CCCCCC;
}
.table_project-content th.mail {
	width: 16px;
	background-image: url(../images/icons/icon_mail_20x20.png);
	background-position: center;
	background-repeat: no-repeat;
}
.table_project-content th.pw_req {
	width: 16px;
	background-image: url(../images/icons/icon_auth_20x20.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* Rows and Cells */
.table_project-content tr {
	background-color: #FBFBFB;
	vertical-align: top;
}
.table_project-content tr.important {
	background-color: #DDFFDD;
}
.table_project-content td{
	padding: 6px 6px 6px 6px;
	border: 1px solid #CCCCCC;
}
.table_project-content td.phone {
	width: 96px;
}
.table_project-content td.mail {
	vertical-align: middle;
	text-align: center;
}
.table_project-content td.order {
	width: 20px;
	text-align: right;
}
.table_project-content td.name {
	width: auto;
}
.table_project-content td.version {
	width: 160px;
}
.table_project-content td.date {
	width: 66px;
}
.table_project-content td.pw_req {
	background-image: url(../images/icons/icon_lock_12x12.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* Hover-Effect */
.table_project-content tr:hover {
	background-color: #FFE1E1;
	cursor: pointer;
}
.table_project-content tr.header:hover {
	cursor: auto;
}
.table_project-content tr.team:hover {
	cursor: auto;
}

/************************/
/* Form Styles: General */

fieldset {
	margin: 0px 0px 0px 0px;
	padding: 8px 12px 12px 12px;
	border: 1px solid #CCCCCC;
}

legend {
	margin: 0px 0px 0px 16px;
	padding: 0px 4px 0px 18px;
	background-image: url(../images/bullets/bullet_arrow-red.png);
	background-position: 4px center;
	background-repeat: no-repeat;
	color: #FF0000;
}

/************************************/
/* Form Styles: Search Bar (Header) */

/* Form TAG */
#form_search_bar {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

/* Fields */
#form_search_bar .field {
	width: 156px;
	height: 14px;
	margin: 9px 0px 0px 12px;
	padding: 1px;
	background-color: transparent;
	border: none;
	font-size: 10px;
}

/* Button */
#form_search_bar .submit-button {
	width: 15px;
	height: 15px;
	margin: 9px 0px 0px 13px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/menu/menu_loupe.png);
	background-color: transparent;
	border: none;
}
#form_search_bar .submit-button:hover {
	background-image: url(../images/menu/menu_loupe-hover.png);
	cursor: pointer;
}

/******************************/
/* Form Styles: Project-Login */

/* Div TAG */
#project-login {
	margin: 0px 0px 12px 0px;
	padding: 10px;
	background-color: #FFE1E1;
	border: 1px solid #FF0000;
	display: inline-block;
}
#project-login div {
	float: left;
}

/* Div TAG Alt */
#project-login-alt{
	margin: 0px 0px 12px 0px;
	padding: 10px;
	background-color: #DDFFDD;
	border: 1px solid #00CC00;
	display: inline-block;
}
#project-login-alt div {
	float: left;
}

/* Form TAG */
#form_project-login {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	float: left;
}

/* Fields */
#form_project-login .field {
	width: 218px;
	height: 14px;
	margin: 0px 0px 0px 8px;
	padding: 4px;
	background-image: url(../images/forms/form_admin-login-bg.png);
	background-color: #FBFBFB;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
}

/* Buttons */
#form_project-login .submit-button {
	width: 120px;
	height: 24px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/forms/form_admin-submit-button.png);
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	display: inline;
}
#form_project-login .submit-button:hover {
	background-image: url(../images/forms/form_admin-submit-button-hover.png);
	cursor: pointer;
}

/* Info Div */
#project-login-info {
	width: 142px;
	height: 100%;
	margin: 0px 0px 0px 12px;
	padding: 4px 12px 4px 0px;
	background-image: url(../images/icons/icon_lock_12x12.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-color: #FBFBFB;
	border: 1px solid #CCCCCC;
	text-align: right;
	float: right;
}

/****************************/
/* Form Styles: Admin-Login */

/* Form TAG */
#form_admin-login {
	margin: 0px 26px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

/* Fields */
#form_admin-login .field {
	width: 218px;
	height: 16px;
	margin: 6px 0px 0px 10px;
	padding: 4px;
	background-image: url(../images/forms/form_admin-login-bg.png);
	background-color: #FBFBFB;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	float: right;
}

/* Buttons */
#form_admin-login .submit-button {
	width: 120px;
	height: 24px;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/forms/form_admin-submit-button.png);
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
}
#form_admin-login .submit-button:hover {
	background-image: url(../images/forms/form_admin-submit-button-hover.png);
	cursor: pointer;
}

/***********************/
/* Form Styles: Search */

/* Form TAG */
#form_search {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

/* Fields */
#form_search .field {
	width: 516px;
	height: 16px;
	margin: 6px 0px 0px 0px;
	padding: 4px;
	background-color: #FBFBFB;
	border: 1px solid #CCCCCC;
}

/* Buttons */
#form_search .submit-button {
	width: 120px;
	height: 24px;
	margin: 6px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/forms/form_admin-submit-button.png);
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
}
#form_search .submit-button:hover {
	background-image: url(../images/forms/form_admin-submit-button-hover.png);
	cursor: pointer;
}

/******************************/
/* List Styles: Links Arrowed */

.list_links-arrowed {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
.list_links-arrowed li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 18px;
	line-height: 15px;
	background-image: url(../images/bullets/bullet_arrow-empty.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	border-bottom: solid 1px #CCCCCC;
}
.list_links-arrowed li:hover {
	background-image: url(../images/bullets/bullet_arrow-red.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	background-color: #FFE1E1;
}
.list_links-arrowed a {
	display: table-row;
}
.list_links-arrowed a:link {
	color: #000000;
}
.list_links-arrowed a:visited {
	color: #000000;
}

/**********************/
/* List Styles: Basic */

.list_basic {
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 18px;
}
.list_basic li {
	padding: 0px 0px 6px 0px;
	line-height: 15px;
	list-style-image: url(../images/bullets/bullet_arrow-red.png);
}

/*****************/
/* Message Style */

.message_error {
	margin: 12px 0px 12px 0px;
	padding: 10px;
	text-align: center;
	background-color: #FFE1E1;
	border: 1px solid #FF0000;
	display: block;
}
.message_success {
	margin: 12px 0px 12px 0px;
	padding: 10px;
	text-align: center;
	background-color: #DDFFDD;
	border: 1px solid #00CC00;
	display: block;
}