/* -  ------------------------------------------------------------- */
body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#a4a5a6;
	background:#f7faef;
}


/* ---------------------------------------------------------------- */
/* - Formatierung der Container ----------------------------------- */
/* ---------------------------------------------------------------- */

/* - Haupt-Container ---------------------------------------------- */
div.container {
	/*margin:0 auto;*/
	position:absolute;
	top:50%;
	left:50%;
	width:1000px;
	height:580px;
	margin-top:-290px;
	margin-left:-500px;
	background:#fff;
	/*background-image:url('img/Linie.gif');*/
	background-repeat:no-repeat;
	background-position:right bottom;
	border:1px solid #000000;
	
}

/* - Container für eigentl. Seitenaufbau -------------------------- */
div.header {
	position:relative;
	background:#d8e6bf;
	width:100%;
	height:110px;
}

div.navi {
	position:absolute;
	top:120px;
	left:0px;
	width:280px;
	height:460px;
}

div.body {
	height:459px;
	width:709px;
	overflow:hidden;
	position:absolute;
	left:290px;
	top:120px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	
}

/* - Formatierung für Content-Divs -------------------------------- */
div.content {
	position:relative;
	width:284px;
	padding:10px 15px 10px 10px;
	font-size:12px;
	line-height:17px;
	float:left;
	/*border:1px solid #0000ff;*/
}

div.big_image{
	position:absolute;
	/*border:1px solid #ff0000;*/
	overflow:auto;
	height:418px;
	float:left;
	width:300px;
	top:20px;
	left:310px;


}

div.content_start {
	position:relative;
	height:120px;
	width:1000px;
	padding:0px;
	font-size:12px;
	line-height:17px;
	float:left;
	
}

div.content_gebogenes_glas {
	position:relative;
	height:120px;
	width:1000px;
	padding:0px;
	font-size:12px;
	background-color:#FF0000;
	left:400px;
	border:1px solid #000000;
	float:left;
}

div.content_start img {
	padding-right:5px;	
}

/* - Formatierung für Scrollbalken -------------------------------- */
div.scroller {
	position:absolute;
	left:291px;
	top:564px;
	width:59px;
	height:13px;
	padding:3px 0px 0px 250px;
	background:#fff;
}

div.scroller2a,
div.scroller2b {
	position:absolute;
	top:245px;
	width:14px;
	height:28px;
	padding:0px;
}
div.scroller2a {
	left:295px;
}
div.scroller2b {
	left:984px;
}

/* - Header ------------------------------------------------------- */
div.header a.logo {
	position:absolute;
	top:35px;
	left:40px;
	display:block;
	width:147px;
	height:56px;
	background:url('img/logo.gif');
}

div.header a.logo span {
	display:none;
}

/* - Navi --------------------------------------------------------- */
div.navi ul.main,
div.navi ul.main li {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:right;
}
div.navi ul.main li a {
	display:block;
	margin:0px 0px 5px 0px;
	padding:2px 5px 2px 0px;
	background:#C4E0DB;
	text-decoration:none;
	font-size:140%;
}

div.navi ul.sub,
div.navi ul.sub li {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:right;
}
div.navi ul.sub li a {
	display:block;
	margin:0px 0px 5px 0px;
	padding:2px 5px 2px 0px;
	color:#008D78;
	text-decoration:none;
	font-size:140%;
	border:1px solid #008D78;
	border-left:none;
}

div.navi ul li a.active {
	font-weight:bold;
}

div.navi a.impress {
	display:block;
	position:absolute;
	top:420px;
	left:160px;
	padding:5px;
	width:110px;
	height:30px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:140%;
	background:#008D78;
}

div.navi a.agb {
	display:block;
	position:absolute;
	top:420px;
	left:90px;
	padding:5px;
	width:50px;
	height:30px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:140%;
	background:#008D78;
}

/* ---------------------------------------------------------------- */
/* - Startseite --------------------------------------------------- */
/* ---------------------------------------------------------------- */
div.scrollbar {
	width:209px;
	height:118px;
	overflow:hidden;
}

/* ---------------------------------------------------------------- */
/* - Kontaktformular ---------------------------------------------- */
/* ---------------------------------------------------------------- */
table.contact {
	border-spacing:0px;
	padding:0px;
	margin-top:5px;
}
table.contact tr {
	vertical-align: top;
	padding:0px;
}
table.contact td {
	padding:1px;
}
table.contact td.left {
	width:70px;
}
table.contact td.right {
	width:205px;
	text-align:right;
}

table.contact input.text {
	width:200px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #000000;
}
table.contact textarea {
	width:200px;
	height:120px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #000000;
}
table.contact input.button {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#008D78;
	background:#f7faef;
	border:1px solid #000000;
}


/* ---------------------------------------------------------------- */
/* - Sonstiges ---------------------------------------------------- */
/* ---------------------------------------------------------------- */
h1, h2 {
	color:#82a8b3;
	text-transform:uppercase;
	margin:0px;
}
h1 {
	font-size:140%;
}
h2 {
	font-size:120%;
}

p {
	margin:5px 0px 15px 0px;
}

a {
	color:#008D78;
}

p.strong, span.strong, a.strong {
	font-weight:bold;
}
p.error, span.error {
	color:#c00;
}
p.small, span.small {
	font-size:75%;
}

img {
	float:left;
}