/* © 2008 Christine Kirchmeier */
/* Last edit: 16.3.10 */
/* General stuff */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html { height: 100%; }

body {
	background: #fff url(../img/bg.gif) repeat-x center top;
	color: #252527;
	font: normal 0.75em/1.4em Tahoma,Arial,Verdana,sans-serif;
	text-align: center;
}

a {
	color: #970955;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a:focus { outline: none; }

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	line-height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}

h1 {
  	margin: 0 0 0.5em 0;
  	padding: 10px 0 5px 18px;
  	background: url(../img/h1.gif) no-repeat left bottom;
	color: #008ea7;
	font: bold 1.05em/1em Georgia, sans-serif;
}

h2 {
	margin: 0 0 0.5em 0;
	padding: 7px 0 0 0;
	color: #363638;
	font-size: 1.05em;
}

h3 {
	margin: 0 0 0.5em 0;
	color: #008ea7;
}

p {	margin: 0 0 1em 0; }

address {
	font-style: normal;
	line-height: 1.2em;
}

#content ul {
	margin: 0 0 1em 18px;
	list-style-type: none;
}

#content ul li {
	background: url(../img/list.gif) no-repeat 0 0.5em;
	line-height: 1.5em;
	padding: 0 0 2px 12px;
}

#content ul.linkList { margin: 0 0 1em 0; }

#content ul.linkList li {
	background: none;
	line-height: 1.5em;
	padding: 0 0 2px 0;
}

#content a:link/* */, #content a:visited/* */, #content a:hover/* */, #content a:active/* */ {
	padding: 0 0 0 12px;
	background: url(../img/link.gif) no-repeat 0 4px;
}

#content a:hover/* */ {
	background: url(../img/link_hov.gif) no-repeat 0 0;
}

img {
	background: #fff;
	padding: 3px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ddd;
}

input, textarea {
	width: 300px;
	border-top: 1px solid #8c8c8c;
	border-right: 1px solid #3b3b3d;
	border-bottom: 1px solid #3b3b3d;
	border-left: 1px solid #8c8c8c;
	margin: 0 0 6px 0;
	font: normal 11px/1.3em Tahoma,Arial,Verdana,sans-serif;
	padding: 1px 2px;
	color: #4c4c4e;
}

dl { margin: 0 0 1em 0; }

dt {}

dd { margin: 0 0 0.5em 12px; }


/* Layout */

#wrapper {
	width: 910px;
	margin: 0 auto;
	background: url(../img/bg-content.gif) repeat-y left top;
	text-align: left;
}

#header {
	height: 259px;
	margin-left: 0;
	background: url(../img/sightdesign.jpg) no-repeat;
}

#staticLinks {
	margin: 0 0 0 90px;
	height: 43px;
}

#staticLinks a {
	display: block;
	float: left;
	color: #252527;
	text-decoration: none;
	font-size: 0.9em;
}

#staticLinks a.l1 {
	width: 56px;
	height: 24px;
	padding: 1px 0 0 10px;
	margin: 0 0 0 2px;
	background: url(../img/static-1-i-2.jpg) no-repeat;
	text-indent: -2000em;
}

#staticLinks a.l1:hover {
	background: url(../img/static-1-a-2.jpg) no-repeat;
	padding-top: 6px;
	margin: 0 2px 0 0;
}

#staticLinks a.l2 {
	width: 61px;
	height: 29px;
	padding: 1px 0 0 9px;
	background: url(../img/static-2-i-2.jpg) no-repeat;
	text-indent: -2000em;
}

#staticLinks a.l2:hover {
	background: url(../img/static-2-a-2.jpg) no-repeat;	
	padding-top: 6px;
}

#staticLinks a.l3 {
	width: 115px;
	height: 31px;
	padding: 1px 0 0 9px;
	background: url(../img/static-3-i-2.jpg) no-repeat;
	text-indent: -2000em;
}

#staticLinks a.l3:hover {
	background: url(../img/static-3-a-2.jpg) no-repeat;
	padding-top: 5px;
}

#sight { margin-left: -1px; }

#main {}

#nav {
	float: left;
	position: relative;
	width: 324px;
	height: 194px;
	margin: 1px 0 0 ;
	background: url(../img/left-band.jpg) no-repeat;
}

#rightBand {
	float: left;
	width: 203px;
	height: 294px;
	background: url(../img/right-band-1.jpg) no-repeat;
}

#content {
	float: left;
	width: 361px;
	padding: 7px 15px 0 7px;
	background: #fff;
}

#contact {
  	position: absolute;
  	right: 13px;
  	top: 193px;
  	width: 204px;
  	height: 244px;
  	padding: 0 0 0 25px;
	background: url(../img/contact.jpg) no-repeat;
	font-size: 0.9em;
}

#contact h3 {
	margin: 41px 0 12px -1px;
  	color: #252527;
	font: normal 1.6em/1em Georgia, sans-serif;
}

#footer {
  	height: 203px;
	background: url(../img/bg-bottom.gif) repeat-x center top;
	font-size: 0.8em;
}

#footer .left {
  	width: 50%; 
  	float: left;
  	text-align: right;
}

#footer .left div { padding: 20px 162px 0 0; }

#footer .right {
  	width: 50%; 
 	float: left;
  	margin: 0 0 0 -144px;
}

#foot {
	position: relative;
	width: 591px;
	height: 68px;
	padding: 10px 0 0 8px;
	background: url(../img/bottom.jpg) no-repeat left top;
	text-align: left;
}

#foot a#top {
  display: block;
  position: absolute;
  top: 6px;
  right: 200px;
  width: 28px;
  height: 25px;
  color: #5a5a5a;  
  background: url(../img/to-top-2.gif) no-repeat 0 0;
}

#foot a#agd {
  display: block;
  position: absolute;
  top: 47px;
  left: 0;
  width: 280px;
  height: 25px;
  color: #5a5a5a; 
  padding: 0 0 0 50px;  
}

#foot a:hover { text-decoration: none; }

/* Navigation */

div#nav ul {
  margin: 13px 0 0 70px;
  list-style: none;
	height: 194px;
}

div#nav ul li {
  padding: 2px 0 0 0;
  background: url(../img/nav-dots.gif) no-repeat left bottom;
  line-height: 1.6em;
}

div#nav ul li a {
  display: block;
  font-size: 1.1em;
  color: #fff;
  text-decoration: none;
  line-height: 1.5em;
}

div#nav ul li a:hover {
  font-weight: bold;
}

div#nav ul li ul {
  display: none;
}

div#subMenu ul {
  margin: 13px 0 1.8em 35px;
  list-style: none;
}

div#subMenu ul li {
  padding: 2px 0 0 0;
  background: url(../img/nav-dots.gif) no-repeat left bottom;
  line-height: 1.6em;
}

div#subMenu ul li a {
  display: block;
  font-size: 1.1em;
  color: #fff;
  text-decoration: none;
  line-height: 1.5em;
}

div#subMenu ul li a:hover { font-weight: bold; }

.active a { font-weight: bold; }


/* Special classes and elements */

div.separator {
	background: url(../img/separator.gif) no-repeat;
	height: 23px;
	margin: -0.3em 0 0.3em 0;
	clear: both;
}

div.separator hr { display: none; }

div.strong strong, .emphasize {	font-weight: normal; }

#header h1, #header p, h2#longTitle { display: none; }

#sidebar { display: none; }

#referenzen {
	padding: 1em 0 0 0;
	font-size: 0.9em;
	line-height: 1.3em;
}
	
#referenzen div.separator {
	background: url(../img/separator.gif) no-repeat 0 10px;
	margin: 0;
	padding: 10px 0 10px 0;
}

#referenzen p {
	margin: 0;
}

p.ReferenceDate { 
	color: #a6d8e0;
	font: normal 1.5em/1em Georgia, sans-serif;
	padding: 5px 0 0 0;
}

a.title {
  display: block; 
  font-weight: bold; 
  background: none !important; 
  padding: 0 !important; 
  margin: 0 0 -0.9em 0; 
  line-height: 1em;
}

img.left {
	float: left;	
	margin: 3px 10px 0 0;
	line-height: 0;
}

a.left {
	float: left;
	width: 210px;
	padding: 0;
}

a.left img.left {
	float: none;
	display: block;
}

div.left {
	float: right;
	width: 142px;
}

img.right {
	float: right;
	margin: 0 0 0 7px;
}

a.right {
	float: right;
	width: 210px;
}

div.right {
	float: left;
	width: 142px;
	text-align: right;
}

a.noimage:link, a.noimage:visited, a.noimage:hover, a.noimage:active {
	background-image: none !important;
	padding: 0 !important;
}

#testimonials p { padding: 10px; }
	
#testimonials span {}

#testimonials span.who {
	display: block;
	margin: 5px 0 0 0;
	color: #acacbd;
	font-weight: bold;
}

#testimonials span.who a {
	color: #7a7a8b !important;
	background: none !important;
	padding: 0 !important;
}

#EmailForm { margin: 0 0 10px 0; }

#EmailForm label {
	float: left;
	width: 110px;
	margin: 0 10px 6px 0;
	text-align: right;
}

#EmailForm input, #EmailForm textarea {
	float: left;
	width: 230px;
	border-top: 1px solid #8c8c8c;
	border-right: 1px solid #3b3b3d;
	border-bottom: 1px solid #3b3b3d;
	border-left: 1px solid #8c8c8c;
	margin: 0 0 6px 0;
	font: normal 11px/1.3em Tahoma,Arial,Verdana,sans-serif;
	padding: 1px 2px;
	color: #4c4c4e;
}

#EmailForm textarea { height: 100px; }

#EmailForm input.button {
	cursor: pointer;
	background: url(../img/right-band-1.jpg) no-repeat -12px -10px;
	border: none;
	width: auto;
	color: #fff;
	font: bold 1em/1.5em Tahoma,Arial,Verdana,sans-serif;
	padding: 2px 8px;
}

img.thumbnail {
	background: #fff !important;
	padding: 3px !important;
	border-top: 1px solid #ddd !important;
	border-right: 1px solid #aaa !important;
	border-bottom: 1px solid #aaa !important;
	border-left: 1px solid #ddd !important;
	margin: 0;
}

.thumbs li {
	background-image: none !important;
	padding: 0 !important;
}

.noborder {
	background: none;
	border: none;	
	padding: 0;
}

/* blog comments */

.jot-row-alt { background: #fff; }

.jot-row {
  	background: #fff;
  	margin: 18px 0 18px 0;
  	border: none !important;
}

.jot-content {
  	background: #fff;
  	margin-bottom: 10px;
  	border-left: 1px dotted #777;
  	padding-left: 12px;
  	margin-left: 80px !important;
}

.jot-subject {
  	color: #008ea7 !important;
	font: bold 1.05em/1em Georgia, sans-serif !important;
}

.jot-message {
  	margin-top: 15px;
  	padding: 0 !important;
}

.jot-content div.separator, .jot-content div.jot-posticon { display: none; }

.captcha { margin-bottom: 6px; }

p.left {
  	display: block;
	float: left;	
	width: 250px;
}