/*
Datei: screen.css
Verwendung: Stylesheet Screen
Autor: insyma (MURA)
Edit: 13. Juli 2007
===========================================
	1.	Allgemeines / Grundlayout
	2.	Head-Bereich (Identifikation, headerbild, Servicenavigation)
	3.	Hauptnavigation
	4.	Inhaltsbereich
	5. Sidebar
	6. Footer
	7. Image PopUp
===========================================
*/

/* ############################################
	Allgemeines / Grundlayout
############################################ */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style: none;
}
html, body {
	height: 100%;
}
body {
	font-size: 68.75%;
	color: #404040;
	background: #f9f9f9;
}

.clearer {
	clear: both;
}
div#wrap {
	width: 931px;
	margin: 0 auto;
	padding: 0px 5px 0px 6px;
	background: url(../img/layout/wrap.gif) repeat-y;
}

div#container {
	line-height: 1.5;
	float: left;
	margin: 30px 0px 0px 0px;
	width: 930px;
	padding: 0px;
}

a {
	color: #a14b28;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;	
}

/* ############################################
	Breadcrumbs
############################################ */

ol#breadcrumbs {
	/*padding: 10px 0px 0px 335px;*/
	height: 15px;
	/*width: 575px;*/
	margin: 10px 0 0 335px;
	clear: both;
}

div#head ol#breadcrumbs li {
	float: left;
	/*width: auto;*/
}

div#head ol#breadcrumbs li a {
	text-decoration: none;
	margin-right: 10px;
	color: #000;
	font-size:90%;
	border-left: 1px solid #666;
	padding: 0px 0px 0px 10px;
	float: left;
	/*width: auto;*/
}

div#head ol#breadcrumbs li.home a {
	border: none;
	padding: 0px;
}

/* ############################################
	Head-Bereich (Identifikation, headerbild, Servicenavigation)
############################################ */

div#head {
	width: 940px;
	height: 230px;
}

div#head ul {
	background: none;
	border: none;
	float: none;
}

div#head ul#navigation {
	width: 600px;
	height: 73px;
	float: left;
}

div#head ul#navigation li{
	width: 185px;
	height: 73px;
	margin-right: 15px;
	float: left;
	color: #666;

}

div#head ul#navigation li.green {background: #83ab91; }
div#head ul#navigation li.yellow {background: #FFEFAA; }
div#head ul#navigation li.turkis {background: #afc5b0; }

div#head ul#navigation li span{ 
	border-bottom: 1px solid #fff;
	display: block;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	margin-bottom: 5px;
}

div#head ul#navigation ul li{
	height: auto;
	margin: 0px;
}

div#head ul#navigation ul li a{
	color: #666;
	text-decoration: none;
	display: block;	
	padding: 3px 0px 3px 10px;
	}


ul#servicenavigation {
	width: 908px;
	padding: 10px 15px 12px 0px;
	height: 10px;
}
ul#servicenavigation li {
	padding: 0 0 0 10px;
	float: right;
}
ul#servicenavigation li.language {
	font-weight: bold;
}
ul#servicenavigation li.language a {
	border: none;
}

ul#servicenavigation li a {
	color: #404040;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	border-left: 1px solid #666;
}
ul#servicenavigation a:hover {
	text-decoration: underline;
}
ul#servicenavigation a.active {
	text-decoration: underline;
}
a#logo-link {
	float: left;
	margin: 30px 0 0 0;
}
a#logo-link img {
	border: none;
}

div.adresse {
	width: 325px;
	float: left;
	height: 175px;
	vertical-align: bottom;
}

div.adresse img {
	float: left;
	margin: 40px 20px 0px 25px;
}

div#head div.adresse ul {
	float: left;
	margin-top: 63px;
	width: 170px;
}

div.adresse ul li {
	margin: 3px 0px 3px 0px;
}

div.adresse ul li.telefon {padding: 0px 0px 0px 15px; background:url(../img/layout/icon-tel.gif) no-repeat 0px 2px; }
div.adresse ul li.fax {padding: 0px 0px 0px 15px; background:url(../img/layout/icon-fax.gif) no-repeat 0px 2px;}
div.adresse ul li.email {padding: 0px 0px 0px 15px; background:url(../img/layout/icon-mail.gif) no-repeat 0px 2px;}


div#head img.rubricimg {
	display: block;
	float: left;
	margin-right: 15px;
}

/* ############################################
	Startseite
############################################ */

div#startbar {
	float: left;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	width: 280px;
	display: inline;
}

div#startbar h3.welcome {font-size: 140%; margin: 0px 0px 135px 0px; padding: 0px;}
div#startbar h4.promotext1 {font-size: 130%; font-weight: normal; margin-bottom: 135px;}
div#startbar h4.promotext2 {font-size: 130%; font-weight: normal;}

div#startanimation {
	height: 400px;
	margin-left: -10px;
}

/* ############################################
	Hauptnavigation
############################################ */


div#navigation, div#place-suvnavi {
	float: left;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	width: 280px;
	display: inline;
}

div#navigation.yellow {	border-bottom: 5px solid #FFEFAA;}
div#navigation.green {	border-bottom: 5px solid #83ab91;}
div#navigation.turkis {	border-bottom: 5px solid #afc5b0;}

div#navigation span {
	font-weight: bold;
	font-size: 100%;
	display: block;
	width: 265px;
	padding: 7px 0px 8px 15px;
}

div#navigation.yellow span {background: #FFEFAA;}
div#navigation.green span {background: #83ab91;}
div#navigation.turkis span {background: #afc5b0;}

div#navigation ul#navigation {
	line-height: 1.2;
	width: 280px;
	padding: 10px 0px 10px 0px;
	background: #f5f3f4;
}
div#navigation ul#navigation li{
}
div#navigation ul#navigation li a {
	display: block;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 0px 3px 15px;
}
div#navigation ul#navigation a:hover, ul#navigation a.active {
	color: #a14b28;
}
div#navigation ul#navigation ul{
	border: none;
}

div#navigation ul#navigation ul a{
	padding: 4px 0px 4px 30px;
	font-weight: normal;
}

div#navigation ul#navigation ul ul {
	padding: 0 0 0 15px;
}


/* ############################################
	Inhaltsbereich
############################################ */

div#content {
	float: left;
	min-height: 240px;
	margin-left: 30px;
	width: 570px;
}
/* ESE 19.mai 08 gelöscht!!!!
div#container div#content.details {
	width: 505px;
	margin: 175px 10px 10px 0;
	padding: 0 0 15px 200px;
	line-height: 1.6; 
	border: 1px solid red;
}
div#container div.agrarmaschinen {
	background: url(../img/layout/content-agrarmaschinen.gif) no-repeat bottom left;
}

*/


div#content p {
	margin: 0 0 1em 0;
}
div#container h1 {
	font-weight: normal;
	margin: 0 0 0.5em 0;
	font-size: 120%;
	font-weight: bold;
	color: #009933;
}
div#container h2 {
	font-weight: normal;
	margin: 0 0 0.5em 0;
	font-size: 120%;
	font-weight: bold;
	color: #009933;
}
div#container h3 {
	font-weight: bold;
	font-size: 110%;
	margin: 2em 0 .5em 0;
}


/* ############################################
	Footer
############################################ */

div#foot {
	/*color: #B28E00;*/
	width: 940px;
	/*border-top: 1px solid #D1A700;*/
	background: url(../img/layout/foot.gif) no-repeat bottom left;
	clear: both;
	height: 50px;
	margin: 0px 0px 0px -6px;
}
div#foot a {
	color: #000;
}
div#foot a:hover {
	text-decoration: none;
}
div#foot ul {
	width: 920px;
	margin: 13px auto;
}
div#foot ul li {
	float: left;
	padding: 2px 0 2px 25px;
	width: 668px;
}
div#foot ul li.foot-nav {
	padding: 0;
	width: auto;
}
div#foot ul li.foot-nav a{
	text-decoration: none;
	display: block;
	padding: 1px 0 0 20px;
	height: 17px;
	margin: 0 20px 0 0;
}
div#foot ul li.foot-nav a:hover {
	text-decoration: underline;
}
div#foot ul li a.impressum {
	background: url(../img/layout/icon-impressum.gif) no-repeat top left;
}
div#foot ul li a.print {
	background: url(../img/layout/icon-print.gif) no-repeat top left;
}
div#foot ul li a.print:hover {
	background: url(../img/layout/icon-print.gif) no-repeat bottom left;
}

/* ############################################
	Image PopUp
############################################ */

div#PopDiv {
	background: #fff;
	position: absolute;
	border: 1px solid #a14b28;
}
div#PopDiv img { 
	border: 1px solid #bbb;
	margin: 0 2em 2em 2em;
}
div#PopDiv a {
	display: block;
	padding: 10px 25px 10px 0;
	margin: 0 18px 0 0;
	background: url(../img/layout/icon-close.gif) no-repeat right;
	text-align: right;
}
div#PopDiv p {
	display: block;
	text-align: center;
	margin: 0 0 2em 0;
}