/*
Projekt: Autopark Chemnitz
Design: Sebastian Laube
Code: Sebastian Laube
-------------------------------------------------------------- */

/* general
-------------------------------------------------------------- */
* { margin: 0; padding: 0;}
html, body {
	background: #fff;
	font-size: 90%;
	font-family: Arial, 'Bitstream Vera Sans', 'Nimbus Sans L', helvetica, sans-serif;
	color: #333;
}
img { border: 0;}

a, a:link a:visited {
	color: #353500;
	color: #888;
	text-decoration: none;
	background: url('gfx/stripe.png') repeat-x bottom;
	padding: 0 0 .08em;
}
a:focus, a:hover, a:active {
	color: #000;
	border-bottom: 0;
	background: url('gfx/under.gif') repeat-x bottom;
}

.clear { clear: both;}

/* head
-------------------------------------------------------------- */
#head {
	background: #181818;
	color: #fff;
}
h1 {
	padding: 3.2em 0 .7em 1em;
	text-indent: -9999px;
	background: url('gfx/logo.png') no-repeat 20% center;
}

#address {
	display: block;
	position: absolute;
	top: 1em;
	right: 5em;
	color: #fff;
}
#address address {
	font-style: normal;
	padding: 0 22px 0;
	background: url('gfx/home.gif') no-repeat;
}
#address p { padding: .2em 22px .2em;}
#address .phone {
	background: url('gfx/phone.gif') no-repeat center left;
}
#address .fax {
	background: url('gfx/print.gif') no-repeat center left;
}
#address .mail {
	background: url('gfx/mail.gif') no-repeat center left;
}
.mail a, .mail a:hover { color: #fff; text-decoration: none; background: none;}

/* navigation
-------------------------------------------------------------- */
#line {
	height: 2.5em;
	background: #444 url('gfx/dgrey.png');
	border-top: 1px solid #585858;
}

/* content
-------------------------------------------------------------- */
#main{
	min-height: 460px;
	background: url('gfx/side2.png') no-repeat right top;
}

#content {
	max-width: 650px;
	margin: 0 290px 0 20%;
	padding: 1em 0 0;
	line-height: 1.5em;
}
#content p {
	margin: 0 0 1em;
	padding: 0 0 0 1em;
}

h2 {
	font: 700 1.5em  Arial, 'Bitstream Vera Sans', 'Nimbus Sans L', helvetica, sans-serif;
	color: #000;
	/*border-top: 1px dotted #ff0;*/
	/*background: url(gfx/stripe.png);*/
	border-bottom: 1px solid #ddd;
	margin: 0 0 .5em -3em;
}
h2 strong {
	display: block;
	padding: .5em;
	margin: 0 0 0 3em;
	border-bottom: 6px solid #ff0;
}

ul {
	margin: 0 0 1em 2em;
	list-style: square;
}

/* map
-------------------------------------------------------------- */
#map {
	width: 380px;
	min-width: 80%;
	margin: 0 auto 1em auto;
	height: 300px;
	border: 1px solid #909090;
}
#map a, #map a:link, #map a:hover {background: none;}

/* form
-------------------------------------------------------------- */
input[type=text], input[type=submit], textarea {
	padding: .2em;
	margin: .3em 0 0;
	background: #fff url(gfx/grey.png) repeat-x top;
	color:#333;
	font: .95em Arial, 'Bitstream Vera Sans', 'Nimbus Sans L', helvetica, sans-serif;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
}
input[type=submit] {
	border-top:1px solid #ddd;
	border-bottom:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	background: #fff url(gfx/grey.png) repeat-x bottom;
}


ol.forms {
	list-style: none;
	width: 100%;
	margin: 0;
}
ol.forms li {
	float: left;
	line-height: 1.5em;
	margin-bottom: .5em;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 1.5em;
	padding: 0 1em 0 0;
	text-align: right;
	width: 15%;
}
ol.forms input { width: 70%; }
ol.forms textarea {
	height: 10em; 
	width: 70%; 
}
/*ol.forms input, ol.forms textarea, ol.forms button {
	padding: .2em;
	font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid #bbb; background: #eee;
}*/
ol.forms button { color: #333;}
ol.forms .error { 
	color: #f00;
	display: block;
	margin: 0.25em 0 0 18%;
}
ol.forms li.buttons {
	padding-left: 18%;
	width: 89%;
}
p#success {
	display: block;
	margin: .9em;
	padding: 1em .5em;
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	text-align: center;
}

/* foot
-------------------------------------------------------------- */
#foot {

	background: url('gfx/corner.png') no-repeat left bottom;
	margin: -100px 0 0;
	height: 500px;
	text-align: center;
	font-size: .8em;
}
#foot p {
	padding: 480px 0 0;
	margin: 0 290px 0 20%;
}
#love {
	position: absolute;
	left: 0;
	bottom: -12em;
}
#love a {background: none;}