/**
 * ROREI
 * Main Stylesheet
 * 
 * (c) EZdesign.de
 * Author: Timo Besenreuther
 */


body {
	background: #5C5C5C;
	text-align: center;
}

#container {
	margin: 0 auto;
	text-align: left;
	width: 980px;
	background: url(../images/container.bg.png) repeat-y white;
}

.clearer {
	height: 1px;
	overflow: hidden;
	clear: both;
}

/**
 * head
 */

#head {
	height: 307px;
	background: url(../images/head.bg.jpg) no-repeat;
	margin: 0 0 0 15px;
	width: 950px;
}

#logo {
	position: absolute;
	margin: 13px 0 0 642px;
	width: 308px;
}

#address {
	position: absolute;
	margin: 110px 0 0 646px;
	color: black;
	font-weight: bold;
	width: 304px;
}

#address p {
	margin-bottom: 8px;
}

#address a {
	font-weight: bold;
	color: black;
	text-decoration: none;
}
#address a:hover {
	color: #003687;
}

/* main nav */

#mainNav {
	position: absolute;
	list-style: none;
	height: 42px;
	margin: 265px 0 0 401px;
	background: url(../images/mainnav.0.png) no-repeat;
	padding: 0 0 0 9px;
	width: 549px;
}
#mainNav.bg1 {
	background-image: url(../images/mainnav.1.png);
}
#mainNav.bg2 {
	background-image: url(../images/mainnav.2.png);
}
#mainNav.bg3 {
	background-image: url(../images/mainnav.3.png);
}

#mainNav li {
	width: 180px;
	float: left;
	padding: 8px 0 0 0;
}

#mainNav a {
	display: block;
	float: left;
	width: 180px;
	text-align: center;
	color: white;
	font-weight: bold;
	line-height: 34px;	
}
#mainNav a:hover {
	font-weight: normal;
	text-decoration: none;
}
#mainNav li.active a,
#mainNav li.open a {
	color: black;
}

/* language */

#language {
	position: absolute;
	list-style: none;
	margin: 8px 0 0 2px;
	overflow: hidden;
	height: 15px;
}

#language li {
	float: left;
	width: 102px;
	margin: 0 0 0 -1px;
}

#language a {
	display: block;
	text-indent: 40px;
	width: 101px;
	height: 15px;
	border-left: 1px solid #5478AE;
	text-align: left;
	color: white;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 18px 2px; 
}
#language a:hover {
	text-decoration: none;
	font-weight: bold;
}

#language .Deutsch a {
	background-image: url(../images/lang.deutsch.gif);
}

#language .English a {
	background-image: url(../images/lang.english.gif);
}

#language .Espanol a {
	background-image: url(../images/lang.espanol.gif);
}

#language .Hrvatska a {
	background-image: url(../images/lang.hrvatska.gif);
}

#language .Francais a {
	background-image: url(../images/lang.francais.gif);
}


/**
 * sub nav
 */

#leftCol {
	margin: 18px 0 0 35px;
	width: 200px;
	float: left;
}

#subNav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#subNav li {
	padding: 0 0 5px 0;
}

#subNav a {
	display: block;
	padding: 4px 0 0 13px;
	background: url(../images/arrow.black.gif) no-repeat 0 9px;
	color: black;
	font-weight: bold;
}
#subNav a:hover {
	background-image: url(../images/arrow.blue.gif);
	color: #003687;
	text-decoration: none;
}

#subNav a span {
	font-weight: normal;
}

.salesTeaser {
	margin: 40px 0 0 0;
	width: 176px;
	padding: 0 0 8px 0;
	background: url(../images/minibox.bottom.png) no-repeat left bottom;
	position: absolute;
}

.salesTeaser h2 {
	color: #003687;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 7px 12px;
	background: url(../images/minibox.top.png) no-repeat;
}

.salesTeaser a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0 12px
}

.salesTeaser a:hover {
	color: #003687;
	text-decoration: none;
}


/**
 * footer
 */

#footer {
	background: url(../images/footer.bg.png) no-repeat #5C5C5C;
	padding: 0 0 10px 0;
}
 
#footerNav {
	text-align: center;
	padding-top: 20px;
	list-style: none;
	margin: 0;
}
 
#footerNav li {
	display: inline;
	padding: 0 10px;
}
 
#footerNav a {
	font-size: 11px;
	color: black;
}


/**
 * content
 */

#content {
	margin: 17px 0 0 255px;
	width: 692px;
}

/* box */

.box1 {
	background: url(../images/box.bg.png) repeat-y;
}
.box1.marginTop {
	margin-top: 5px;
}

.box2 {
	background: url(../images/box.top.png) no-repeat;
}

.box3 {
	background: url(../images/box.bottom.png) no-repeat left bottom;
	padding: 12px 15px;
}

table.sales {
	width: 330px;
}

td.rowHead {
	font-weight: bold;
}

/* box left */

.boxLeft {
	margin: 18px 0 0 35px;
	width: 195px;
	float: left;
}

.boxLeftHead {
	color: #003687;
	margin: 0 0 10px 0;
	font-weight: bold;
}


/* home images */

#home_images {
	height: 189px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

#home_images img {
	position: absolute;
}