@CHARSET "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height:100%;
}

body {
	text-align: center;
	background: url(../img/background.jpg) 0px 0px no-repeat;
	font-family: Arial, Tahoma, Verdana, sans-serif;
}
img {
	border: none;
	display: block;
}
ul {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3 {
	margin: 0px;
	font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
	color: #6a6a6a;
	font-size: 13px;
	font-weight: bold;
}
h2 {
	margin-top: 20px;
}
p {
	margin-top: 5px;
}
a {
	text-decoration: none;
	color: #83b817;
}
a:hover {
	color: #7d7d7d;
}


.clearFix {
	clear: both;
}
.imgLeft {
	float: left;
	margin: 0px 15px 5px 0px;
}
div.newsLine img.imgLeft {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-top: 5px;
}
div.newsLine strong {
	font-weight: bold;
}
#wrapper {
	width: 900px;
	margin: 0px auto;
	text-align: left;
}
#leftCol {
	float: left;
	width: 699px;
}
#rightCol {
	float: right;
	width: 201px;
}
#footer {
	background: url(../img/footerBg.gif) 0px 0px no-repeat;
	padding-top: 10px;
	color: #909090;
	text-align: right;
	margin-top: 20px;
	padding-bottom: 70px;
	font-size: 11px;
}
#footer a {
	color: #909090;
	text-decoration: none;
}
.logo {
	margin: 28px 0px 26px 0px;
}

/********************* meta navi *********************/ 
#metaNavi {
	background: url(../img/metaNaviBg.png) 0px 0px no-repeat;
	width: 273px;
	height: 27px;
	font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #fff;
	padding: 2px 0px 0px 7px;
}
#metaNavi li {
	float: left;
	list-style-type: none;
	margin-right: 3px;
}
#metaNavi a {
	color: #fff;
	text-decoration: none;
}
/********************* main menu *********************/ 
#mainNavi {
	font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
	font-size: 19px;
	padding-top: 33px;
}
#mainNavi li {
	float: left;
	list-style-type: none;
	margin-right: 15px;
	margin-bottom: 10px;
}
#mainNavi a {
	color: #6a6a6a;
	text-decoration: none;
}
#mainNavi a:hover {
	color: #83b817;
}
#mainNavi a.selected {
	color: #83b817;
}
/********************* subnavi *********************/ 
#subNavi {
	float: left;
	width: 156px; /*159*/
	height: 259px;
	background: url(../img/subNaviBg.png) 0px 0px no-repeat;
	margin-bottom: 25px;
	padding: 0px 0px 0px 3px;
}
#subNavi li {
	width: 150px;
	height: 50px;
	list-style-type: none;
}
#subNavi li:hover {
	background-position: 0px -50px;
}
#subNavi li.selected {
	background-position: 0px -50px;
}
#subNavi li a {
	display: block;
	height: 50px;
}
#subNavi li a span {
	display: none;
}
.profi {
	background: url(../img/ueber_uns/btn_profi.gif) 0px 0px no-repeat;
}
.partner {
	background: url(../img/ueber_uns/btn_partner.gif) 0px 0px no-repeat;
}
.geschichte {
	background: url(../img/ueber_uns/btn_geschichte.gif) 0px 0px no-repeat;
}
.film {
	background: url(../img/ueber_uns/btn_film.gif) 0px 0px no-repeat;
}
.vorteile {
	background: url(../img/ueber_uns/btn_vorteile.gif) 0px 0px no-repeat;
}
.kontakt {
	background: url(../img/kontakt/btn_kontakt.gif) 0px 0px no-repeat;
}
.ansprechpartner {
	background: url(../img/kontakt/btn_ansprechpartner.gif) 0px 0px no-repeat;
}
.anfahrt {
	background: url(../img/kontakt/btn_anfahrt.gif) 0px 0px no-repeat;
}
.produktion {
	background: url(../img/produktion/btn_produktion.gif) 0px 0px no-repeat;
}
.spezial {
	background: url(../img/produktion/btn_spezialloesungen.gif) 0px 0px no-repeat;
}
.fertigung {
	background: url(../img/produktion/btn_fertigungsmoeglichkeiten.gif) 0px 0px no-repeat;
}
.qualität {
	background: url(../img/produktion/btn_qualitaet.gif) 0px 0px no-repeat;
}
.bestellablauf {
	background: url(../img/produktion/btn_bestellablauf.gif) 0px 0px no-repeat;
}

/********************* teaser *********************/
h3 {
	background: url(../img/teaserBullet.gif) 4px 5px no-repeat;
	display: block;
	padding-left: 20px;
	margin-bottom: 5px;
	color: #6a6a6a;
}
div.teaserBox {
	width: 201px;
	background: url(../img/teaserBg.gif) 0px 0px repeat-y;
	
	color: #a8a8a8;
	font-size: 11px;
}
p.teaserText {
	padding: 15px 0px 0px 20px;
	color: #7d7d7d;
}
.teaserButton, .startButton {
	background-color: #83b817;
	display: block;
	height: 20px; /*23*/
	width: 128px; /*133*/
	float: right;
	color: #fff;
	text-decoration: none;
	text-align: right;
	cursor: pointer;
	font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 3px 5px 0px 0px;
	margin-top: 8px;
}
.teaserButton:hover {
	background-color: #b2b1b1;
	color: #fff;
}
.teaserFooter {
	background: url(../img/teaserFooter.gif) 1px 0px no-repeat;
	height: 3px;
	margin-bottom: 20px;
}
.moreNews {
	width: 53px;
}
.moreInfo {
	width: 85px;
}

/********************* content *********************/
#mainContent {
	clear: both;
}
.imgStart {
	background: url(../img/startseite.png) 0px 0px no-repeat;
	width: 330px; /*660*/
	height: 291px; /*331*/
	padding: 40px 0px 0px 330px;
	margin-bottom: 25px;
}
h1.frontpage {
	font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
	font-size: 25px;
	font-weight: lighter;
	color: #1d5096;	
}
.listFrontpage {
	margin-top: 25px;
}
.listFrontpage li {
	list-style-type: none;
	background: url(../img/frontbullet.png) 0px 3px no-repeat;
	font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #83b817;
	padding: 0px 0px 6px 36px;
	margin-bottom: 10px;
}
.startButton {
	font-size: 16px;
	font-weight: normal;
	margin: 23px 5px 0px 0px;
	padding: 5px 0px 6px 0px;
	width: 187px;
	text-align: center;
}
.startButton:hover {
	background-color: #b2b1b1;
	color: #fff;
}
.contentText {
	color: #7d7d7d;
	line-height: 1.4;
	font-size: 13px;
	padding-right: 50px;
	padding-left: 4px;
	padding-bottom: 15px;
}
.contentText ul {
	padding-left: 16px;
}
.contentText li {
	list-style-type: square; 
}
#imgBG {
	float: left;
	background: url(../img/imgFrameSmall.png) 0px 0px no-repeat;
	width: 500px; /*504*/
	height: 259px;
	padding-left: 4px;
}
#produktionTable {
	margin-top: 15px;
}
#produktionTable img {
	margin-bottom: 15px;
}
#produktionTable h2 {
	margin-top: 0px;
}
#ansprechpartnerTable, #ansprechpartnerTableSmall {
	margin-top: 15px;
}
#ansprechpartnerTable img, #ansprechpartnerTableSmall img {
	margin-bottom: 15px;
}
#ansprechpartnerTable h2, #ansprechpartnerTableSmall h2 {
	margin-top: 0px;
}
#ansprechpartnerTableSmall, #ansprechpartnerTableSmall h2 {
	font-size: 11px;
}
#loginTable {
	color: #7D7D7D;
	margin-top: 15px;
}
#loginTable input {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	border: 1px solid #7D7D7D;
	width: 100px;
	margin: 3px 0px 3px 7px;
}
#loginTable .button {
	border: none;
	margin: 0px;
	margin-top: 15px;
	font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #fff;
}
/********************* formular *********************/
.tblKontakt {
	margin-top: 30px;
}
.textInput {
	/*border: 1px solid #83b817;*/
	border: 1px solid #7D7D7D;
	/*color: #83b817;*/
	color: #7D7D7D;
	background-color: #fff;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	width: 250px;
	margin-bottom: 10px;
}
.button {
	border: none;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #83b817;
	color: #fff;
	cursor: pointer;
	padding: 3px 7px;
}
.button:hover {
	background-color: #b2b1b1;
}
.errorMsg {
	font-weight: bold;
	color: #83b817;
}
.flash {
	float: left;
	margin-right: 20px;
}