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

/* Main Background
-------------------------------------------------------------- */
body { background: url(/screenex/images/layout/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.clicked { color: #fff; }

.sidebar-navigation { min-height: 670px; height: auto !important; height: 670px; padding-top: 20px; background: url(/screenex/images/layout/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; }

/* 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:115px; }
#cn-Products 		{ width:134px; }
#cn-Applications 	{ width:157px; }
#cn-Service 		{ width:125px; }
#cn-Search 		{ width:53px; }
#cn-Searchfield 	{ width:128px; margin: 0; font-size: 11px; line-height: 12px; padding: 1px 0; border:0;  }
#cn-Go 			{ width:55px; padding-left: 4px }


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


/* Content-Sidebar */

.content-sidebar { 
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

.content-sidebar h4 { font-size: 12px; line-height: 1.2; margin-bottom: 1em; font-weight: normal;font-weight: bold; }
/* font-size: 1em;  */
.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(/images/screenex/layout/claim.gif); background-position: top right; background-repeat:no-repeat; }

/* Spezial Layouts
-------------------------------------------------------------- */
/* 3 Spalten - Applications */
.content-span-applications { position:relative; width: 197px; padding: 0; margin: 0; float: left; }
.content-span-applications-2 { width: 376px !important; 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 !important;  margin-right: 27px ; 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 !important;  margin-right:0; }

.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 {
	background-image:url(/images/screenex/layout/error.png);
	background-position:left top;
	background-repeat:no-repeat;
	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; 
	background-image:url(/images/screenex/layout/error.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:3px 0 2px 20px;
}
.submit-success    { 
	background: #E6EFC2; 
	color: #264409; 
	border-color: #C6D880;
	background-image:url(/images/screenex/layout/success.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:3px 0 2px 20px; 
}

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