/*
############## HTML STYLES ##############
*/

body {
	background-image:url(../media/background.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:0.75em;
	line-height:175%;
}

a {
	text-decoration:none;
	color:#01319F;
	font-weight:bold;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

h1 {
	font-size:1.4em;
	color:#01319F;
	margin-top:0px;
	margin-bottom:1em;
}

h4 {
	margin:0px;
}


/*
############## HTML CLASSES ##############
*/

a.startseite { background-image:url(../media_footer/ico_startseite.gif); }
a.sitemap { background-image:url(../media_footer/ico_sitemap.gif); }
a.impressum { background-image:url(../media_footer/ico_info.gif); }
a.english { background-image:url(../media_footer/ico_english.gif); }
a.deutsch { background-image:url(../media_footer/ico_deutsch.gif); }

.blau {
	color:#042CA6;
}


/*
############## DIV STYLES ##############
*/

#container {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../media/background.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	min-width:980px;
	* width:expression(document.body.clientWidth < 1012 ? "980px" : document.body.clientWidth > 1014 ? "90%" : "90%");
	position:relative;
}

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

#right {
	width:75%;
	float:right;
}
.guss_claim {
	background-image:url(../claim/guss.gif);
	background-repeat:no-repeat;
}

.guss_claim_en {
	background-image:url(../claim/guss_en.gif);
	background-repeat:no-repeat;
}


.pmc_claim {
	background-image:url(../claim/pmc.gif);
	background-repeat:no-repeat;
}

.pmc_claim_en {
	background-image:url(../claim/pmc_en.gif);
	background-repeat:no-repeat;
}

.verpackung_claim {
	background-image:url(../claim/verpackung.gif);
	background-repeat:no-repeat;
}

.verpackung_claim_en {
	background-image:url(../claim/verpackung_en.gif);
	background-repeat:no-repeat;
}

#clearer {
	clear:both;
	height:1px;
	overflow:hidden;
}

#logo {
	margin-top:10px;
	text-align:center;
}

#logo a img {
	border:0px none;
}

#bereich #abschluss {
	background-image:url(../media/abschluss.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:30px;
	display:block;
	width:100%;
}

#bereich {
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#D5D5D6;
	padding-top:160px;
	width:100%;
	margin-top:50px;
}
.guss_bild { background-image:url(../media/bereich_guss.jpg); }
.guss_bild_en { background-image:url(../media/bereich_guss_en.jpg); }
.pmc_bild { background-image:url(../media/bereich_pmc.jpg); }
.pmc_bild_en { background-image:url(../media/bereich_pmc_en.jpg); }
.verpackung_bild { background-image:url(../media/bereich_verpackung.jpg);  }
.verpackung_bild_en { background-image:url(../media/bereich_verpackung_en.jpg);  }


#bereich h2 {
	display:block;
	margin-top:4px;
	margin-bottom:4px;
	color:#01319F;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	font-size:100%;
}

#bereich a {
	line-height:100%;
	display:block;
	margin-left:2em;
	text-align:left;
	border-bottom:1px solid #000;
	color:#000;
	padding-right:0.25em;
	padding-bottom:0px;
	margin-bottom:1em;
	font-weight:normal;
	text-decoration:none;
}

#bereich a:hover, #bereich a.aktiv {
	color:#012DA3;
	border-color:#012DA3;
	font-weight:bold;
}

#bereich #subnav {
	margin-bottom:15px;
}

#bereich #subnav a {
	margin-left:4em;
	display:block;
	font-size:90%;
	border-bottom:0px none;
}

#navigation {
	height:220px;
	position:relative;	
}

#headline {
	display:block;
	margin-top:20px;
	margin-bottom:10px;
}

#spalte_links {
	width:48%;
	float:left;
}

#spalte_rechts {
	width:48%;
	float:right;
}

#footer {
	margin-top:20px;
}

#footer #ftop {
	background-image:url(../media/footer_top.gif);
	background-repeat:repeat-x;
	height:23px;
	width:100%;
}

#footer #ftop #fleft {
	float:left;
	width:20%;
}

#footer #ftop #fright {
	float:right;
	width:20%;
	text-align:right;
}

#footer #fbottom {
	background-image:url(../media/footer_bottom.gif);
	background-repeat:repeat-x;
	height:20px;
	width:100%;
}

#footer #fbottom #fleft {
	float:left;
	width:20%;
}

#footer #fbottom #fright {
	float:right;
	width:20%;
	text-align:right;
}

#footer #fcontent {
	padding-top:0.25em;
	padding-bottom:0.20em;
}

#footer #fcontent a {
	color:#5C5C5C;
	padding-left:20px;
	font-weight:normal;
	font-size:90%;
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:1em;
	padding-bottom:1em;
	margin-right:20px;
}

#footer #fcontent a:hover {
	color:#000;
	text-decoration:underline;
}

#footer #fcontent #links_left {
	width:200px;
	float:left;
	padding-left:20px;
}

#footer #fcontent #links_right {
	width:75%;
	float:right;
}

#footer #fcontent #linksbuendig {
	float:left;
	width:48%;
}

#footer #fcontent #rechtsbuendig {
	float:right;
	width:48%;
	text-align:right;
}






/* NEWSELEMENTE */

#newsblock {
	margin-top:25px;
	padding-left:6px;
	background-image:url(../media/newsverlauf.jpg);
	background-repeat:repeat-x;
	padding-top:10px;
}

#newsblock strong {
	line-height:120%;
}

#newselem {
	margin-bottom:20px;
	padding-right:10px;
}

#newselem #cal {
	float:left;
	width:55px;
	height:40px;
	background-image:url(../media_index/news_kalender.jpg);
	background-repeat:no-repeat;
}

#newselem #cal #date {
	width:38px;
	text-align:center;
	padding-top:6px;
	color:#5C5C5C;
	font-size:90%;
	line-height:100%;
}

#newselem #newstext {
	float:right;
	width:92%;
	font-size:100%;
	line-height:175%;
}

#newselem #newstext h3 {
	color:#012DA3;
	font-size:90%;
	line-height:120%;
	display:inline;
	margin:0px;
	padding:0px;
}

#newselem #newstext a {
	font-weight:bold;
	color:#5C5C5C;
	text-decoration:none;
	margin-left:10px;
	white-space:nowrap;
}

#newsdivide {
	clear:both; 
	margin-left:55px;
	margin-right:8px; 
	margin-bottom:4px; 
	margin-top:20px;
	border-top:1px solid #A2A2A4;
}

.newsimage {
	margin-left:40px; margin-bottom:20px;
}

.newsdatum {
	font-weight:bold;
	color:#5C5C5C;
	text-decoration:none;
	margin-right:10px;
	white-space:nowrap;
}






/* NEWSELEMENTE */

#inputblock {
	margin-bottom:10px;
	display:block;
}

#inputblock #field {
	width:30%; float:left;
}

#inputblock #text {
	width:68%; float:right;
}

#inputblock #text input {
	border:1px solid #012DA3;
	padding:2px;
	font-size:90%;
	width:90%;
}

#inputblock #text textarea {
	width:90%;
	font-size:90%;
	padding:2px;
	font-family:Arial;
	border:1px solid #012DA3;
}