/* Grundeinstellung -------------------------------------------------------------------------------------------------------------- */
* {margin:0;padding:0}
body {
padding: 0 0 0 0px;
font:0.95em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
BACKGROUND: #000 url(../images/hg_body.jpg) repeat-y 100%; 
}

/* allgemein --------------------------------------------------------------------------------------------------------------------- */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* Listen --------------------------------------------------------------------------------------------------------------------- */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

/* Typographie --------------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;color:#000;}
h1 {font-size: 106%;color:#E8BA00;}
h2 {font-size: 96%; color:#aaa;margin-bottom:.6em;}
h3 {font-size: 126%; margin-top:.2em; color:#aaa;}
h4 {font-size: 116%; color:#E8BA00;}

blockquote {padding-left: 50px; background:url(http://www.rsktech.ch/images/icon/kommentar_1.gif) no-repeat top left #eeefff;}

.acronym acronym.A{
	cursor: help;
}

/* Links --------------------------------------------------------------------------------------------------------------------- */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointercolor:#fff;} 
a:link {color:#fff} 
a:visited {color:#fff} 
a:hover,a:active {color:#E8BA00} 

/* Kopf --------------------------------------------------------------------------------------------------------------------- */
#header {
width: 100%;
padding-bottom: 0px;
margin-bottom:0px;
}
#topnavi {
background: url(../images/hg_menu.gif) repeat-x 0 100%;
width: 1000px;
padding-bottom: 0px;
margin-bottom:0px;
height:32px;
}
#topnaviinhalt {
padding-left: 10px;
color:#FFFFFF;
font-size: 0.9em;
}
#topnaviinhalt  a:link {color:#fff;text-decoration:none;} 
#topnaviinhalt  a:visited {color:#fff;text-decoration:none;} 
#topnaviinhalt  a:hover,a:active {color:#fff;text-decoration:none;} 
#topnaviinhalt .topnaviinhalt-left{
	float: left;
	padding-left: 5px;
	padding-top: 5px;
}
#topnaviinhalt .topnaviinhalt-right{
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}

.suchfeld {height:30px; position:absolute; z-index:1; margin:2px 0 0 555px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;} 

#logozeile {
background:  url(../images/rsk_schrift.gif) no-repeat;
background-position:right; 
width: 1000px;
margin:0px;
padding: 0px;
height:130px;
margin-top:0x;

}


/* Contentbereich --------------------------------------------------------------------------------------------------------------------- */

#container_kopf {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 	
	PADDING-TOP: 0px; 	
	FLOAT: none; 
	MARGIN: 0px auto; 
	WIDTH: 1000px; 
	
}

#wrapper {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 0px; 	
	PADDING-BOTTOM: 0px; 	
	Z-INDEX: 1; 
	LEFT: 0px; 
	WIDTH: 1000px; 
	background: #000;
	min-height: 750px;
}



#container_670
{
width:600px;
float: left;

}

#container_350
{
width:475px;
float: left;
}



/* Spalte 180 */
#spalte180 {PADDING-TOP: 0px; margin-RIGHT: 15px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 180px;  POSITION: relative;}
#spalte180 P {padding: 0 0 0px;font:1.2em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; text-align:justify;margin-bottom:25px;}
#spalte180 a,#spalte180 a:link,#spalte180 a:active,#spalte180 a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#spalte180 a:link {color:#E8BA00} 
#spalte180 a:visited {color:#E8BA00} 
#spalte180 a:hover,a:active {color:#E8BA00} 
#spalte180 h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:20px; font-weight:normal;}
#spalte180 h2 {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px; font-weight:normal;}
#spalte180 h1 a,#spalte180 h1 a:link,#spalte180 h1 a:hover,#spalte180 h1 a:active,#spalte180 h1 a:visited {color:#E8BA00; text-decoration:none}
#spalte180 h3 {font-size: 100%; margin-top:.2em; margin-bottom:.2em;}

#trennlinie {
height: 1px;
border-top: #fff 1px dotted; 
width: 215px;
margin-left:120px;
margin-right:120px;
}

/* Spalte 200 */
#spalte200 {margin-right: 10px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 455px; POSITION: relative; padding-right:10px;}
#spalte200 P {color:#fff;padding: 0px;margin-bottom:25px;}
#spalte200 table {color:#fff;padding: 0px;margin-bottom:25px;}
#spalte200 a,#spalte200 a:link,#spalte200 a:active,#spalte200 a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#spalte200 a:link {color:#fff} 
#spalte200 a:visited {color:#fff} 
#spalte200 a:hover,a:active {color:#E8BA00} 
#spalte200 h1 {font-family:'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;font-size:20px; font-weight:normal;margin-top:0px;margin-bottom:10px;color:#E8BA00;}
#spalte200 h2 {font-family:'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;font-size:16px; font-weight:normal; }
#spalte200 h1 a,#spalte200 h1 a:link,#spalte200 h1 a:hover,#spalte200 h1 a:active,#spalte200 h1 a:visited {color:#E8BA00; text-decoration:none}
#spalte200 h3 {font-size: 100%; margin-bottom:0em;}

#spaltefix {margin-top: 10px;PADDING-TOP: 10px; padding-left: 5px; padding-right: 5px;margin-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 350px; background:#eee;  POSITION: relative;}

#spaltefix P {font:0.7em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; text-align:justify;margin-bottom:25px;}
#spaltefix a,#spaltefix a:link,#spaltefix a:active,#spaltefix a:hover {background:transparent;text-decoration:underline;cursor:pointer;color:#000} 
#spaltefix a:link {color:#000} 
#spaltefix a:visited {color:#000} 
#spaltefix a:hover,a:active {color:#000} 
#spaltefix h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px; font-weight:normal;margin-top:0px;color:#000;}
#spaltefix h2 {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px; font-weight:normal; }
#spaltefix h1 a,#spaltefix h1 a:link,#spaltefix h1 a:hover,#spaltefix h1 a:active,#spaltefix h1 a:visited {color:#000; text-decoration:none}
#spaltefix h3 {font-size: 100%; margin-top:.5em; margin-bottom:0em;}

/* Spalte 300 */

#spalte300 {margin-top: 0px;margin-left:10px;PADDING-TOP: 10px; padding-left: 5px; padding-right: 5px;margin-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 180px; POSITION: relative;}
#spalte300 P {font:0.7em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; text-align:justify;margin-bottom:25px;}
#spalte300 a,#spalte300 a:link,#spalte300 a:active,#spalte300 a:hover {background:transparent;text-decoration:none;cursor:pointer;text-align:left;} 
#spalte300 a:link {color:#E8BA00} 
#spalte300 a:visited {color:#E8BA00} 
#spalte300 a:hover,a:active {color:#E8BA00} 
#spalte300 h1 {color:#000;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px; font-weight:normal;}
#spalte300 h2 {color:#000;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px; font-weight:normal;}
#spalte300 h1 a,#spalte300 h1 a:link,#spalte300 h1 a:hover,#spalte300 h1 a:active,#spalte300 h1 a:visited {color:#E8BA00; text-decoration:none}
#spalte300 h3 {font-size: 100%; margin-top:.2em; margin-bottom:.2em;}

/* Menuspalte bei Content */
#contentmenuespalte {
	PADDING-TOP: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; 
	FLOAT: left;  
	WIDTH: 200px;  
	POSITION: relative; 
	background: #0085B8 url(http://www.rsktech.ch/images/hg_navistartseite.jpg) repeat-x bottom;
	color:#FFFFFF;
}
#contentmenuespalte H1 {padding-left: 5px; color:#FFFFFF}
#contentmenuespalte DT {padding-left: 5px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}
#contentmenuespalte DD {padding-left: 15px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}
#contentmenuespalte P {padding-left: 5px;padding-top:-2px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}
#contentmenuespalte a,#contentmenuespalte a:link,#contentmenuespalte a:link,#contentmenuespalte a:link,#contentmenuespalte a:hover {text-decoration:none;cursor:pointer} 
#contentmenuespalte a:link {color:#fff} 
#contentmenuespalte a:visited {color:#fff} 
#contentmenuespalte a:hover,a:active {color:#fff}
#contentmenuespalte li {color:#333}

/* Contentspalten mit Schatten oben  ---------------------------------------------- */

#contentspalte_660 {
	FLOAT: left; PADDING-BOTTOM: 40px; WIDTH: 965px; POSITION: relative;
}
#contentspalte_660 P {padding-top: 15px; color:#fff; font: 1.2em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; margin-bottom:15px;}
#contentspalte_660 a,#contentspalte_660 a:link,#contentspalte_660 a:link,#contentspalte_660 a:link,#contentspalte_660 a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#contentspalte_660 a:link {color:#E8BA00} 
#contentspalte_660 a:visited {color:#E8BA00} 
#contentspalte_660 a:hover,a:active {color:#E8BA00}
#contentspalte_660 h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:20px; font-weight:normal;margin-top:0px;color:#E8BA00;}
#contentspalte_660 h1 a,#contentspalte_660 h1 a:link,#contentspalte_660 h1 a:hover,#contentspalte_660 h1 a:active,#contentspalte_660 h1 a:visited {color:#E8BA00; text-decoration:none}
#contentspalte_660 h2 {font-family:'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;font-size:18px; font-weight:normal;}
#contentspalte_660 h3 {font-family:'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;font-size:16px; font-weight:normal;}
#contentspalte_660 h4 {font-family:'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;font-size:14px; font-weight:normal;}

#contentspalte_1000 {
background: #000 url(http://www.rsktech.ch/images/hg_content.gif) no-repeat;
	PADDING-TOP: 20px; PADDING-RIGHT: 25px; PADDING-LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 40px; WIDTH: 950px; POSITION: relative; min-height: 750px; 
}
#contentspalte_1000 P {color:#fff; padding: 0px; font:0.85em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; margin-bottom:15px;}
#contentspalte_1000 LI {color:#fff; padding: 0px; font:0.85em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; margin-bottom:15px;}
#contentspalte_1000 a,#contentspalte_1000 a:link,#contentspalte_1000 a:active,#contentspalte_1000 a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
#contentspalte_1000 a:link {color:#E8BA00} 
#contentspalte_1000 a:visited {color:#E8BA00} 
#contentspalte_1000 a:hover,a:active {color:#E8BA00}
#contentspalte_1000 h1 {padding-top: 20px;font-size: 120%;margin-bottom:15px;}
#contentspalte_1000 h2 {padding-top: 20px;font-size: 100%;margin-bottom:10px;}
#contentspalte_1000 h3 {font-size: 94%;margin-top:.2em;}
#contentspalte_1000 table {font:0.85em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; text-align:justify;margin-bottom:15px; color:#fff;}




#contentspalte_slider {

	PADDING-TOP: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 1000px; POSITION: relative;
	height: 800px;}

#rotator
{
	border: 1px solid #fff;
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
	width: 465px;
	height:300px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 465px;
	height: 300px;

}	

#main {
  width: 1000px;
  text-align: left;
}

.small {
  font-size: 11px;
  color: #777;
}

form {
  display: inline;
}

.formbutton {
cursor: pointer;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
border: outset 1px #ccc;
background: #999;
color: #666;
height: 22px;
background:url(http://www.rsktech.ch/images/form_bg.gif) repeat-x left top;
}

/* Fuss --------------------------------------------------------------------------------------------------------------------- */
#container_fuss {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 	
	PADDING-TOP: 0px; 	
	FLOAT: none; 
	MARGIN: 0px auto; 
	WIDTH: 1000px; 
font:0.65em;
}

#footer { 
	clear: both; 
	color: #fff; 
	background: url(http://www.rsktech.ch/images/hg_fuss.jpg) repeat-x left top; 
	border-top: 1px solid #E8BA00;
	margin: 0; padding: 0; 
	height: 1px;	  	
	margin-top: 10px;
}
#footer a { 
	text-decoration: none; 
	color: #fff;
}
#footer .footer-left{
	float: left;
	padding-left: 5px;
	padding-top: 5px;
}
#footer .footer-right{
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}
#developer { 
	clear: both; 
	color: #fff; 
	height: 30px;	  
	font-size: 80%;		
}
#developer a { font:0.65em;
	text-decoration: none;
	color: #fff; 	 
}
#developer .footer-left{
	float: left;
	padding-left: 5px;
	padding-top: 5px;
}
#developer .footer-right{
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}

/* Navigation --------------------------------------------------------------------------------------------------------------------- */
#nav, #nav ul {padding: 0;margin: 0;list-style: none;}
#nav {font-weight:bold;height:32px;font: bold 96% arial;background: #fff url(http://www.rsktech.ch/images/kopf/hg_kopf.gif) repeat-x 0 100%;}
#nav li {position:relative;float: left;width: 10em;display:block;margin: 0;border-bottom: 0px;border-right: 1px solid #bbb;border-top: 0px;padding:0}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;display: block;padding: 6px 10px 10px; color:#000;}
#nav a:hover {color:#000}
#nav li ul {border-left: 3px solid #bbb;border-right: 1px solid #bbb;background: #f6f6f6;width:15.8em;font-size:90%;margin-top:0px;position: absolute;font-weight:normal;left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
#nav li li a:hover {color:#fff;background:#00A4E1}
#nav li.active {background: #00A4E1;border-bottom: 0px;color:#000;}
#nav li.active ul {border-left: 3px solid #00A4E1;border-right: 1px solid #bbb;background: #f6f6f6;}
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {color:#fff;}
#nav li.active a:hover {color:#fff;}
#nav li.active li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#000;padding: 3px 10px 2px;width:14em}
#nav li.active li a:hover {color:#fff;}
#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #E8BA00;}
/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */


#navfuss {
	clear: both; 
	color: #fff; 
	BACKGROUND: #0085B8 url(http://www.rsktech.ch/images/navi_sub.gif) repeat-x top;  
	border-top: 0px;
	margin: 0; padding: 0; 
	HEIGHT: 29px;   
	font-size: 0.85em;
}
#navfuss a { 
	text-decoration: none; 
	color: #fff;
}
#navfuss .navfuss-left{
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
#navfuss .navfuss-right{
	float: right;
	padding-right: 10px;
	padding-top: 5px;
}

.suchfeld {height:30px; position:absolute; z-index:1; margin:-27px 0 0 875px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}




}

#leftmenu .leftsubmenu3 a:hover {
color:#ffffff;
}
label.left
{
    float            : left;
    text-align        : right;
/*  Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width            : 15em;
    margin-right    : .3em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :    8.3em;
    margin-right            :    .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    15.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    110%;

}
legend
{
    line-height                :    110%;
	color: #000000;
}


.accessKey {
	FONT-WEIGHT: bold; FONT-SIZE: 0.8em; VISIBILITY: hidden; COLOR: #fbabab; MARGIN-RIGHT: 1px; 
}
#accessKeyHelpText {
	BORDER-RIGHT: #e10000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e10000 1px solid; PADDING-LEFT: 5px; LEFT: -350px; VISIBILITY: hidden; PADDING-BOTTOM: 5px; BORDER-LEFT: #e10000 1px solid; WIDTH: 500px; COLOR: #000000; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px; BORDER-BOTTOM: #e10000 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #fbabab; TEXT-ALIGN: left
}

#container-slider{
height:750px; 
background-color:#000000;
margin-bottom:0px; 
position:relative;}