/*     external style sheet RÜTGERS */
/*     copyright  2006 DK-webdesign */
/*     info@dk-webdesign.de  */
/* ================================*/


/* -- Allgemeines -- */

body{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:#989898;
	width:982px;
	margin:0;	
	padding:0;
}

p{
	font-size:12px;
	color:#505252;
	margin-bottom:14px;
	margin-left:8px;
}

p.homepage{
	font-size:14px;
	color:#505252;
	margin-bottom:14px;
	margin-left:8px;
}

table, tr, td{
	vertical-align:top;
	margin:0;
	padding:0;
}

h1{
	font-size:17px;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px solid #989898;	
}

ul{
	font-size:12px;
	color:#505252;
	margin-left:24px;
	margin-top:0;
	padding:0;
	list-style-type:square;
}

li{
	margin-top:0;
}




/* -- kommt auf jeder Seite vor -- */

#container{
	width:982px;
	background:#989898;
	margin:0;
	padding:1px 7px 5px 7px;
	/*border-right:1px solid #000;*/
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:968px;
}
html>body #container{
	/* be nice to opera */
	width:968px;
}

#markertop{
	width:967px;
	height:8px;
	font-size:0;
	background:url(../_gfx/bg_marker.gif) repeat-x;
	border-top:1px solid #CCC;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #CCC;
	margin:0 0 1px 0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:965px;
	height:6px;
}
html>body #markertop{
	/* be nice to opera */
	width:965px;
	height:6px;
}

#markerbottom{
	width:967px;
	height:8px;
	font-size:0;
	background:url(../_gfx/bg_marker.gif) repeat-x;
	border-top:1px solid #CCC;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #CCC;
	margin:0;
	padding:0;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:965px;
	height:6px;
}
html>body #markerbottom{
	/* be nice to opera */
	width:965px;
	height:6px;
}

table.content{
	font-size:12px;
	color:#505252;
	margin:0 0 14px 8px;
}

table.content td{
	padding-top:3px;
}




/* -- Spacer -- */

#spacer{
	width:967px;
	height:1px;
	font-size:0;
	background:#FFF;
	padding:0;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:966px;
}
html>body #spacer{
	/* be nice to opera */
	width:966px;
}




/* -- Contentbereich -- */

#inhalt{
	width:967px;
	background:#F4F4F4;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin:0;
	padding-top:12px;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:966px;
}
html>body #inhalt{
	/* be nice to opera */
	width:966px;
}

#content{
	width:648px;
	margin:1px 14px 20px 20px;
}

#contenthome{
	width:648px;
	margin:1px 14px 20px 20px;
}

#content h3{
	font-size:12px;
	font-weight:bold;
	color:#505252;
	margin:20px 0 10px 8px;
}


#content table.color{
	width:635px;
	font-size:11px;
	color:#505252;
	margin-bottom:14px;
	margin-top:14px;
	margin-left:8px;
}

#content table.color td{
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
	padding-top:5px;
}

tr.fc, tr.fc td{
	background:#31BEF1;
	color:#000;
	border-bottom:1px solid #FFF;
}

tr.header, tr.header td{
	background:#C3E6F3;
	color:#505252;
	border-bottom:1px solid #31BEF1;
}

tr.lc, tr.lc td{
	border-bottom:1px solid #31BEF1;
}

#content a, #content a.textlink{
	color:#00B0F0;
}

a.textlink{
	color:#00B0F0;
}

span.blau{
	color:#00B0F0;
	font-weight:bold;
}

#content p.job{
	font-size:14px;
	font-weight:bold;
	color:#505252;
	margin:20px 0 5px 8px;
	text-decoration:underline;
}

#content p.jobunterschrift{
	font-size:12px;
	font-weight:bold;
	color:#505252;
	margin:0 0 20px 8px;
}

#content table.referenzen{
	width:620px;
	margin-bottom:14px;
	margin-top:14px;
	margin-left:8px;
}

table.aussen{
	padding:3px 3px 10px 3px;
	font-size:11px;
}

table.aussen td.fc{
	font-weight:bold;
	border-bottom:1px solid #989898;
	padding:3px 3px 10px 3px;
}

table.aussen td{
	border-bottom:1px solid #989898;
	padding:3px 3px 10px 3px;
}

p.highlight{
	color:#00B0F0;
	font-weight:bold;
}




/* -- Related Links -- */

#contentrelated{
	width:648px;
	margin:1px 14px 20px 20px;
}

#relatedLinks{
	float:right;
	width:192px;
	border:1px solid #CCC;
	margin-left:10px;
	padding:0;
	margin-top:27px;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:190px;
}
html>body #relatedLinks{
	/* be nice to opera */
	width:190px;
}

#relatedLinks h2{
	width:190px;
	font-size:12px;
	font-weight:normal;
	height:23px;
	color:#000;
	margin:0;
	padding:5px 0 0 10px;
	background:url(../_gfx/bg_related.jpg) repeat-x;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:18px;
	width:180px;
}
html>body #relatedLinks h2{
	/* be nice to opera */
	height:18px;
	width:180px;
}

#relatedLinks div{
	padding:17px 0;
}

#relatedLinks a{
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#00B0F0;
	margin:0 ;
	padding:0 0 9px 26px;
	background:url(../_gfx/related_li.gif) no-repeat 6px 30%;
}

	


/* -- Bildbereich -- */

#imgtop{
	width:967px;
	height:140px;
	background:#F8F7F8;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin-top:1px;
	margin-bottom:3px;

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:966px;
	height:139px;
}
html>body #imgtop{
	/* be nice to opera */
	width:966px;
	height:139px;
}

#imgtophome{
	width:967px;
	height:229px;
	background:#F8F7F8;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin-top:1px;
	margin-bottom:3px;

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:966px;
	height:228px;
}
html>body #imgtophome{
	/* be nice to opera */
	width:966px;
	height:228px;
}

#logo{
	width:284px;
	height:139px;
	border-right:1px solid #989898;
	background: url(../_gfx/ruetgers_logo.gif) no-repeat 50% 0;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:283px;
}
html>body #logo{
	/* be nice to opera */
	width:283px;
}

#logohome{
	width:284px;
	height:229px;
	border-right:1px solid #989898;
	background: url(../_gfx/ruetgers_logo.gif) no-repeat 50% 50%;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:283px;
}
html>body #logohome{
	/* be nice to opera */
	width:283px;
}




/* -- Metanavigation -- */

#metanav{
	width:967px;
	height:19px;
	background:url(../_gfx/bg_metanav.jpg) repeat-x;
	border-top:1px solid #CCC;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin-bottom:1px;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:966px;
	height:17px;
}
html>body #metanav{
	/* be nice to opera */
	width:966px;
	height:17px;
}

#metanav a{
	float:right;
	font-size:10px;
	color:#000;
	text-align:center;
	text-decoration:none;
	width:62px;
	height:17px;
	background:url(../_gfx/bg_metalink_inaktiv.jpg) repeat-x;
	border-right:1px solid #989898;
	border-left:1px solid #CCC;
	padding:1px 0 0 0;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:60px;
	height:16px;
}
html>body #metanav a{
	/* be nice to opera */
	width:60px;
	height:16px;
}

#metanav a:hover{
	background:url(../_gfx/bg_metalink_aktiv.jpg) repeat-x;
}




/* -- Topnavigation -- */

#topnav{

	width:967px;
	height:26px;
	background:url(../_gfx/bg_topnav.jpg) repeat-x;
	border-top:1px solid #CCC;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin-bottom:4px;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:966px;
	height:24px;
}
html>body #topnav{
	/* be nice to opera */
	width:966px;
	height:24px;
}

#topnav a{
	float:left;
	/*font-family:Univers-Condensed;*/
	font-size:14px;
	font-weight:bold;
	color:#333;
	
	text-decoration:none;
	height:24px;
	background:url(../_gfx/bg_toplink_inaktiv.jpg) repeat-x;
	border-right:1px solid #CCC;
	border-left:1px solid #989898;
	padding-top:4px;
	padding-right:24px;
	padding-left:20px;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:20px;
}
html>body #topnav a{
	/* be nice to opera */
	height:20px;
}

#topnav a:hover{
	background:url(../_gfx/bg_toplink_aktiv.jpg) repeat-x;
}

#topnav a.lc{
	border-right:1px solid #989898;
}

#topnav a.fc{
	border-left:0;
}

/* -- Leftnavigation -- */

#leftnav{
	background:#B6E6FB;
		
	margin:0;
	padding:0;
	padding-bottom:130px;
}

#leftnavhome{
	background:#F4F4F4;
	border-top:1px solid #989898;
	margin:0;
	padding:0;
	padding-bottom:50px;
}

#leftnav h1{
	font-size:12px;
	font-weight:normal;
	height:23px;
	background:url(../_gfx/bg_lefthl.jpg) repeat-x;
	border-top:1px solid #FFF;
	border-bottom:1px solid #989898;
	padding:5px 5px 0 16px;
	margin:0;
	margin-bottom:9px;

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}
html>body #leftnav h1{
	/* be nice to opera */
	height:16px;
}

a.leftnav2{
	display:block;
	font-size:12px;
	color:#333;
	text-decoration:none;
	height:23px;
	background:#F2F2F2;
	border-top:1px solid #FFF;
	border-bottom:1px solid #989898;
	padding:5px 0 0 5px;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}
html>body a.leftnav2{
	/* be nice to opera */
	height:16px;
}

a.leftnav2:hover{
	background:url(../_gfx/bg_leftlink_aktiv.jpg) repeat-x;
}

 a.leftnav2geklickt{
	display:block;
	font-size:12px;
	color:#333;
	text-decoration:none;
	height:23px;
	background:url(../_gfx/bg_leftlink_aktiv.jpg) repeat-x;
	border-top:1px solid #FFF;
	border-bottom:1px solid #989898;
	padding:5px 0 0 5px;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}
html>body  a.leftnav2geklickt{
	/* be nice to opera */
	height:16px;
}

a.leftnav3{
	display:block;
	font-size:12px;
	color:#333;
	text-decoration:none;
	height:23px;
	background:#F2F2F2;
	border-top:1px solid #FFF;
	border-bottom:1px solid #989898;
	padding:5px 0 0 21px;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}
html>body a.leftnav3{
	/* be nice to opera */
	height:16px;
}

a.leftnav3:hover{
	background:url(../_gfx/bg_leftlink_aktiv.jpg) repeat-x;
}

 a.leftnav3geklickt{
	display:block;
	font-size:12px;
	color:#333;
	text-decoration:none;
	height:23px;
	background:url(../_gfx/bg_leftlink_aktiv.jpg) repeat-x;
	border-top:1px solid #FFF;
	border-bottom:1px solid #989898;
	padding:5px 0 0 21px;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}
html>body  a.leftnav3geklickt{
	/* be nice to opera */
	height:16px;
}

a.leftnav4{
	display:block;
	font-size:12px;
	color:#333;
	text-decoration:none;
	height:23px;
	background:#F2F2F2;
	border-top:1px solid #FFF;
	border-bottom:1px solid #989898;
	padding:5px 0 0 37px;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}
html>body a.leftnav4{
	/* be nice to opera */
	height:16px;
}

a.leftnav4:hover{
	background:url(../_gfx/bg_leftlink_aktiv.jpg) repeat-x;
}

 a.leftnav4geklickt{
	display:block;
	font-size:12px;
	color:#333;
	text-decoration:none;
	height:23px;
	background:url(../_gfx/bg_leftlink_aktiv.jpg) repeat-x;
	border-top:1px solid #FFF;
	border-bottom:1px solid #989898;
	padding:5px 0 0 37px;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}
html>body  a.leftnav4geklickt{
	/* be nice to opera */
	height:16px;
}

a.leftnav5{
	display:block;
	font-size:12px;
	color:#333;
	text-decoration:none;
	height:23px;
	background:#F2F2F2;
	border-top:1px solid #FFF;
	border-bottom:1px solid #989898;
	padding:5px 0 0 53px;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}
html>body a.leftnav5{
	/* be nice to opera */
	height:16px;
}

a.leftnav5:hover{
	background:url(../_gfx/bg_leftlink_aktiv.jpg) repeat-x;
}

 a.leftnav5geklickt{
	display:block;
	font-size:12px;
	color:#333;
	text-decoration:none;
	height:23px;
	background:url(../_gfx/bg_leftlink_aktiv.jpg) repeat-x;
	border-top:1px solid #FFF;
	border-bottom:1px solid #989898;
	padding:5px 0 0 53px;
	margin:0;

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}
html>body  a.leftnav5geklickt{
	/* be nice to opera */
	height:16px;
}

#abstandshalter{
	width:1px;
	height:408px;
}

#abstandshalterhome{
	width:1px;
	height:319px;
}

#leftnav p.adressblock{
	color:#000;
	padding-top:10px;
	padding-left:16px;
	margin:0;
}




/*-- ID´s und Classes die für das Kontaktformular verwendet werden --*/

tr.chead{
	background:#818181;
}

tr.cfirst{
	background:#FFF;	
}

tr.csecond{
	background:#E3E5E5;
}

td.cheadtext{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding:5px 0 5px 9px;
}

td.czeile1{
	font-size:12px;
	color:#505252;
	padding:2px 0 2px 9px;
	vertical-align:middle;
}

td.czeile2{
	font-size:12px;
	color:#505252;
	padding:2px 0 2px 9px;
	vertical-align:middle;
}

td.textsmall{
	font-size:9px;
	color:#505252;
	padding:5px 0 5px 9px;
}

td.cradio{
	padding:17px 0 14px 9px;
}

td.ctextarea{
	padding:10px 0 10px 9px;
}

td.csenden{
	padding:2px 0 2px 362px;
}




/*-- Formulare --*/

form{
	display:inline;
}

#metanav  input.suche{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	/*height:12px;*/
	width:85px;
	border:1px solid #454545;
	background:#E8E7E7;
	position:relative;
	margin:6px 3px 0 37px;
	top:-3px;
}

.msdsselect{
	font-size:11px;
	background:#FFF;
}

.buttonmsds{
	margin-left:10px;
	vertical-align:bottom;
}

td.czeile1 input, td.czeile2 input{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	/*height:12px;*/
	width:150px;
	border:1px solid #818181;
	background:#FFF;
}

td.ctextarea textarea{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:350px;
	border:1px solid #818181;
	background:#FFF;
}


/* --------------------------------- */
/* --------------------------------- */
/* Erweiterungen omeco, Dez/2005 */

#topnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#topnav ul li {
	display: inline;
}

#leftnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
}

#leftnav li {
	padding: 0;
	margin: 0;
	border: 0;
	background:#F2F2F2;
	width: 100%;
}

#leftnav li a {
    border-bottom:1px solid #989898;
	display: list-item;
	font-size:12px;
	color:#333;
	text-decoration:none;
	height:23px;
	background:#F2F2F2;
	padding:5px 0 0 5px;
	margin: 0; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}

#leftnav li a.openfolder {
    display: list-item;
	font-size:12px;
	color:#333;
	text-decoration:none;
	height:23px;
	background:url(../_gfx/bg_leftlink_aktiv.jpg) repeat-x;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:16px;
}

#leftnav li a.closedfolder {
}

#leftnav li li {
    width: 100%;
}

#leftnav li li a {
    display: list-item;
    
	font-size:12px;
    color:#333;
    text-decoration:none;
    height:23px;
    background:#F2F2F2;
    padding:5px 0 0 20px;
    margin:0;

    voice-family: "\"}\"";
	voice-family:inherit;
    height:16px;
}

#leftnav li li a.openfolder {
	
}

#leftnav li li a.closedfolder {
	
}

#leftnav li li li a {
    display: list-item;
    
	background-color: #F2F2F2;
	color: #000;
	padding: 5px 0px 0px 35px;
	text-decoration: none;
}

#leftnav li li li a.openfolder {
	
}

#leftnav li li li a.closedfolder {
	
}

#leftnav li li li li a
{
	display: list-item;
	padding: 5px 0px 0px 50px;
}

#leftnav {
	height:100%;
	border-top:1px solid #989898;
	border-right:1px solid #000;
}

#leftnav table td
{
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 5em;
}
/* Subnavigation - Ende */

#linklist{
     width: 100%;
     border: 1px solid #B8E5F9;
     padding: 4px;
}

#linklist h2{
           font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
	text-decoration: none;
                border-bottom: 1px solid #979797;
}

#linklist a{
           font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #B8E5F9;
	text-decoration: none;
}