/*
	global definitions
*/
html {
	height: 100%;
}

body {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 16px;
	color: rgb(102,102,102);
	background: rgb(220,220,220);
}

img {
	border: 0;
}

a {
	font-weight: normal;
	color: rgb(0,0,0);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

table.userTable tr td {
	font-size: 12px;
	border: 1px solid rgb(230,230,230);
}

h2 {
	font-size: 18px;
	line-height: 24px;
}
h3 {
	font-size: 16px;
	line-height: 20px;
}
h4 {
	font-size: 14px;
	line-height: 18px;
}




/**
 * Seitenlayout
 */
div#header {
	position: relative;
	text-align: center;
}
div#shadow {
	display: block;
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	background: url(/website/std/lay/header-schatten.png) repeat-x transparent;
}
div#content {
	position: relative;
	text-align: center;
	background: url(/website/std/lay/content-jeans.png) left rgb(96,112,125);
}
div#footer {
	position: relative;
	text-align: center;
}



/**
 * Header
 */
div#header div.navi {
	position: relative;
	/*overflow: auto;*/
	width: 900px;
	height: 40px;
	margin: 0px auto;
	background: url(/website/std/lay/header-naht.png) repeat-x rgb(230,0,5);
	text-align: left;
}
	div#header div.navi ul {
		display: block;
		position: relative;
		/*overflow: auto;*/
		margin: 0px;
		padding: 0px;
		width: 900px;
		list-style: none;
	}
	div#header div.navi ul li {
		display: block;
		float: left;
		position: relative;
		list-style: none;
	}
	div#header div.navi ul li a {
		display: block;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		line-height: 35px;
		color: rgb(255,255,255);
	}
	div#header div.navi ul li a.selected {
		font-weight: bold;
		text-decoration: underline;
	}
	div#header div.navi ul li a:hover {
		text-decoration: underline;
	}

/**
 * Content
 */
div#content div.content {
	position: relative;
	/*overflow: auto;*/
	width: 930px;
	margin: 0px auto;
	text-align: left;
}
	div#content div.content div.logo {
		position: relative;
		/*overflow: auto;*/
		width: 930px;
		text-align: right;
	}
	div#content div.content div.banner {
		position: relative;
		/*overflow: auto;*/
		width: 930px;
		height: 315px;
	}
		div#content div.content div.banner div.image {
			width: 930px;
			height: 315px;
		}
		div#content div.content div.banner div.block,
		div#content div.content div.banner div.block a {
			color: rgb(255,255,255);
			line-height: 16px;
		}
		div#content div.content div.banner div.b1 {
			position: absolute;
			top: 25px;
			left: 45px;
			width: 200px;
		}
		div#content div.content div.banner div.b2 {
			position: absolute;
			top: 25px;
			left: 250px;
			width: 195px;
		}
		div#content div.content div.banner div.b3 {
			position: absolute;
			top: 25px;
			left: 475px;
			width: 185px;
		}
		div#content div.content div.banner div.b4 {
			position: absolute;
			top: 25px;
			left: 675px;
			width: 220px;
		}
		
	div#content div.content div.container {
		position: relative;
		/*overflow: auto;*/
		width: 930px;
		margin: 20px 0px;
		padding: 10px 0px 25px 0px;
	}
		div#content div.content div.container a {
			color: rgb(230,0,5);
		}
		div#content div.content div.container a:hover {
			text-decoration: underline;
		}
		div#content div.content div.container div.bg-top {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 930px;
			height: 10px;
			background: url(/website/std/lay/content-container-top.png) repeat-x transparent;
		}
		div#content div.content div.container div.bg-bottom {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 930px;
			height: 25px;
			background: url(/website/std/lay/content-container-bottom.png) repeat-x transparent;
		}
		div#content div.content div.container div.bg-middle {
			padding: 0px 15px;
			background: url(/website/std/lay/content-container-middle.png) transparent;
			min-height: 260px;
		}
		div#content div.content div.container div.lable {
			position: absolute;
			top: 25px;
			left: -95px;
			width: 110px;
			height: 85px;
		}
	
	div#content div.content div.navi_sub {
		position: absolute;
		top: 25px;
		right: -115px;
		width: 130px;
	}
		div#content div.content div.navi_sub ul {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		div#content div.content div.navi_sub ul li {
			border: 0px solid green;
		}
		div#content div.content div.navi_sub ul li a {
			display: block;
			font-size: 11px;
			color: rgb(0,0,0);
			line-height: 20px;
			border: none;
			white-space: nowrap;
		}
		div#content div.content div.navi_sub ul li a.first-i {
			padding: 0px 15px 2px 13px;
			background: url(/website/std/lay/content-subnav-first-i.png) no-repeat;
		}
		div#content div.content div.navi_sub ul li a.first-a {
			padding: 0px 15px 2px 13px;
			background: url(/website/std/lay/content-subnav-first-a.png) no-repeat;
		}
		div#content div.content div.navi_sub ul li a.first-i:hover,
		div#content div.content div.navi_sub ul li a.first-a:hover {
			text-decoration: none;
			background: url(/website/std/lay/content-subnav-first-a.png) no-repeat;
		}
		
		div#content div.content div.navi_sub ul li a.middle-i {
			padding: 0px 15px 2px 13px;
			background: url(/website/std/lay/content-subnav-middle-i.png) no-repeat;
		}
		div#content div.content div.navi_sub ul li a.middle-a {
			padding: 0px 15px 2px 13px;
			background: url(/website/std/lay/content-subnav-middle-a.png) no-repeat;
		}
		div#content div.content div.navi_sub ul li a.middle-i:hover,
		div#content div.content div.navi_sub ul li a.middle-a:hover {
			text-decoration: none;
			background: url(/website/std/lay/content-subnav-middle-a.png) no-repeat;
		}
		
		div#content div.content div.navi_sub ul li a.last-i {
			padding: 0px 15px 15px 13px;
			background: url(/website/std/lay/content-subnav-last-i.png) no-repeat;
		}
		div#content div.content div.navi_sub ul li a.last-a {
			padding: 0px 15px 15px 13px;
			background: url(/website/std/lay/content-subnav-last-a.png) no-repeat;
		}
		div#content div.content div.navi_sub ul li a.last-i:hover,
		div#content div.content div.navi_sub ul li a.last-a:hover {
			text-decoration: none;
			background: url(/website/std/lay/content-subnav-last-a.png) no-repeat;
		}



/**
 * Footer
 */
div#footer div.container {
	position: relative;
	/*overflow: auto;*/
	width: 900px;
	margin: 0px auto;
	background: url(/website/std/lay/footer-naht.png) repeat-x rgb(230,0,5);
	text-align: left;
}
	div#footer div.container div.special {
		padding: 25px 10px 15px 25px;
		color: rgb(255,255,255);
		line-height: 1.6em;
		overflow: auto;
	}
		div#footer div.container div.special div {
			display: block;
			float: left;
			width: 148px;
			margin-right: 10px;
		}
			div#footer div.container div.special div.first {
				width: 183px;
			}
			div#footer div.container div.special div.last {
				width: 178px;
			}
		div#footer div.container div.special h4 {
			font-size: 14px;
			font-weight: bold;
			margin: 0px;
			padding: 0px 0px 10px 0px;
		}
		div#footer div.container div.special ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		div#footer div.container div.special a {
			color: rgb(255,255,255);
		}
	
	div#footer div.container div.navi {
		position: relative;
		/*overflow: auto;*/
		width: 900px;
		margin: 0px auto;
		text-align: left;
	}
	div#footer div.container div.navi ul {
		display: block;
		position: relative;
		/*overflow: auto;*/
		margin: 0px;
		padding: 0px;
		width: 900px;
		height: 40px;
		background: url(/website/std/lay/footer-naht-nav.png) repeat-x rgb(230,0,5);
		list-style: none;
	}
	div#footer div.container div.navi ul li {
		display: block;
		float: left;
		position: relative;
		padding: 0px 15px 0px 25px;
		list-style: none;
	}
	div#footer div.container div.navi ul li a {
		display: block;
		text-align: center;
		line-height: 40px;
		color: rgb(255,255,255);
	}
	div#footer div.container div.payment {
		padding: 25px 10px 15px 25px;
		font-weight: bold;
		color: rgb(255,255,255);
	}
	div#footer div.container div.payment div#pimg {
		padding: 8px 0px;
	}


/**
 * Artikel
 */
div#mod_article {
	/*overflow: auto;*/
	margin-bottom: 0px;
	padding-top: 15px;
}
	div#mod_article div.row {
		margin: 0px 30px;
	}
	div#mod_article div.article-small {
		width: 415px;
		float: left;
	}
	div#mod_article div.article-large {
		width: 830px;
		float: none;
	}
	div#mod_article div.article-small div.inner {
		display: inline;
		width: 400px;
	}
	div#mod_article div.article-small div.left {
		margin-right: 15px;
	}
	div#mod_article div.article-small div.right {
		margin-left: 15px;
	}
	div#mod_article div.article-large div.inner {
		width: 840px;
	}
	div#mod_article h2 {
		margin: 0px;
		padding: 0px 0px 15px 25px;
	}
	div#mod_article h3 {
		margin: 0px;
		padding: 0px 0px 4px 0px;
		font-size: 14px;
	}
	div#mod_article div.left,
	div#mod_article div.right {
		float: left;
		width: 420px;
	}
	
	div#mod_article div.left div.inner {
		margin-right: 15px;
	}
	div#mod_article div.right div.inner {
		margin-left: 15px;
		padding: 12px;
		border: 1px solid rgb(127,127,127);
	}
	div#mod_article div.seperator {
		margin: 15px 0px;
		overflow: hidden;
		height: 16px;
		background: url(/website/std/lay/content-seperator.png) repeat-x;
	}


/**
 * Produktion
 */
div#mod_production {
	/*overflow: auto;*/
	margin-bottom: 0px;
}
	div#mod_production div.article {
		margin: 0px 30px;
	}
	div#mod_production h2 {
		margin: 0px;
		padding: 0px 0px 15px 25px;
	}
	div#mod_production div.left,
	div#mod_production div.right {
		float: left;
		width: 420px;
	}
	
	div#mod_production div.left div.inner {
		margin-right: 15px;
	}
	div#mod_production div.right div.inner {
		margin-left: 15px;
		padding: 12px;
		border: 1px solid rgb(127,127,127);
	}
	div#mod_production div.seperator {
		margin: 25px 0px;
		overflow: hidden;
		height: 16px;
		background: url(/website/std/lay/content-seperator.png) repeat-x;
	}


/**
 * Kontakt
 */
div#mod_contact {
	/*overflow: auto;*/
	margin-bottom: 25px;
}
	div#mod_contact div.article {
		margin: 0px 30px;
	}
	div#mod_contact h2 {
		margin: 0px;
		padding: 0px 0px 15px 25px;
	}
	div#mod_contact h3 {
		margin: 0px;
		padding: 0px 0px 15px 25px;
	}
	div#mod_contact h4 {
		margin: 0px;
		padding: 0px 0px 4px 0px;
		font-size: 14px;
	}
	div#mod_contact div.left {
		float: left;
		width: 320px;
	}
	div#mod_contact div.right {
		float: left;
		width: 520px;
	}
	
	div#mod_contact div.left div.inner {
		margin-right: 15px;
	}
	div#mod_contact div.right form {
		margin: 15px 0px 0px 15px;
		padding: 12px 12px 12px 12px;
		/*border: 1px solid rgb(210,210,210);*/
	}
	div#mod_contact .row {
		padding: 3px 0px;
	}
	/*div#mod_contact fieldset {
		border: 1px dashed rgb(230,0,5);
		padding: 10px 15px;
	}
	div#mod_contact legend {
		padding: 5px 10px;
		border: 1px dashed rgb(230,0,5);
	}*/
	div#mod_contact fieldset {
		border: 1px solid rgb(220,220,220);
		padding: 10px 15px;
	}
	div#mod_contact legend {
		padding: 3px 10px;
		border: 3px double rgb(220,220,220);
		border: 1px solid rgb(220,220,220);
		background: rgb(250,250,250)
	}
	div#mod_contact input.button {
		border: 1px solid rgb(180,180,180);
		background: rgb(240,240,240);
		color: rgb(102,102,102);
	}
	div#mod_contact input,
	div#mod_contact select,
	div#mod_contact textarea {
		width: 100%;
		border: 1px solid rgb(220,220,220);
		font-family: Verdana, Arial;
		font-size: 12px;
		color: rgb(102,102,102);
	}
	div#mod_contact input.error,
	div#mod_contact select.error,
	div#mod_contact textarea.error {
		border: 1px solid rgb(227,120,120);
		background: rgb(255,245,250);
		color: rgb(180,0,0);
	}
	div#mod_contact div.small {
		width: 30%;
	}
	div#mod_contact div.big {
		width: 70%;
	}
	div#mod_contact div.seperator {
		margin: 25px 0px;
		overflow: hidden;
		height: 16px;
		background: url(/website/std/lay/content-seperator.png) repeat-x;
	}


/**
 * Anfahrt
 */
div#mod_approach {
	/*overflow: auto;*/
	margin-bottom: 25px;
}
	div#mod_approach div.article {
		margin: 0px 30px;
	}
	div#mod_approach h2 {
		margin: 0px;
		padding: 0px 0px 15px 25px;
	}
	div#mod_approach h3 {
		margin: 0px;
		padding: 0px 0px 15px 25px;
	}
	div#mod_approach h4 {
		margin: 0px;
		padding: 0px 0px 4px 0px;
		font-size: 14px;
	}
	div#mod_approach div.left {
		float: left;
		width: 320px;
	}
	div#mod_approach div.right {
		float: left;
		width: 520px;
	}
	
	div#mod_approach div.left div.inner {
		margin-right: 15px;
	}
	div#mod_approach div.right div.inner {
		margin: 25px 0px 0px 70px;
		/*margin: 0px 103px 0px 15px;*/
		width: 402px;
		height: 402px;
		position: relative;
		background: rgb(0,0,0);
	}
	div#mod_approach div.right div.inner div#map {
		position: relative;
		top: 1px;
		left: 1px;
		width: 400px;
		height: 400px;
		background: url(/google-map-tmp.png) no-repeat rgb(255,255,255);
	}
	div#mod_approach div.right div.inner img {
		position: absolute;
	}
	div#mod_approach div.right div.inner img.corner-tl {
		top: 0px;
		left: 0px;
	}
	div#mod_approach div.right div.inner img.corner-tr {
		top: 0px;
		right: 0px;
	}
	div#mod_approach div.right div.inner img.corner-br {
		bottom: 0px;
		right: 0px;
	}
	div#mod_approach div.right div.inner img.corner-bl {
		bottom: 0px;
		left: 0px;
	}
	
	div#mod_approach div.seperator {
		margin: 25px 0px;
		overflow: hidden;
		height: 16px;
		background: url(/website/std/lay/content-seperator.png) repeat-x;
	}
	
	span.rounded-button {
background:transparent url(/website/std/lay/bg_button_big_left2.gif) no-repeat scroll left top;
float:left;
height:23px;
margin:0 !important;
cursor:pointer;
display:block;
margin-right:4px;
padding-left:3px;
}
span.rounded-button a {
background:transparent url(/website/std/lay/bg_button_big_right2.gif) no-repeat scroll right top;
margin:0 !important;
padding:4px 14px 4px 12px;
display:block;
height:17px;
text-decoration:none;
border:0 none;
color:#FFFFFF !important;
font-weight:bold;
cursor:pointer;
font-size:1.1em;
}


div.start-links{
width: 240px;
margin:30px 40px 20px 10px;
padding: 0px;
height: 320px;
float: left;
}
div.start-links2{
width: 240px;
margin:30px 0px 20px 10px;
padding: 0px;
height: 320px;
float: left;
}
div.start-links h1,
div.start-links2 h1{
	font-size: 14px;
	margin: 0px 0px 10px 0px;
    padding: 0px 0px 4px 0px;
}
div.start-links p,
div.start-links2 p{
	font-size: 11px;
	margin: 10px 0px 0px 0px;
    padding: 0 0 4px;
}
div.start-links img,
div.start-links2 img{
width: 240px;
}