/* +--------------------------------------------------------+
/* | Screen-Stylesheet for optikstroh.de                    |
/* +--------------------------------------------------------+
/*
/* $Id: style.css, v1.0 2007/09/13 23:24:34 malves Exp $ */

#body {
	width:100%;
	margin:0;
	padding:0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #282828;
	background:#02325b url('../images/bg.jpg') center top no-repeat;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#282828;
}



/********************************************
 **             Content Styles             **
 *******************************************/

#stroh {
	width:764px;
	margin: 0px auto 0px auto;
}
#logoDiv {
	position:absolute;
	width:764px;
}
#bannerDiv {
	margin-top:120px;
	position:absolute;
	height:344px;
}

#contentDiv {
	background-color:#fff;
	margin-top:120px;
	position:absolute;
	width:764px;
	height:418px;
}

#textDivLarge {
	color:#282828;
	width:734px;
	height:150px;
	z-index:1000;
	padding:15px 15px 15px 15px;
	margin:0;
	line-height:20px;
	overflow:auto;
}

#textDivLargeFix {
	color:#282828;
	width:764px;
	height:180px;
	z-index:1000;
	padding:0;
	margin:0;
	line-height:20px;
}

#textDivKontakt {
	color:#282828;
	width:306px;
	height:158px;
	z-index:1000;
	padding:7px 15px 15px 24px;
	margin:0;
	line-height:20px;
	float:left;
	line-height:17px;
	/*overflow:auto;*/
}

#textDivKontaktForm {
	color:#282828;
	width:400px;
	height:145px;
	z-index:1000;
	padding:20px 15px 15px 0;
	margin:0;
	line-height:20px;
	float:right;
}

#textDiv {
	float:right;
	color:#282828;
	width:532px;
	height:132px;
	z-index:1000;
	padding:33px 15px 15px 0;
	margin:0;
	line-height:20px;
	overflow:auto;
}

#textDiv h1 {
	font-size:16px;
	font-weight:bold;
	margin-top:0;
}

#textDiv a {
	color:#1886bb;
	text-decoration:underline;
}

#textDiv p {
	margin-top:0;
}

#footerDiv {
	color:#9fbed3;
	position:absolute;
	margin-top:538px;
}

#footerDiv a {
	color:#9fbed3;
	text-decoration:none;
}

#footerDiv a:hover {
	color:#9fbed3;
	text-decoration:underline;
}

#footerDivStart {
	color:#9fbed3;
	position:absolute;
	margin-top:464px;
}

#footerDivStart a {
	color:#9fbed3;
	text-decoration:none;
}

#footerDivStart a:hover {
	color:#9fbed3;
	text-decoration:underline;
}

/********************************************
 ** Browser Workarounds 'n' Default Styles **
 *******************************************/

A {
	text-decoration: none;
	color: #0e3559;
}

A:hover {
	color: #ef3307;
}

.none {
	display: none;
}

IMG {
	behavior: url("css/pngbehavior.htc");
	border: none;
}

ul {
	margin:0;
	padding:0 0 0 15px;
	list-style-type:square;
}

/********************************************
 **              Form Styles               **
 *******************************************/

LABEL {
	width: 100px;
	color: #013058;
	font-weight:bold;
	font-size:12px;
}

.small {
	width: 100px;
	color: #282828;
	font-weight:normal;
	font-size:9px;
	cursor: help;
}

INPUT.input {
	background-color:#dde1e5;
	border-top:1px solid #6b6b6b;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #a1a1a1;
	padding: 1px 0 1px 1px;
	color:#282828;
	margin:0 0 6px 0;
	font-size:12px;
	width:160px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#dde1e5;
	border-top:1px solid #6b6b6b;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #a1a1a1;
	padding: 1px 0 1px 1px;
	color:#282828;
	margin:1px 0 6px 0;
	font-size:12px;
	width:200px;
	height:60px;
}

INPUT.button {
	color: #fff;
	font-weight:bold;
	padding: 1px 0;
	background-color: #0F77AC;
	border-top:1px solid #7ea0bc;
	border-right:1px solid #0d263a;
	border-bottom:1px solid #0d263a;
	border-left:1px solid #7ea0bc;
	font-size:12px;
	width:201px;
}

FIELDSET {
	border:0px;
	margin:0px;
	padding:0px;
}

LEGEND {
	display: none;
}

#data {
	width:180px;
	float:left;
}

#message {
	width:200px;
	margin-left:10px;
}