/* ---------------------------------------------------------- 
	bach gollan lorenz - screen- styles  
	
	Mark Blasius - markblasius.com
	
	
	
	client: bach gollan lorenz
	
	alle rechte vorbehalten — all rights reserved !
	
   ---------------------------------------------------------- */

body {
	padding: 20px 0 30px 0;
	font-size: 14px;
	color: #999;
	text-align: center;
	font-family: Myriad Pro, Arial, Verdana , sans-serif;
	background-color: #fff;
}

body#fff {
	background-color: #666;
}

/* @group typo */

/*  typo  ---------------------------------------------------- */

h1 {
	font-size: 20px;
	color: #666;
}

h2 {
	font-size: 18px;
	color: #666;
}

h3 {
	font-size: 16px;
	color: #666;
	line-height: 21px;
}

#quote h2, #quoteleft h2 {
	margin: 0 20px 20px 20px;
	padding: 20px 0 0 0;
	width: 565px;
	color: #fff;
	font-size: 30px;
	letter-spacing: 0.032em;
	line-height: 34px;
	font-weight: normal;
}

p, #left p, #right p, #right p a {
	margin: 0 0 15px 0;
	font-size: 16px;
	line-height: 21px;
}

ul {
	list-style-type: none;
	font-size: 16px;
}

ul li {
	margin: 0 0 5px 0;
}

#footer, #footer p { 
	margin: 0;
	font-size: 13px;
	color: #999;
	line-height: 32px; 
}

#footerleft p { padding-left: 25px; }

/* @end */

/* @group linkage */

/*  linkage ---- ---------------------------------------------- */

/*a:link {
	padding: 0;
	color: #a58930;
	border: 0;
	text-decoration: none;
}

a:visited {
	padding: 0;
	border: 0;
	text-decoration: none;
}

a:hover {
	padding: 0;
	color: #464343;
	border: 0;
	text-decoration: none;
}

a {
	padding: 0;
	color: #a58930;
	border: 0;
	text-decoration: none;
}

a:hover, a:focus {
	outline: none;
	padding: 0;
	color: #464343;
	border: 0;
	text-decoration: none;
}*/

a:hover, a:active, a:focus, a:active {
outline: none;
-moz-outline-style: none;
}

#right a {
	color: #cc9900;
	text-decoration: none;
}

#right a:hover {
	color: #666;
	text-decoration: none;
}

#footerleft a {
	color: #cc9900;
	text-decoration: none;
}

#footerleft a:hover {
	color: #999;
	text-decoration: none;
}

#footerright a {
	color: #999;
	text-decoration: none;
}

#footerright a:hover {
	color: #cc9900;
	text-decoration: none;
}

/* @end */

/* @group forms */

/* forms ---------------------------------------------------- */

form { margin: 4px 0 0 0; }
fieldset { padding: 0; }

/*form p { color: #666; }*/

p#numbers a { 	margin-right: 8px; }
fieldset legend { display: none; }

form.zemContactForm input, form.zemContactForm textarea { 
	font-size: 16px;
	color: #999;
	text-align: left; 
}

#kontaktrow form p {
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 14px;
}

input, textarea, select {
	margin: 2px 0 0 0;
	border: 1px solid #999;
	background-color: #fff;
}

#Name, #E-Mail { width: 300px; }
#Nachricht { width: 548px; }

form.zemContactForm input.zemSubmit { 
	cursor: pointer; 
	text-align: center; 
}

h2#zemError { padding-bottom: 8px; }

p#submit input {
	padding: 4px 7px;
	font-size: 12px;
	color: #999;
	border: 1px solid #999;
}

.zemContactForm .zemSubmit {
	font-size: 12px;
}

ul.zemError {
	margin: 15px 0;
	color: #b71630;
}

/* @end */

/* @group layout */

/* @group mainlayout */

/*  main layout  ---------------------------------------------- */

#header { 
	height: 100px;
	width: 860px;
	background-color: #e3e3e1; 
}

h1#logo a {
	margin: 0;
	padding: 0;
	display: block;
	width: 808px;
	height: 25px;
	text-indent: -99999px;
	text-decoration: none;
	position: relative;
	top: 48px;
	left: 26px;
	border: 0;
	background-image: url(/g/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*h1#logo a:hover { background-position: 0 -17px; }*/

#container {
	margin: 0 auto;
	padding: 10px;
	width: 900px;
	background-color: #fff;
}

body#fff #container {
	background-color: #999;
}

#content {
	padding: 20px;
	width: 860px;
	background-color: #fff;
}

.dline {
	margin: 10px 0;
	height: 10px;
	clear: both;
	background: url(/g/dot.png) repeat-x left center;
}

#quote {
	margin: 50px 0 25px 0;
	width: 860px;
	height: 200px;
	background-color: #e3e3e1;
}

body#start #quote { 	background: url(/images/9.jpg) no-repeat; }
body#torstenbach #quote { 	background: url(/images/10.jpg) no-repeat; }
body#jostchristophgollan #quote { background: url(/images/5.jpg) no-repeat; }
body#christianlorenz #quote { background: url(/images/3.jpg) no-repeat; }
body#kontakt #quoteleft { background: url(/images/8.png) no-repeat; }
body#impressum #quote { 	background: url(/images/4.jpg) no-repeat; }
body#error #quote { background: url(/images/12.jpg) no-repeat; }

#quoteleft {
	width: 580px;
	height: 200px;
	float: left;
}

#quoteright {
	width: 270px;
	height:  200px;
	float: right;
}

#left, #right { padding: 0 0 20px 0; }

#left {
	width: 565px;
	float: left;
}

#right {
	width: 270px;
	float: right;
}

body#kontakt #quoteright a#map {
	width: 270px;
	height: 200px;
	display: block;
	text-indent: -999999em;
	background: #e3e3e1 url(/images/7.png) no-repeat right top;
}

/* @end */

/* @group nav */

/* nav --------------------------------------------------- */

ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	margin: 0 20px 0 0;
	float: left;
	font-size: 13px;
}

#nav li#nav_kontakt { margin: 0 0 0 215px; }

#nav li a {
	text-indent: -99999px;
	text-decoration: none;
	display: block;
	height: 15px;	
}

#nav li#nav_bach a {
	width: 134px;	
	background: url(/g/nav_bach.png) no-repeat 0 0;
}

#nav li#nav_gollan a {
	width: 212px;	
	height: 17px;
	background: url(/g/nav_gollan.png) no-repeat 0 0;
}

#nav li#nav_lorenz a {
	width: 160px;	
	background: url(/g/nav_lorenz.png) no-repeat 0 0;
}

#nav li#nav_kontakt a {
	width: 79px;	
	background: url(/g/nav_kontakt.png) no-repeat 0 0;
}

#nav li#nav_bach a:hover, #nav li#nav_gollan a:hover,
#nav li#nav_lorenz a:hover, #nav li#nav_kontakt a:hover,
body#torstenbach #nav li#nav_bach a, body#jostchristophgollan #nav li#nav_gollan a,
body#christianlorenz  #nav li#nav_lorenz a, body#kontakt #nav li#nav_kontakt a  { 
	background-position: 0 -18px; 
}


/* @end */

/* @group footer */

/* footer  -------------------------------------------------- */

#footer  {
	padding: 0 0 10px 0;
	width: 860px;
	clear: both;
	background-color: #e3e3e1;	
}

#footerleft {
	width: 565px;
	float: left;	
}

#footerright {
	width: 270px;
	float: right;
}

/* @end */

/* @end */

/* @group essentials */

/*  essentials  ----------------------------------------------- */

.cll { clear: left; }
.clb { clear: both; }

/* @end */

/* temp ---------------------------------------------------- */

#tempnav p {
	margin: 60px auto;
	text-align: center;
	color: #999;
}

#tempnav a { 	color: #999; }
#tempnav a:hover { 	color: #333; }