@charset "iso-8859-1";
/* CSS Document */



body {
	width:100%!important;
	font-family:Arial, Helvetica, sans-serif!important;
	/*font-style:italic!important;*/
	font-size:12px!important;
	color:#000;
	margin:0;
	background:url(../img/layout/bg_main.jpg) top left no-repeat;
	border:none!important;
	
}

a {
	outline:none;
	font-size:12px;
	color:#ee0000;
	
	text-decoration:none;
	font-weight:bold;
}

#backgroundDummy {
	position:fixed;
	width:100%;
	height:100%;
	background:url(../img/layout/bg_mainWrapper_pattern.gif) top left repeat-y;
}

#rontechLogo {
	position:absolute;
	width:207px;
	height:74px;
	background:url(../img/layout/logo_rontech_main.jpg) top left no-repeat;
	margin:13px 0 0 776px;
}

/* *************************** Blaken oben (roter Strich und Links) *************************** */

#balkenRotObenWrapper {
	position:absolute;
	width:100%;
	height:15px;
	background:url(../img/layout/balken-rot-oben-pattern.gif) top left repeat-x;
	margin:99px 0 0 0;
	z-index:20;
}

#balkenRotOben {
	position:absolute;
	width:1024px;
	height:15px;
	background:url(../img/layout/balken-rot-oben.gif) top left no-repeat;	
}

#balkenRotOben  #goHome {
	position:relative;
	width:14px;
	height:13px;
	margin:0 0 0 115px;
	float:left;
	background:url(../img/layout/icon-home.gif) top left no-repeat;
}
#balkenRotOben  #goHome a {display:block;width:100%;height:100%;}

#balkenRotOben  #goKontakt {
	position:relative;
	width:13px;
	height:13px;
	margin:0 0 0 10px;
	float:left;
	background:url(../img/layout/icon-kontakt.gif) top left no-repeat;
}
#balkenRotOben  #goKontakt a {display:block;width:100%;height:100%;}

#balkenRotOben #shortCuts {
	margin:0 780px 0 14px;
	float:right;
}
#balkenRotOben #shortCuts a {font-size:10px;font-weight:bold;}


#dummyNearNaviLeft {
	position:absolute;
	width:98px;
	height:178px;
	margin-top:114px;
	background:url(../img/layout/bg_dummy_near_navigation_left.jpg) top left no-repeat;
	
}
/* *************************** Bild rot klein *************************** */
#miniThemenbilder {
	position:absolute;
	width:98px;
	min-height:74px;
	margin-top:292px;
	border-top:1px solid white;
}

#miniThemenbilder.default {background:url(../img/layout/mini-themenbilder/themenbilder_small-1.jpg) top left no-repeat;}
#miniThemenbilder.produkte {background:url(../img/layout/mini-themenbilder/themenbilder_small-2.jpg) top left no-repeat;}
#miniThemenbilder.service {background:url(../img/layout/mini-themenbilder/themenbilder_small-3.jpg) top left no-repeat;}
#miniThemenbilder.ersatzteile {background:url(../img/layout/mini-themenbilder/themenbilder_small-4.jpg) top left no-repeat;}
#miniThemenbilder.ueberuns {background:url(../img/layout/mini-themenbilder/themenbilder_small-5.jpg) top left no-repeat;}
#miniThemenbilder.vertriebspartner {background:url(../img/layout/mini-themenbilder/themenbilder_small-6.jpg) top left no-repeat;}
#miniThemenbilder.downloads {background:url(../img/layout/mini-themenbilder/themenbilder_small-7.jpg) top left no-repeat;}
#miniThemenbilder.stellen {background:url(../img/layout/mini-themenbilder/themenbilder_small-8.jpg) top left no-repeat;}
#miniThemenbilder.agb {background:url(../img/layout/mini-themenbilder/themenbilder_small-9.jpg) top left no-repeat;}

/* *************************** Header *************************** */
#headerContainer {
	position:absolute;
	width:767px;
	height:178px;
	margin:114px 0 0 256px;
	z-index:30;
	border-right:1px solid white;
	border-bottom:1px solid white;
}

#headerContainer.default {background:url(../img/layout/headerbilder/header_1.jpg) top left no-repeat;}
#headerContainer.produkte {background:url(../img/layout/headerbilder/header_2.jpg) top left no-repeat;}
#headerContainer.service {background:url(../img/layout/headerbilder/header_3.jpg) top left no-repeat;}
#headerContainer.ersatzteile {background:url(../img/layout/headerbilder/header_4.jpg) top left no-repeat;}
#headerContainer.ueberuns {background:url(../img/layout/headerbilder/header_5.jpg) top left no-repeat;}
#headerContainer.vertriebspartner {background:url(../img/layout/headerbilder/header_6.jpg) top left no-repeat;}
#headerContainer.downloads {background:url(../img/layout/headerbilder/header_7.jpg) top left no-repeat;}
#headerContainer.stellen {background:url(../img/layout/headerbilder/header_8.jpg) top left no-repeat;}
#headerContainer.agb {background:url(../img/layout/headerbilder/header_9.jpg) top left no-repeat;}

#schattenRechts {
	position:absolute;
	top:108px;
	left:1024px;
	width:9px;
	height:189px;
	background:url(../img/layout/schatten-rechts.jpg) top left no-repeat;
	
}

/* *************************** Content *************************** */
#contentWrapper {
	position:absolute;
	width:729px;
	height:auto;
	margin:292px 0 0 260px;
	background:url(../img/layout/bg-content.gif) top left no-repeat;
	padding:30px 5px 10px  30px;
}


/* *************************** Navigation *************************** */
#navigationWrapper {
	position:absolute;
	width:162px;
	height:100%;
	margin-left:98px;
	background:url(../img/layout/bg_navibalken.jpg) top left no-repeat;
	z-index:10;
	font-size:11px!important;
	font-style:italic;
	
}

/************************************************* Navigation Stufe 1 *****************************************************/

div#navigationWrapper ul.navTree {
	list-style-type:none;
	padding:0;
	margin:0 18px 0 0 ;
}

.navActive {
	background:url(../img/layout/navi-strich.gif) top left repeat-x;
}

div#navigationWrapper ul.navTree li.depth1 {
	padding:0 0;
	width:100%;
	height:12px;
	float:right;
	margin-bottom:7px;
	
	/*border:1px solid red;*/
}

div#navigationWrapper ul.navTree li.depth1 a {
	display:block;
	padding:0;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	float:right;
	color:#000;
	background:none!important;
	font-size:11px!important
}

div#navigationWrapper ul.navTree li.depth1 a.active, div#navigationWrapper ul.navTree li.depth1 a:hover {
	color:#ee0000;
}

#adress {
	position:fixed;
	bottom:10px;
	width:140px;
	font-size:10px;
	text-align:right;
	color:#999999;
	z-index:50;
}
#adress a {color:inherit;font-size:inherit}
#adress a:hover {color:#ee0000;font-size:inherit}

/************************************************* diverse Elemente *****************************************************/
#nlInscriptionHome {
	width:162;
	height:143px;
	padding-right:10px;
}
.nlInscriptionTitle {
	float:right;
	width:101px;
	height:23px;
	background:url(../img/content/titel/newsletter.png) top right no-repeat;
}

#nlInscriptionText {text-align:right;font-weight:bold;padding-right:8px;}

#newsBoxWrapper {
	position:absolute;
	width:301px;
	right:0;
	
}

#newsBoxWrapper .schattenOben {
	width:inherit;
	height:4px;
	background:url(../img/layout/schatten_newsbox_top.png) top right no-repeat;
}


#newsBoxWrapper .wrapper {
	width:inherit;
	background:url(../img/layout/schatten_newsbox_left.jpg) top right repeat-y;
	
}

#newsBoxWrapper #newsBox {
	width:inherit;
	min-height:200px;
	background:url(../img/layout/bg_newsbox.jpg) bottom right no-repeat;
}

#newsBoxWrapper #newsBox p {margin:5px 15px 0 20px;}
#newsBoxWrapper #newsBox p .imgLeft {margin-bottom:5px;}
#newsBoxWrapper #newsBox .readMore {font-weight:bold;}

#newsBoxWrapper #messenBox {
	width:inherit;
	min-height:100px;
	background:url(../img/layout/bg_newsbox.jpg) bottom right no-repeat;
}

#newsBoxWrapper #messenBox p {margin:5px 15px 0 20px;}
#newsBoxWrapper #messenBox p .imgLeft {margin-bottom:5px;}
#newsBoxWrapper #messenBox .readMore {font-weight:bold;}

#newsBoxWrapper #newsBoxTrennSchatten {
	width:inherit;
	height:6px;
	background:url(../img/layout/schatten_newsbox_middle.png) top right no-repeat;
}

#newsBoxWrapper .schattenUnten {
	width:inherit;
	height:4px;
	background:url(../img/layout/schatten_newsbox_bottom.png) top right no-repeat;
}

#newsBoxWrapper .newsBoxTitle {
	width:293px;
	float:right;
	height:32px;
	margin-bottom:10px;
	background:url(../img/content/titel/news.png) top left no-repeat #fff;
}

#newsBoxWrapper .messenBoxTitleDE {
	width:293px;
	float:right;
	height:32px;
	margin-bottom:10px;
	background:url(../img/content/titel/messen.png) top left no-repeat #fff;
}

#newsBoxWrapper .messenBoxTitleEN {
	width:293px;
	float:right;
	height:32px;
	margin-bottom:10px;
	background:url(../img/content/titel/messen_en.png) top left no-repeat #fff;
}

#newsBoxWrapper .showAllNewsLink {
	display:block;
	padding:5px 0 10px 20px;
	
	
}


/* misc */

.hidden {
	display:none;
}