/* 
===================================================================================
 heras_sks gmbh
 www.heras-sks.de
 Start: 18.01.2010
 Letzte Aenderung: 11.03.2010
===================================================================================
*/

@import url("rte.css");
@import url("search.css");
@import url("form.css");
@import url("ttnews.css");
@import url("danewslettersubscription.css");
@import url("srfeuserregister.css");

/* Farbschema 
----------------------------------------------------------------------------------- */

/*
Farbton (Element): #a7c855
Farbton (Element): #004677
farbton (Navigation): #92b048
Farbton	(Navigation): #d5d5d5
*/

/* Reset 
----------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* Global
----------------------------------------------------------------------------------- */

html * {
   font-size: 100.01%;
}

html {
   background: #ffffff;
}

body {
   background: #ffffff;
   color: #000000;
   font-size: 83.33%;
   font-family: Verdana, Helvetica, Arial, sans-serif;
}

 h1,h2,h3,h4,h5,h6 { 
 	font-weight: bold; 
	margin: 0.5em 0 0.25em 0; 
}

h1 { 
	font-size: 200%; 
	color: #C4C4C4;
} 

h2 { 
	font-size: 130%; 
	color: #004677; 
}

h3 { 
	font-size: 110%;
}                    

h4 { 
	font-size: 100%;
}                 

h5 { 
	font-size: 100%; 
}                 

h6 { 
	font-size: 100%; 
	font-style: italic;
}

a {
   color: #000099;
   text-decoration: none;
}

a:hover, a:active {
   text-decoration: underline;
}

p {
   margin: 0 0 1em;
}

table {
   border-collapse: collapse;
   margin: 0 0 20px 0;
   padding: 0;
}

tr, td p {
   margin: 0;
   padding: 0;
}

caption {
   background: #000000;
   color: #ffffff;
   padding: 3px;
   text-align: left;
}

tr, td {
   border: 1px solid #000000;
   text-align: center;
}

.tablenoborder table, .tablenoborder tr, .tablenoborder td {
   border: 0;
   text-align: left;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
----------------------------------------------------------------------------------- */

a:focus {
    outline: none;
	text-decoration: underline;
}

/* Links 
----------------------------------------------------------------------------------- */

/* --- Haupt-Navigation --- */

a.mainnavstd:link, a.mainnavstd:visited, a.mainnavstd:active {
	background: #92b048;
	color: #ffffff;
	display: block;
	float: left;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px 5px;  
	text-decoration: none;
}

a.mainnavstd:hover, a.mainnavstd:focus {
	text-decoration: underline;
}

a.mainnavact:link, a.mainnavact:visited, a.mainnavact:active, a.mainnavact:hover, a.mainnavact:focus {
	background: #d5d5d5;
	color: #000000;
	display: block;
	float: left;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px 5px;  
	text-decoration: none;
}

/* --- Sub-Navigation --- */

a.subnavstd:link, a.subnavstd:visited, a.subnavstd:active {
	color: #3F3F3F;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

a.subnavstd:hover, a.subnavstd:focus {
	text-decoration: underline;
}

a.subnavact:link, a.subnavact:visited, a.subnavact:active, a.subnavact:hover, a.subnavact:focus {
	color: #000000;
	font-family: Arial,Helvetica,Geneva,sans-serif;
	font-size: 1em;
	font-weight: bold; 
	text-decoration: underline;
}

/* Layoutelemente (IDs)
----------------------------------------------------------------------------------- */

#headercontainer {
	height: 183px;
	background: url(../img/header.jpg) repeat-x;
	width: 100%;	
}

#header {
	margin: 0 auto;
	width: 960px;
}

#logo {
	float: left;
	width: 300px;
	padding: 15px 0;
}

#info {
	float: right;	
}

#contact {
	color: #004677;
	float: left;
	font-weight: bold;	
	padding: 15px 0;
}

#language {
	float: right;	
}

#navigation {
	clear: both;	
	margin: 0 auto;
	padding-top: 7px;
	width: 960px;
}

#mainnavigation ul {
   margin: 0;
   padding: 0px;
   height: 24px;
   list-style-type: none;		
}

#mainnavigation li {
   margin: 0px;
   padding: 2px;
   float: left;
}

#subnavigation {
	clear: left;
	padding-top: 2px;
}

#contentcontainer {
	line-height: 130%;
	width: 100%;	
}

#contentcontainer ol {
	margin: 0px 20px; 
	padding: 10px 20px;
}

#full {
	margin: 0 auto;
	width: 960px;	
}

#half {
	margin: 0 auto;
	width: 960px;	
}

#halfleft {
	float: left;
	width: 465px;	
}

#halfright {
	float: right;
	width: 465px;		
}

#third {
	clear: both;
	margin: 0 auto;
	width: 960px;
}

#twothird {
	float: left;
	width: 650px;
}

#onethird {
	float: right;
	width: 300px;
}

#footer {	
	clear: both;
	border-top: 1px solid #000000;
	margin-top: 20px;
	padding: 6px 0 20px 0;
	text-align: center;
	width: 100%;	
}

#cloud {
	margin: 0 auto;
	width: 960px;	
}

#cloud h2 { 
	background: url(../img/uebersicht_h2.gif) repeat-x center center;
	text-align: center;  
}

#cloud h2 span { 
	background: #ffffff; 
	padding: 0 .5em;
}

#cloud h3 {
	color:#004677;
	font-size:1em;
}

#cloud ul {
	color:#5F5F5F;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	line-height: 1.5em;
}

#cloud ul li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#cloud li a {
	border-bottom:1px solid #FFFFFF;
	color:#5F5F5F;
	font-weight:normal;
}

#cloud li a:focus, #nav_footer li a:hover, #nav_footer li a:active {
	border-color:#5F5F5F;
	text-decoration:none;
}

#gallerybox {
   border: 1px solid #aeaeae; 
   float: right;
   padding: 15px; 
   width: 206px;
}

#gallerybox img {
   margin-bottom: 15px;
}

#gallerybox ul {
   background: #ececec;
   list-style-type: none;
   padding-top: 10px;
}

#gallerybox li {
   border-bottom: 1px solid #aeaeae;
   padding: 3px 2px;
}

#gallerybox li a {
   color: #004677;
   font-family: Verdana,Helvetica,Arial,sans-serif;
   font-size: 0.8em;
   font-weight: bold;
}

#bigbox {
   width: 320px;
}

#bigboxoben {
   background: url(../img/bigboxoben.jpg) no-repeat;
   height: 20px;
}

#bigboxinhalt {
   background: url(../img/bigboxinhalt.jpg) repeat-y;
   padding: 15px;
}

a.bigboxinhalt:link, a.bigboxinhalt:visited, a.bigboxinhalt:active {
	border-bottom: 1px solid #cccccc;
	color: #004677;		 
	display: block;
	font-size: 130%;
	font-weight: bold;
	padding: 7px 0;
	text-decoration: none;
}

a.bigboxinhalt:hover, a.bigboxinhalt:focus {
	text-decoration: underline;
}

#bigboxunten {
   background: url(../img/bigboxunten.jpg) no-repeat;
   height: 67px;
}

/* --- Tabelle Anwendungen --- */

#applicationtable p {
   margin: 0;
   padding: 0;
}

#applicationtable table {
   border: 1px solid #cccccc;
}

#applicationtable tr, td {
   border: none;
   padding: 5px;
   text-align: left;
}

#applicationtable thead, #applicationtable th {
   background: #cccccc;
   font-size: 1.1em;
   font-weight: bold;
   padding: 5px;
   text-align:left;
}

#applicationtable .tableRowHighlighted {
   background: #c3d98b;
}

#applicationtable img {
   border: 1px solid #cccccc;
   margin: 3px;
   padding: 3px;
}

/* Tabelle Kontakt */

.contacttable td {
    width: 200px;
    vertical-align: top;
}


/* Layoutelemente (Klassen)
----------------------------------------------------------------------------------- */

.clearer {
   clear: both;
}

.smallbox {
   width: 180px;
}

.smallboxoben {
   background: url(../img/smallboxoben.jpg) no-repeat;
   height: 20px;
}

.smallboxinhalt {
   background: url(../img/smallboxinhalt.jpg) repeat-y;
   height: 347px;
   padding: 5px 15px;   
}

.smallboxinhalt h3 {
   font-size: 100%;
}

.smallboxunten {
   background: url(../img/smallboxunten.jpg) no-repeat;
   height: 30px;
}

.startgallery {
   background: #ececec;
   border-top: 1px solid #aeaeae; 
   color: #004677;
   font-size: 1.3em;
   font-weight: bold;
   padding: 10px 24px;
   margin-top: 5px;
}

.productoverviewrow {
   height: 13em;
}

.downloadlist ul {
   margin: 0 0 0 30px;
}

.tx-felogin-pi1 h3 {
    margin: 7px 0 20px 0;
}

.tx-felogin-pi1 form {
    margin: 20px 0 20px 0;
}