/* -------------------------------------------------------------- 
   
   layout.css
   
   Sets background-images and colors
   
-------------------------------------------------------------- */

/* Main Background
-------------------------------------------------------------- */
body { background: url(/graphics/backgrounds/background.png); background-repeat: repeat-y; background-color: #fff; }

/* Sidebar
-------------------------------------------------------------- */
.sidebar, .sidebar a, .sidebar span { color: #c0c0c0; text-decoration:none; }
.sidebar a:hover, .sidebar a.current { color: #fff; }

.sidebar-navigation { min-height: 670px; padding-top: 20px; background: url(/graphics/backgrounds/navigation-background.jpg); background-repeat: no-repeat; }
.sidebar-navigation li { list-style-type: none; font-weight: bold; }
.sidebar-navigation li ul { margin-left:8px; }
.sidebar-navigation li li { line-height:1.1; margin:2px 0 6px; font-weight: normal; font-size:0.95em; }

ul#nav-content2 { padding-top: 1em; }

ul.nav-content3 li { color: #fff; margin:2px 0 3px; }
ul.nav-content3 ul { margin: 0; }
ul.nav-content3 ul li { font-weight:normal; }

ul.social li { float:left; margin-right:10px; }

/* Content
-------------------------------------------------------------- */
.content a { text-decoration: none; color: #007282; }
.content h1 a, .content h2 a, .content h3 a, 
.content h4 a, .content h5 a, .content h6 a  { text-decoration: none; color: #000; }

/* Content-Body */
.content-body a:hover { color: #cc0000; }
.content-body h6 a { color: #007282; }

/* Content-Navigation */
.content-navigation { background-color: #60676b; }
.content-navigation, .content-navigation a { color: #c0c0c0; }

.content-navigation a, .content-navigation label, .content-navigation input { display:block; float:left; }
.content-navigation a, .content-navigation label { font-weight: bold; }
.content-navigation a { text-decoration:none; }
.content-navigation a:hover { color: #fff; }

#cn-Home 			{ width:87px; }
#cn-Products 		{ width:101px; }
#cn-Applications 	{ width:124px; }
#cn-Industries		{ width:102px; }
#cn-Service 		{ width:113px; }
#cn-News			{ width:76px; }
#cn-Search 			{ width:45px; }
#cn-Searchfield 	{ width:128px; margin: 0; font-size: 11px; line-height: 12px; padding: 1px 0; border:0;  }
#cn-Go 				{ width:40px; padding-left: 4px }


/* Content-Headline */
.content-headline h1 { margin-bottom: 0; }

/* Content-Sidebar */
.content-sidebar h4 { font-size: 1em; line-height: 1.2; margin-bottom: 1em; font-weight: normal; }

.content-sidebar a, .content-sidebar p.links { font-weight: bold; color: #007282; }
.content-sidebar a { text-decoration: none; }
.content-sidebar a:hover { color: #cc0000; }

.index-sidebar a { font-weight: normal; }
.index-sidebar .links a { font-weight: bold; }

/* Content-Footer */
.content-footer { color:#CCCCCC; background-image:url(/graphics/backgrounds/claim.gif); background-position: top right; background-repeat:no-repeat;margin-top:1em; }

/* Spezial Layouts
-------------------------------------------------------------- */
/* 3 Spalten - Applications */
.content-span-applications { position:relative; width: 197px; padding: 0; margin: 0; float: left; }

/* 4 Spalten - Products */
.content-span-products { position:relative; width: 294px; padding: 0; margin: 0; float: left; }

/* 4 Spalten - Aufklappbar */
.teaser-container { position: relative; width: 113px; padding-top:90px; margin-right: 34px; margin-bottom: 10px; float:left; color: #737a7e; }
.teaser-container-wide { position: relative; width: 160px; margin-right: 37px; margin-bottom: 10px; float:left; color: #737a7e; }
.teaser-container-products { position: relative; width: 113px; padding: 0; margin-right: 34px; margin-bottom: 10px; float:left; color: #737a7e; }
.teaser-last { margin-right: 19px; }

.teaser-container, .teaser-container a,
.teaser-container-wide, .teaser-container-wide a { font-weight: bold; }
.teaser-container img { position:absolute; top:0; left:0;}

.detail-span-1 { width:260px; margin-right:34px; float:left; }
.detail-span-2 { width:260px; margin-right:19px; float:left; }

.detail-gallery div { float: left; width:80px; padding: 0; margin:0; margin-right:10px; margin-bottom:10px; border: 0; }
.detail-gallery div.last { margin: 0; }

.detail-gallery div a { margin:0; padding:0; border: 0; }

/* Kontaktfomular */
.red { color:#FF0000; }
.contactform { width: 552px; margin-bottom: 20px; }
.contactform .checkboxes { float: left; width: 361px; }
.contactform fieldset { border: 0; margin: 0; }
.contactform legend { font-size: 1.25em; line-height: 1; margin:0; margin-bottom: 0.75em; font-weight: bold; }
.contactform label { display: block; float: left; width: 140px; margin: 8px 0 0; }
.contactform input, textarea, select { width: auto; margin:8px 0 0 21px; }
.contactform input.text { width: 170px; }
.contactform input.submit { width: 170px; margin-left: 161px; }
.contactform select { width: 176px; }
.contactform textarea { width: 340px; height: 80px; overflow: auto; }
.contactform br { clear:both; }
.contactform .checkboxes br { clear:none; }
.contactform .checkboxes input { vertical-align: baseline; }
.contactform .advice { width: 200px; float: right; padding: 0;margin:8px 0 0; }

input.validation-failed {
	border:1px solid #992A2A;
	padding:2px;
}
input[type=radio].validation-failed {
	border:transparent;
}
.validation-advice {
	color:#992A2A;
}
.advice div {
	font-size:.8em;
	padding:3px 0 2px 20px;
}

.submit-error, 
.submit-success   { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.submit-error      { 
	background: #FBE3E4; 
	color: #8a1f11; 
	border-color: #FBC2C4; 
	padding:3px 0 2px 20px;
}
.submit-success    { 
	background: #E6EFC2; 
	color: #264409; 
	border-color: #C6D880;
	padding:3px 0 2px 20px; 
}

/* Suche */
#searchResultsList {
	margin-left:0;
}
#searchResultsList li {
	list-style-type:none;
	margin-bottom:1.1em;
}

ul.products { padding:0; margin:0; }
ul.products li { float:left; list-style-type:none; width:170px; margin:0 14px 25px 0;  text-align:center; vertical-align:baseline; min-height:150px; font-weight:bold; }
ul.products li a  { display:block; }
ul.products li img { margin-bottom:1em; }

ul.wmf { padding:0; margin:0; }
ul.wmf li { float:left; list-style-type:none; width:170px; margin:0 14px 25px 0; text-align:center; vertical-align:baseline; min-height:250px; font-weight:bold;}
ul.wmf li a  { display:block; }
ul.wmf li img { margin-bottom:1em; width:170px; height:158px;}

ul.brochures { padding:0; margin:0; }
ul.brochures li { float:left; list-style-type:none; width:120px; margin:0 14px 25px 0; text-align:left; vertical-align:baseline; min-height:260px; }
ul.brochures li a  { display:block; }
ul.brochures li span { font-size:0.8em; } 
ul.brochures li img { margin-bottom:1em;border:1px solid #000; width:112px; height:170px;}
ul.brochures li span img { border:none; margin:0;padding:0;width:auto;height:auto; }

ul.pdfbrochure { margin:10px 30px; }
ul.pdfbrochure li { float:left; list-style-type:none; width:120px; margin:0 14px 25px 0; text-align:left; vertical-align:baseline; min-height:260px; }
ul.pdfbrochure li a  { display:block; }
ul.pdfbrochure li span { font-size:0.8em; } 
ul.pdfbrochure li img { margin-bottom:1em;border:1px solid #000; width:112px; height:170px;}
ul.pdfbrochure li span img { border:none; margin:0;padding:0;width:auto;height:auto; }

ul.flyers { padding:0; margin:0; }
ul.flyers li { float:left; list-style-type:none; width:170px; margin:0 14px 25px 0; text-align:left; vertical-align:baseline; min-height:180px; }
ul.flyers li a  { display:block; }
ul.flyers li span { font-size:0.8em; } 
ul.flyers li img { margin-bottom:1em;border:1px solid #000; width:170px; height:85px;}
ul.flyers li span img { border:none; margin:0;padding:0;width:auto;height:auto; }

ul.smlImageList{ padding:0; margin:0; }
ul.smlImageList li { float:left; list-style-type:none; width:130px; margin:0 5px 25px 0; text-align:center; vertical-align:baseline; }
ul.smlImageList li a  { display:block; }
ul.smlImageList li img { padding-bottom:1em; }

p.component { margin-bottom:2em; }
p.component a { display:block; height:100px; font-weight:bold; }
p.component img { float:left; margin-right:1em; }
/*span.noimage { background:url('/graphics/no-image.jpg') no-repeat center #FFF; display:block; margin-right:1em; }
span.noimage img { display:none; }*/

div.caption { float:left; background-color:#6A757C; padding:15px; width:238px; margin-bottom:15px;  }
div.right { float:right; }
div.caption ul { font-size:0.9em; list-style-image:url('/graphics/bullet-wh.gif'); line-height:1.6em; }
div.right { background-color:#CCCCCC; }
div.right ul { list-style-image:url('/graphics/bullet-gr.gif'); }
div.caption img { padding-left:17px; }

table { border-collapse:collapse; }
table th { color:#FFF; }
table th, table td { text-align:center; }
td.th { font-weight:bold; color:#007B85; }

table.simple td, table.simple th { text-align:left; border:1px solid #037C84; color:#222222;}
table.basic th { background-color:#007b85; }
table.basic td, table.basic th { border:1px solid #007b85; }
table.basic td { text-align:left; }
table.greyth th {color:#222222;}

div.content-sidebar ul { margin:0 0 0 13px; }
div.content-sidebar ul li { padding:0 0 4px 5px; }
ul.materials li.first { position:relative; left:-14px; list-style-type:none; margin:0; }
ul.materials { padding-left:5px; }
ul.materials li.raquo { list-style-image:url('/graphics/backgrounds/raquo.gif'); padding-left:0; }

div.clear { clear:both; height:1px; visibility:hidden; }

.content-strip { clear:left; position:relative; left:-21px; width:594px;}
.content-strip h2 { margin:0 0 1em 210px;padding:1em 0 0 0; }
.content-strip ul { margin-left:200px; }
.bluebg { background:#bbdadd; }

h2.greyback { background:#60676b;padding:10px;color:#fff; line-height:1.4em; }
h2.main { margin-left:-21px;width:574px;padding:10px 0 10px 21px; }
h2.side { margin-left:-11px;width:234px;padding:10px 0 10px 11px; }

.column5 { float:left;width:130px;font-size:0.9em;}
/*Services*/
index-sidebar ul.pass li.first {list-style:none;}
ul.service li{list-style:none; font-weight:bold;}

.sidebar-navigation .cta { background:#037C84; margin:0 0 1em 0; }
.sidebar-navigation .cta a { display:block;padding:5px 0 5px 20px;margin:0; font-size:1.2em;text-transform:uppercase;text-align:left;font-weight:bold;color:#fff;}

ul.search { list-style:none; margin:0; padding:0 }
ul.search li { padding:0 0 10px 0; }
ul.search li a { color:#a8d0d6; }
ul.search li a.search-title { font-size:1.2em; text-decoration:underline;font-weight:bold; color:#007282; }

.agents { width:170px; float:left; margin:0 0 0 5px; padding-left:5px;}
.greyback { clear:left; }
h2.greyback a { color:#fff;text-decoration:underline; }

div.content-body h1 { line-height:1.4em; }
#footer-links { margin:0 0 0 -21px;width:573px; border-top:1px solid #007685;padding:5px 0 10px 21px; }