/* Resets */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
.clear {
	clear: both;
}
.spacer {
	clear: both;
	height:15px;
}
:focus {
	outline: 0;
}

/* Lists and Tables */
ol, ul {
	list-style: none;
	list-style-image: url(../images/list-dot.gif);
}
table {
	border-collapse: separate;
	border-spacing: 0;
	line-height: 1.3em;
	margin:15px 0;
}
.table-head {
	height: 3.0em;
	line-height: 3.0em;
	background: #4CB041;
	color: #FBFBFB;
	text-transform: uppercase;
}
th {
	padding: 0px 15px;
	font-weight:bold;
}
td {

}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Main styles */
.right {
	float: right;
}
.left {
	float: left;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
body {
	background: #FFF;
	color: #555;
	font: 12px trebuchet ms, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
#wrapper {
	margin: 0 auto;
	position: relative;
	width: 960px;
	overflow: hidden;
}

/* Links Style */
a:link, a:visited {
	color: #1c3d66;
	text-decoration: underline;
}
a:hover {
	color: #3b70ad;
	text-decoration: underline;
}
a:active {
	color: #8b8b8b;
	text-decoration: underline;
}

/* Headings */
h1, h2 {
	border-bottom: 1px solid #e3e3e3;
	color: #8b8b8b;
	font-weight: bold;
	margin: 5px 0 15px 0;
	padding: 5px 0 10px 0;
	font-family: arial, sans-serif;
	font-style: italic;
	font-size: 17px;
}
h2 {
}
h3, h4 {
	border: 1px solid #c6c6c6;
	color: #8b8b8b;
	font-weight: bold;
	padding: 4px 0 4px 10px;
	margin: 13px 0 13px 0;
}
h4 {
}
/* Header */
#header {
	height: 135px;
	position: relative;
	z-index: 1;
}
	/* Call CleanCorp on.. */
	#header p#rapid-info {
		color: #a2a2a2;
		font-style: italic;
		line-height: 1.2em;
		position: absolute;
		right: 0px;
		top: 54px;
		text-align: right;
	}

	/* Navigation */
	ul#navigation {
		bottom: 0px;
		list-style: none;
		position: absolute;
		right: 10px;
		float:right;
		font-size:13px;
	}
		ul#navigation li {
			background: url(../images/tab.gif) 0% 0px;
			display: inline;
			float: left;
			margin: 0 0 0 7px;
			width: 113px;
			position: relative;
		}
		ul#navigation li a {
			color: #8b8b8b;
			display: block;
			line-height: 37px;
			overflow: hidden;
			text-align: center;
			text-decoration: none;
		}
		#navigation li a:hover {
			background-position: 0 -37px;
		}
		#navigation li:hover {
			background-position: 0 -37px;
		}
			/* Current list item */
			#navigation li.current-item {
				background-position: 0 -74px;
			}
			/* Current list item */
			#navigation li.current-item a {
				background-position: 0 -74px;
				color:white;
			}

		/* Dropdown */
		#navigation ul.ddown {
			position: absolute;
			top: 37px;
			left: -7px;
			display: none;
			font-size:11px;
		}
			#navigation ul.ddown li {
				background: #333;
				border: 1px solid #474747;
				border-top: none;
				text-transform: uppercase;
			font-size:11px;
				width: 111px;
			}
			#navigation ul.ddown li:hover {
				background: #3b3b3b;
			}
				#navigation ul.ddown li a {
					line-height: 37px;
					color: #969696;
				}

	/* Logo */
	#header h1#logo, #header h1#logo a {
		display: block;
		height: 62px;
		width: 292px;
	}
	#header h1#logo {
		background: url(../images/logo.jpg) no-repeat;
		border: none;
		height: 62px;
		left: 0px;
		margin: 0;
		padding: 0;
		position: absolute;
		text-indent: -999em;
		top: 32px;
	}

/* Promo */
#promo-box {
	position: relative;
	height:auto;
}

	/* Know more EN */
	#promo-box h1#know-more {
		height: 40px;
		left: 259px;
		margin: 0;
		padding: 0;
		position: absolute;
		text-indent: -999em;
		top: 163px;
		border: none;
	}
	#promo-box h1#know-more, #promo-box h1#know-more a {
		background: url(../images/know-more.gif) no-repeat;
		display: block;
		height: 40px;
		width: 134px;
	}
	#promo-box h1#know-more a:hover {
		background-position: 0% -40px;
	}
	#promo-box h1#know-more a:active {
		background-position: 0% -80px;
	}

	/* Know more DE*/
	#promo-box h1#know-more-de {
		height: 40px;
		left: 259px;
		margin: 0;
		padding: 0;
		position: absolute;
		text-indent: -999em;
		top: 163px;
		border: none;
	}
	#promo-box h1#know-more-de, #promo-box h1#know-more-de a {
		background: url(../images/de/know-more.gif) no-repeat;
		display: block;
		height: 40px;
		width: 134px;
	}
	#promo-box h1#know-more-de a:hover {
		background-position: 0% -40px;
	}
	#promo-box h1#know-more-de a:active {
		background-position: 0% -80px;
	}

/* Slider */
#slider {
	text-align:center;
	width:290px;
	height:500px;
	overflow:hidden;
}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
	}
/* Page */
#page {
	position: relative;
	margin: 25px 0;
	padding: 0 20px;
	line-height: 1.4em;
	font: 12px trebuchet ms, Arial, Helvetica, sans-serif;
}

    #page #page_left {
        width:705px;
        float:left;
        margin-right:10px;
        padding-right:10px;
        border-right:1px solid #ccc;
    }
    #page #page_right {
        width:190px;
        float:right;
    }


	#page h1.title {
		height: 19px;
		margin: 0 0 20px 0;
		padding: 0;
		/*width: 251px;*/
		background: none;
		border: none;
		font-weight:bold;
	}
	#page h1.admintitle {
		margin: 0 0 10px 0;
		padding: 2px 5px;
		/*width: 251px;*/
		background-color: #3C70AC;
		border: 1px solid #1F406B;
        font: bold 13px trebuchet ms,verdana,tahoma,sans-serif;
        color: #fff;
	}
	#page h2.admintitle {
		margin: 0 0 5px 0;
		padding: 2px 5px;
		/*width: 251px;*/
		background-color: #EAEAEA;
		border: 1px solid #ccc;
        font: bold 13px trebuchet ms,verdana,tahoma,sans-serif;
        color: #555;
	}

	#page .mini-box {
		float: left;
		width: 270px;
	}
		.mini-box .desc {
			width: 150px;
			line-height: 1.3em;
			float: right;
		}
	/* What we offer box */
	#center-box {
		margin: 0px 45px;
	}

	/* Right column */
	#right-col {
		width: 250px;
		float: right;
		color: #5e5e5e;
		line-height: 1.4em;
	}
		#right-col .guarantees li {
			margin: 2px 0 0 20px;
			padding: 0 0 0 5px;
		}
	/* Full width page (about us, services, contact us) */
	#full-page {
		float: left;
		width: 590px;
		line-height: 1.4em;
		border-right: 1px solid #c6c6c6;
		padding: 0 40px 0 10px;
	}

/* Search and Testimonials */
#fast-search {
	background: #e2e2e2;
	border: 1px solid #c6c6c6;
	padding: 12px;
	text-align: center;
}
	.input-search {
		border: 1px solid #c6c6c6;
		color: #ababab;
		padding: 2px 8px;
		text-transform: uppercase;
		width: 205px;
	}
	.input-search-go {
		background: #214571;
		border: none;
		color: white;
		padding: 5px;
	}
	/* Testimonial */
	.testimonial {
		color: #8b8b8b;
		line-height: 1.6em;
		text-align: right;
		margin: 20px 0 0 0;
		float: right;
		width: 85%;
	}

/* Forms */
input, select, textarea
{
	background: url(../images/input-back.gif) repeat-x;
	border: 1px solid #c6c6c6;
	color: #333;
	padding: 3px 5px;
}
.input-go {
	background: #214571;
	border: none;
	color: white;
	padding: 10px 15px 10px 15px;
	text-transform: uppercase;
}
/* Contact form error message */
p#form-info {
	padding: 5px 5px 5px 40px;
	margin: 8px;
	background: url(../images/cisily_32_warning.gif) left no-repeat;
	display:none;
	background-color:#FEEFDA;
	border:1px solid #F7941D;
}
/* Contact form success message */
p#form-success {
	padding: 5px 5px 5px 40px;
	margin: 8px;
	background: url(../images/cisily_32x_yes.gif) left no-repeat;
	display:none;
}

/* Footer */
#footer {
	color: #a3a3a3;
	border-top: 1px solid #dddddd;
	position: relative;
	text-align: right;
	padding: 10px 0 10px 0;
}

/* Login field */
#loginfield {
    float: right;
    display: inline;
    background-color: #F0F0F0;
    border: 1px solid #DFDFDF;
    padding: 0px 10px 5px 10px;
}


/**
 * Hauptmenü
 */
#mainNavigation {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}

#mainNavigation li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainNavigation li.splitter {
    background-color: #cccccc;
    height: 1px;
    margin: 2px 0;
}

#mainNavigation a, #mainNavigation a:visited {
	padding: 3px 5px;
	margin-bottom: 1px;
	text-align: left;
	text-decoration: none;
	border: 1px solid #ffffff;
	color: #000000;
	display: block;
    font: 13px trebuchet ms, Arial, Helvetica, sans-serif;
}

#mainNavigation a:hover, #mainNavigation a#current {
	color: #000000;
	background-color: #eaeaea;
	border-color: #cccccc;
}

/**
 * Bestätigungs-, Fehlerausgaben
 */
.boxMessageOk {
	border: 1px solid #42BE08;
	color: #42BE08;
	background-color: #EBF8E6;
	padding:5px 10px 5px 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.boxMessageError {
	border:1px solid #BE082F;
	color:#BE082F;
	background-color:#F6E0E6;
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
	font-weight: bold;
}

/**
 * Kalender
 */
.calendar {
	font-size:10px;
}
.calendar caption {
	margin: 0;
	padding: .3em 0;
	background: #ffa51e;
}
.calendar th {
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	background: #fff;
}
.calendar td {
	border: 1px solid #fff;
	padding: .1em .3em ;
	width: 1em;
	text-align: center;
}
.calendar a {
	color: #000;
	text-decoration: none;
}

.calendar td.today {
	background: #ffc;
}
.calendar td.selected {
	border: 1px dotted #ff7800;
}
.calendar td.highlighted {
	background: #fc9;
}
.calendar td.important {
	background: #FF6666;
}


.calendar td:hover, .calendar td.today:hover,
.calendar td.selected:hover, .calendar td.highlighted:hover {
	background: #cff;
	border: 1px solid #09f;
}

table.calendar td.pad {
	color: #999;
	background: #fff;
}
table.calendar td.pad:hover {
	background: none;
	border: 0;
}

.sunday, .saturday {
	background: #f0f0f0;
}


#year {
	padding: 0;
	list-style: none;
}
#year th {
	padding:0 5px;
}
#year:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#year li {
	float: left;
	padding: 0 .5em .5em 0;
	list-style: none;
	height:150px;
}

/**
 * Protokoll
 */
.protocolTable {
    width: 100%;
}

.protocolTable td {
    vertical-align: top;
    padding: 3px 5px;
}

/**
 * Übersichten
 */
.overviewTable {
    width: 100%;
    border: 1px solid #CCCCCC;
}

.overviewTable td.header {
    vertical-align: middle;
    background-color: #E5ECF9;
    color: #000;
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    height: 22px;
    border-bottom: 1px solid #ccc;
}

.overviewTable td.footer {
    vertical-align: middle;
    background-color: #FFF8DB;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    height: 22px;
    /*border-top: 1px solid #FFCC33;*/
    border-top: 1px solid #cccccc;
}

.overviewTable td {
    vertical-align: middle;
    padding: 2px 5px;
	height: 22px;
}

/**
 * Formular
 */
.formTable {

}

.formTable td {
    vertical-align: top;
    padding: 2px 10px 3px 0;
}

.formTable td.label {
    vertical-align: top;
    padding: 2px 10px 3px 0;
}

.formTable td.input {
    vertical-align: top;
    padding: 0 10px 3px 0;
}

.divOverview {
	padding: 2px 5px;
}

.tableForm {
	margin-bottom: 5px;
}

.tableForm td {
    padding-bottom: 4px
}

.tableForm td.label {
    padding: 4px 10px 0 0;
    vertical-align: top;
}

.tableForm td.content input {
    margin-right: 10px;
}

.tableForm td.content span, .tableForm td.label span {
    color: #777;
    font-style: italic;
}

/**
 * Users
 */
.userAdmin {
	color: #FF4D33 ! important;
}

.userContact {
	color: #000 ! important;
}

.userWebmaster {
	color: #00FF00 ! important;
}

.userAdcompany {
	color: #0000CC ! important;
}

.userAbuser {
	color: #9F00CC ! important;
}

.userMod {
	color: #FF7F00 ! important;
}

/**
 * Aufzählliste
 */
ul.list {
    padding: 3px 0 3px 25px;
    margin: 5px 0 5px 0px;
}

li.list {
    padding: 0px;
    margin: 0px;
    list-style:square;
}