/* @override http://localhost:8880/jobs/saha/contact_microsite/css/screen.css */

/* File: screen.css
--------------------------------------------------------
inital author:      Andre Berg / Berg Media
last editor:        Andre Berg / Berg Media
first version:      2009-06-11
last update:        2009-06-16
-------------------------------------------------------- */

/*  Notes
--------------------------------------------------------
    
-------------------------------------------------------- */


/* Colors
-------------------------------------------------------- 
#fff        White
#000        Black
#ffd487		Yellow-Beige	Text Light & Lines
#6c420c		Brown			Text Dark
-------------------------------------------------------- */

@import "../css/reset.css";

html {
    font-size: 100.01%;
}

body {
	background: transparent url(../images/grey_bg_tile_200px.jpg);
	font: 62.5%/10px Arial, sans-serif;
}

/* @group index.html */

div#wrapper {
	width: 1280px;
	min-height: 1000px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

div#header {
	width: 1323px;
	height: 169px;
	background: url(../images/header_bg_w_border.jpg) no-repeat scroll center top;
}

div#logo {
	position: absolute;
	top: 33px;
	left: 450px;
}

div#navi {
	background: url(../images/navi_bg_w_border.jpg) no-repeat scroll center top;
	width: 1323px;
	height: 60px;
}

ul.navi h1 {
	padding: 14px;
	text-align: center;
	color: #ffd487;
	text-decoration: none;
	font: italic 28px Impact, Arial, sans-serif;
	cursor: default;
}

div#content {
	background: url(../images/content_bg_w_border.jpg) no-repeat scroll center top;
	width: 1323px;
	height: 700px;
}

div#content p.kontakt.infotext {
	color: #6c420c;
	text-align: left;
	font: 18px/25px Arial, sans-serif;
	width: 420px;
	margin-left: 258px;
	padding-top: 178px;
	float: left;
}

div#content p.kontakt.ansprechtext {
	color: #6c420c;
	text-align: left;
	font: 18px/25px Arial, sans-serif;
	width: 420px;
	margin-left: 77px;
	padding-top: 179px;
	float: left;	
}

div#content p.kontakt.ansprechtext a {
	text-decoration: none;
	color: #fcdb95;
}

div#content p.kontakt.ansprechtext a:hover {
	/*background-color: #be711f;*/
	/*text-decoration: underline;*/
	color: #fcdb95;
}

div#content p.kontakt.ansprechtext a:visited {
	text-decoration: underline;
	color: #6c420c;
}

div#footer {
	width: 1323px;
	height: 80px;
	background: url(../images/footer_bg_w_border.jpg) no-repeat scroll center top;
	clear: both;
}

div#footer a {
	text-decoration: none;
	color: #6c420c;
	font: 12px/0 Arial, sans-serif;
	margin-right: 75px;
	/*margin-left: 50px;*/
	margin-top: -10px;
	display: block;
	width: 100px;
	float: right;
}

div#footer p {
	color: #6c420c;
	width: 950px;
	padding-top: 20px;
	font: 12px/20px Arial, sans-serif;
	text-align: center;
	margin: 0 auto;
	float: none;
}

/* @end */

/* @group impressum.html */

body[id="impressum"] div#content {
	background: url(../images/content_bg_wo_separator.jpg) no-repeat scroll center top;
	width: 1323px;
	height: 700px;
}

body[id="impressum"] div#content p.impressum {
	color: #6c420c;
	width: 600px;
	padding-top: 49px;
	padding-left: 10px;
	font: 17px/22px Arial, sans-serif;
	text-align: center;
	margin: 0 auto;
}

body[id="impressum"] div#content p.hinweis {
	color: #6c420c;
	width: 400px;
	padding-top: 15px;
	padding-left: 10px;
	font: 14px/22px Arial, sans-serif;
	text-align: center;
	margin: 0 auto;
}

body[id="impressum"] div#footer {
	width: 1323px;
	height: 80px;
	background: url(../images/footer_bg_w_border.jpg) no-repeat scroll center top;
	clear: both;
}

body[id="impressum"] div#footer p.copyright {
	padding-left: 0;
	width: 350px;
	clear: both;
	display: block;
	float: none;
}

body[id="impressum"] div#footer p {
	color: #6c420c;
	width: 350px;
	padding-top: 20px;
	font: 12px/20px Arial, sans-serif;
	text-align: center;
	margin: 0 auto;
	float: none;
}

body[id="impressum"] div#content p.impressum a {
	text-decoration: none;
	color: #6c420c;
}

body[id="impressum"] div#content p.impressum a:hover {
	color: #fcdb95;
}

/* @end */


div#content span.tel, span.fax {
	letter-spacing: -1px;
}

a.mailto {
	display: block;
}

#content hr.top {
	width: 300px;
	margin-top: 48px;
	border: 1px dashed #ab7121;
}

#content hr.bottom {
	width: 300px;
	margin-top: 14px;
	border: 1px dashed #ab7121;
}

img#w3-valid-xhtml {
	width: 88px;
	height: 31px;
	float: right;
	margin-right: -290px;
	margin-top: -37px;
}

img#w3-valid-css {
	width: 88px;
	height: 31px;
	float: right;
	margin-right: -390px;
	margin-top: -37px;
}

noscript a.kontakt {
	color: #6c420c;
	width: 300px;
	padding-left: 46px;
	font: 17px/22px Arial, sans-serif;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	clear: right;
	float: left;	
}

noscript a.impressum {
	color: #6c420c;
	width: 600px;
	padding-top: 49px;
	padding-left: 10px;
	font: 17px/22px Arial, sans-serif;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
}

noscript a:hover {
	color: #fcdb95;
}