@CHARSET "UTF-8";

/* Basisvorlage CSS
Christoph Eggemann Ingenieurbuero
Start: 18.09.2011
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset Reloaded ------------------------- */

html, body, div, span, applet, object, 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: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-repeat: no-repeat;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: #cccccc;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

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

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* Globals und Typo --------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Hoehe bis 950 Pixel anzeigt. 
Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. 
Es wird eine Schriftgroesse von 75% oder 12px festgelegt.
	background: transparent url(bilder/grid.png) top left no-repeat;
*/	
	background: #cccccc;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgroesse von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
}

html>body {
	font-size: 12px;
}

a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #0099cc;
}

/* Schriften 
------------------------------------------------------------------------ */

/* Headline */
h1 {
	font-size: 21px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	position: relative;
	font-weight: bold;
}

/* Subline blau */
h2 {
	font-size: 14px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	line-height: 17px;
	font-weight: bold;
	color: #0099cc;
}

/* Subline */
h3 {
	font-size: 14px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	line-height: 17px;
	font-weight: bold;	
}

/* Fließtext grau Listenelemente */
h4 {
	font-size: 14px;
	margin: 0px;	
	padding: 0px;
	line-height: 18px;
	color: #666666;
	font-weight: normal;
}

/* entfernt Abstand nach unten*/
.space0 {
	margin: 0px;
}

h5, h6 {
	
}

p {
	font-size: 14px;
	margin: 0px 0px 17px 0px;
	padding: 0px;
	line-height: 17px;
}

small {
	font-size: 80%;
}

a {
	text-decoration: none;
}

sub, sup {
	line-height: 0px;
	font-size: 70%;
	margin: 0px 0px 0px 1px;
}


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}

/* Layoutelemente
overflow: hidden; um noetige Foats aufzuloesen.
--------------------------------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;	
	width: 1000px;
	height: 1000px;
	position: relative;
}

#header {
	clear: both;
	width: 1000px;
	height: 465px;
	background: #ffffff;
	position: relative;
	z-index:1;
}

#navbar {
    float: left;
    width: 1000px;
    height: 28px;
	border-bottom: 12px solid #0099cc;
	margin-top: -28px;
	color:#ffffff;
	
	position: relative;
	z-index:10;
}

#content {
	clear: both;
	float: left;
	display: inline;
	width: 1000px;
	min-height: 505px;	
	overflow: hidden;
	
	background: url("../_img/content_line.png") no-repeat right top #ffffff;
	}

#footer {
	clear: both;	
	background: #0099cc;
	width: 1000px;
	height: 20px;
}

/* Aufbau Contents  
-------------------------------------------------------------- */

.content_full {
	margin: 0px;
	padding: 55px 35px 10px 65px;
	float: left;
	display: inline;
	width: 800px;
	height:auto;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.twocols .left {
	width: 48%;
	text-align: left;
}

.twocols .right {
	width: 48%;
	text-align: left;
}

.threecols .left {
	width: 32%;
	text-align: left;
}



/* Gestaltungselemente  -------------------------------------------------------------- */

.imgContainer {
	margin: -10px 0px 0px -10px;
	padding: 0px;
	float: left;
	display: inline;
}
	
.box {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	width: 149px;
	height: 149px;
}


.clear {
	clear: both;
}

/* Listen innerhalb der Contents  --------------------------------------------------- */

#content ul, ol {
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

#content ul {
	list-style-type: square;
	color: #0099cc; 
}

	#content ul li {
		margin: 0px 0px 18px 14px;
		#margin: 0px 0px 18px 16px;
		padding: 0px;
	}
	
	
	#content ol li {
		margin: 0px 0px 3px 18px;
		#margin: 0px 0px 3px 23px;
		padding: 0px;
	}
	
	#content ul li p {
	color: #666666;
	}