/*************************************

	Projekt: 	MCDS 2008
	Start am:	22.9.2008
	Datei:		styles.css
	Author:		Christian Weilguny

	===================
	=== STYLE GUIDE ===
	===================
	Hintergrundfarbe:	#ffffff (weiß)
	Vordergrundfarbe:	#a59e98 (mattes braun)
	Schriftfamilie:		Verdana
	Schriftgröße:		13pt

**************************************/


/*************************************
 *** CSS Reset ***********************
 *************************************/
html, body, div, span, applet, object, embed, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background-image: none;
}

html, body { width: 100%; height: 100%; }
body { line-height: 1; color: black; background: white; text-align:center; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
/*************************************/


/*************************************
 *** General Selectors ***************
 *************************************/
body {
text-align: center;
font-family: Verdana, sans-serif;
font-size: 10pt;
color: #a59e98;
line-height: 1.3em;
}

	a { color: #a59e98; text-decoration: underline; }
	a:hover { color: #625e5a; }
	a:active {  }
	a:visited {  }
	
	strong, .bold {
	font-weight: bold;
	}
	
	h1, h1 a {
	clear: both;
    margin-bottom: 20px;
	height: 21px;
	font-family: Arial, sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #f69152;
	text-decoration: none;
	}
	
	h2 {
	clear: both;
	margin-bottom: 10px;
	height: 21px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #aea8a1;
	}
	
	td {
	vertical-align: top;
	}
	
	blockquote {
	padding: 0px 20px 10px 20px;
	}
	
	input, textarea {
	border: 1px solid #eeebe8;
	font-size: 12px;
	color: #a59e98;
	}
	
	input.submit {
	border: 0px;
	background-color: #eeebe8;
	}
	
	#main-column ul {
	list-style-type: square;
	list-style-position: inside;
	margin: 0px 0px 10px 20px;
	}


/*************************************
 *** Right Column (Infobox) **********
 *************************************/
.infobox {
margin-bottom: 17px;
width: 188px;
border: 1px solid #eeebe8;
}
	.infobox h3 {
	display: block;
	padding: 8px 0px 0px 8px;
	width: 180px;
	height: 22px;
	background: url(../img/right-column/infobox-header-background.png) repeat-x top left;
	letter-spacing: -1px;
	font-family: Arial;
	font-size: 15px;
	font-weight: normal;
	color: #ffffff;
	}
	.infobox p {
	margin-bottom: 5px;
	}
	.infobox .content {
	padding: 15px 20px 11px 11px;
	line-height: 16px;
	font-size: 12px;
	}
	.infobox .highlight {
	margin: 5px 0px;
	color: #f5a370;
	line-height: 1.7em;
	}


/*************************************
 *** Sitemap *************************
 *************************************/
.csc-sitemap {
line-height: 1.2em;
}
.csc-sitemap ul {
margin-left: 20px;
list-style-type: square;
}
	.csc-sitemap li {
	padding-bottom: 10px;
	}
		.csc-sitemap li ul li {
		padding-bottom: 0px;
		}

/*************************************
 *** Newsletter **********************
 *************************************/
fieldset.csc-mailform {
padding-bottom: 10px;
}
	.csc-mailform-field {
	padding-bottom: 5px;
	}
		.csc-mailform-field label {
		display: block;
		float: left;
		padding-right: 10px;
		width: 80px;
		}
		input.csc-mailform-submit {
		border: 0px;
		background-color: #eeebe8;
		}


/*************************************
 *** Leitbild Aufzählung *************
 *************************************/
#leitbild td {
padding-bottom: 20px;
}
	#leitbild h4 {
	display: block;
	padding: 5px 10px 0px 0px;
	font-weight: bold;
	font-size: 2em;
	color: #f69152;
	}


/*************************************
 *** Team Aufzählung *****************
 *************************************/
#team-list {  }
	#team-list td {
	vertical-align: bottom;
	}
	#team-list td {
	padding-right: 20px;
	}
	.team-item-bottom {
	padding-top: 5px;
	}
		.team-item-bottom div {
		width: 100%;
		padding-bottom: 10px;
		border: 0px;
		border-top: 1px dashed;
		}


/*************************************
 *** Produkte ************************
 *************************************/
.back_dunkelgrau {
background: url(../img/right-column/infobox-header-background.png) repeat-x top left;
color: #ffffff;
}


/*************************************
 *** Presse **************************
 *************************************/
.weiss10 {
padding-left: 10px;
font-weight: bold;
color: #ffffff;
}
