@charset "iso-8859-1";
/* CSS Document */

h1 {font-weight:bold; font-size:18px; display:none;}

h2 {font-weight:bold; font-size:15px;margin:0 0 15px 0;}

h3 {font-weight:normal; font-size:18px;}

a {color:#fff;!important}

p {padding-top:0;margin-top:0;}


body {
	width:100%;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin:0;
	background:#014c86;
}



.readMore {
	line-height:10px;
	padding-left:10px;
	margin-top:10px;
	float:right;
	text-decoration:none;
	background:url(../img/layout/pfeil_links.gif) top left no-repeat;
	color:#fff!important;
}


a.download {
	display:block;
	line-height:10px;
	padding-left:10px;
	background:url(../img/layout/pfeil_links.gif) center left no-repeat;
	padding-top:3px;
	margin-bottom:5px;
	float:right;
	margin-left:20px;
	text-decoration:none;
	color:#fff!important;
}

a.link {
	display:block;
	line-height:10px;
	padding-left:10px;
	background:url(../img/layout/pfeil_links.gif) center left no-repeat;
	padding-top:3px;
	margin-bottom:5px;
	float:right;
	text-decoration:none;
}

/* Modulspezifische Klassen */

#homeLeft {
	width:350px;
	
	padding-bottom:20px;
	background:url(../img/layout/newsbox_trennlinie.png) bottom left no-repeat;
}

.oekoStahlHome {
	margin:30px 0 0 15px;
}

#homeRight {
	width:425px;
	float:left;
	color:#0060a9;
	float:right;
}

#newsBoxTab {
	width:425px;
	height:21px;
	background:url(../img/layout/newsbox_tab.png) top right no-repeat;
}

#newsBoxWrapper {
	width:374px;
	float:right;
	background:url(../img/layout/bg_newsbox_shaddow.png) top right repeat-y;
}

#newsBox {
	width:343px;
	min-height:470px;
	padding-left:25px;
	background:url(../img/layout/bg-newsbox.jpg) bottom right no-repeat #fefefe;
}

#newsBoxFooter {
	width:374px;
	height:6px;
	background:url(../img/layout/bg_newsbox_footer.png) top left no-repeat;
}

#newsBox .listEntry {
	width:323px;
	padding-top:20px;
	padding-bottom:20px;
	background:url(../img/layout/newsbox_trennlinie.png) bottom left no-repeat;
}

#newsBox .listEntry .preview {
	width:134px;
	height:80px;
	float:left;
	margin-right:18px;
	margin-bottom:3px;
	border:1px solid #013d6b;
}

#newsBox .listEntry .preview a {
	display:block;
	width:100%;
	height:100%;
}

#newsBox .listEntry h1 {
	margin-top:0;
}

#newsBox .listEntry .readmore {
	line-height:10px;
	padding-left:10px;
	margin-top:10px;
	float:right;
	background:url(../img/layout/pfeil_newsbox.gif) top left no-repeat;
}

#newsBox .listEntry .readmore a {text-decoration:none; color:#0060a9;}
#newsBox .listEntry .readmore a:hover {text-decoration:underline; color:#0060a9;}


/* News-Detailseite */
.listEntry {
	width:555px;
	margin-bottom:20px;
	padding-bottom:20px;
	
	float:left;
}

.listEntryWide{
	width:100%;
	padding:0;
	margin-bottom:20px;
}

.dateNewsAdded {
	float:right;
	font-size:10px;
}

.newsImgWrapper {
	width:200px;
	float:left;	
}

.newsListImage {
	width:170px;
	height:128px;
	border:none;
	float:left;
	margin-right:18px;
	margin-bottom:10px;
	border:1px solid #013d6b;
}

.newsListimgCount {
	display:block;
	width:150px;
	height:15px;
	border:none;
	float:left;
	margin-right:18px;
	margin-bottom:10px;
	text-decoration:none;
	font-size:10px;
}

.trennlinieWide {
	width:100%;
	height:1px;
	background:url(../img/layout/trennlinie_gross.png) bottom left no-repeat;
	margin-bottom:20px
}

/* galerie */

.galleryPreviewWrapper {
	width:234px;
	float:left;
	margin-right:35px;
	margin-bottom:37px;
	font-size:12px;
	
}

.galleryPreview {
	display:block;
	width:232px;
	height:135px;
	overflow:hidden;
	margin-bottom:10px;
	border:1px solid #013d6b;
}

.galleryPreviewWrapper img {border:1px solid #013d6b; }

.galleryPreviewWrapper a {text-decoration:none;}

.galleryImageWrapper {
	width:134px;
	height:98px;
	overflow:hidden;
	float:left;
	margin:0 23px 24px 0;
	border:1px solid #013d6b;
}

.galleryImage {
	display:block;
	height:100%;
	width:100%;	
}

.noMarginRight {margin-right:0;!important}

/* Argumente */
.argumenteImg {
	float:left;
	margin:0 10px 20px 0;
}

.floatRight {float:right;}


.seoBacklink {margin-top:144px;}

/* kontakt */ 

.kontaktAdresse {
	width:300px;
	float:left;
}

#kontaktAnfahrtsplan {
	width:445px;
	float:left;
}

.googleMapsContainer {
	width:445px;
	height:330px; 
	float:left;
	margin-bottom:5px;
}

.googleMapInfo {
	color:#000;
}

.googleMapInfo a {color:#0060aa;}


/* --- Form Classes ---------------------------------------------------------------*/

form {
	margin:0;
	padding:0;	
}

form *{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5px 0 0 0;
	
}

div.formContainer {
	padding:0;
	width:470px;
	float:left;
}

div.formContainer div.formLabel {
	float:left;
	width:150px;
	font-weight:bold;
}

div.formContainer input[type=text] {
	color:#000;
	border:none;
	width:300px;
	height:18px;
	padding:3px;	
}

div.formContainer textarea {
	color:#000;
	border:none;
	width:300px;
	height:100px;	
	padding:3px;
}

div.formContainer input[type=submit] {
	color:#000;
	border:none;
	width:100px;
	height:30px;
	margin-left:150px;
	font-weight:bold;
}



/* --- captcha ---------------------------------------------------------------*/

div.captcha {
	float:left;
}

div.formContainer div[class=formLabel] + div[class=captcha] {	
	float:left;
	height:45px;
	padding-top:0px;
	font-weight:bold;
	letter-spacing:3px;
	font-size:14px;
}

div.formContainer div[class=formLabel] + div[class=captcha] img {
	margin:0;
}

input.ccode {
	margin:10px 5px 0 0;
	display:block;
	float:left;
	width:172px!important;
	height:23px!important;
	text-transform:uppercase;
	margin-bottom:;
}

/* --- captcha end ---------------------------------------------------------------*/


/* --- errorMsg ---------------------------------------------------------------*/
.formErrorMsg {
	background-color:#990000;
	border:1px solid #ffd600;
	width:300px;
	padding:3px;
	margin-left:150px; 
	color:#BB9301;
}

/* --- errorMsg ---------------------------------------------------------------*/
.thankYou {
	border:1px solid #ffd600;
	width:170px;
	padding:10px;
	margin-left:150px; 
	
}

/*-------------------------- paging    --------------------------------------------*/

ul.paging {
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	height:30px;
	float:right;
	
}

ul.paging li {
	float:left;
	width:20px;
	height:18px;
	border:1px solid #fff;
	margin-right:5px;
	text-align:center;
	color:#fff;
	padding-top:3px;
	font-size:11px;
}

ul.paging li a {
	color:#fff;
	display:block;
	width:100%;
	height:100%;
	outline:none;
	font-size:11px;
	text-decoration:none;
	
}

ul.paging li a:hover {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	outline:none;
	font-weight:bold;
}

ul.paging li a.aktiv {
	font-weight:bold;
	
}