/*******************************
 Design and Coding by Thomas Gal 
 www.thomasgal.de
********************************/

html, body {
	margin:0px;
	background-image: url(bg.png);
	background-repeat: repeat-x;
	background-color: #9fc9e2;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#header {
	margin:auto;
	background-image:url(header.png);
	background-repeat: repeat-x;
	width:975px;
	height:96px;
}

#header a:active {
	color: transparent;
}

#logo {
	margin-left: 40px;
	margin-top: 25px;
	float: left;
}

#trennlinie {
	float: left;
	margin-top: 23px;
	margin-left: 20px;
	height: 73px;
	width: 6px;
	background-image: url(trennlinie.jpg);
	background-repeat: no-repeat;
}

/***************** LANGUAGE *****************/

#language {
	height: 20px;
	width: 84px;
	float: right;
	margin-top: -3px;
}

#language-de {
	height: 20px;
	border-bottom: 22px solid #eaeaea;
}

#language-ro {
	height: 20px;
}

#language_both {
	width: 95px;
	height: 20px;
	font-size: 10px;
}

#language_both a {
	text-decoration: none;
	color: #595858;
}

#language_both a:hover {
	text-decoration: none;
	color: #959595;
}

.menu { position:relative; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; width:95px; height:20px; line-height:20px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

.menu ul li:hover a {color:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:17px; left:0; width:42px; padding-top: 3px;}
.menu ul li:hover ul li a.hide {color:#fff;}
.menu ul li:hover ul li:hover a.hide {color:#13396d;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#13396d;}
.menu ul li:hover ul li a:hover {color:#13396d;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:84px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-84;}

/***************** NAVIGATION *****************/

#topnavigation {
	height: 40px;
	width: 720px;
	float: right;
	margin-top: 42px;
	margin-right: 40px;
}

#startseite {
	height: 40px;
	float: left;
	width: 154px;
	background: url(startseite.png) 0 0 no-repeat;
}

#startseite:hover {
	background-position: 0 -40px;
}

#startseite:active {
	background-position: 0 -80px;
}

#service {
	height: 40px;
	width: 109px;
	float: left;
	background: url(service.png) 0 0 no-repeat;
}

#service:hover {
	background-position: 0 -40px;
}

#service:active {
	background-position: 0 -80px;
}

#produkte {
	height: 40px;
	float: left;
	width: 125px;
	background: url(produkte.png) 0 0 no-repeat;
}

#produkte:hover {
	background-position: 0 -40px;
}

#produkte:active {
	background-position: 0 -80px;
}

#anfrage {
	height: 40px;
	float: left;
	width: 115px;
	background: url(anfrage.png) 0 0 no-repeat;
}

#anfrage:hover {
	background-position: 0 -40px;
}

#anfrage:active {
	background-position: 0 -80px;
}

#kontakt {
	height: 40px;
	float: left;
	width: 80px;
	background: url(kontakt.png) 0 0 no-repeat;
}

#kontakt:hover {
	background-position: 0 -40px;
}

#kontakt:active {
	background-position: 0 -80px;
}

#acasa {
	height: 40px;
	float: left;
	width: 124px;
	background: url(acasa.png) 0 0 no-repeat;
}

#acasa:hover {
	background-position: 0 -40px;
}

#acasa:active {
	background-position: 0 -80px;
}

#servicii {
	height: 40px;
	float: left;
	width: 108px;
	background: url(servicii.png) 0 0 no-repeat;
}

#servicii:hover {
	background-position: 0 -40px;
}

#servicii:active {
	background-position: 0 -80px;
}

#produse {
	height: 40px;
	float: left;
	width: 116px;
	background: url(produse.png) 0 0 no-repeat;
}

#produse:hover {
	background-position: 0 -40px;
}

#produse:active {
	background-position: 0 -80px;
}

#cerere {
	height: 40px;
	float: left;
	width: 103px;
	background: url(cerere.png) 0 0 no-repeat;
}

#cerere:hover {
	background-position: 0 -40px;
}

#cerere:active {
	background-position: 0 -80px;
}

#contact {
	height: 40px;
	float: left;
	width: 100px;
	background: url(contact.png) 0 0 no-repeat;
}

#contact:hover {
	background-position: 0 -40px;
}

#contact:active {
	background-position: 0 -80px;
}


/*
#topnavigation {
	margin: auto;
	background-image: url(navi.png);
	background-repeat: no-repeat;
	width: 980px;
	height: 53px;
	color: #ffffff;
	text-align: center;
}

#topnavigation ul {
	margin: auto;
	padding-top: 5px;
   list-style: none;
	width: 555px;
	height: 48px;
}

#topnavigation li a {
	text-align: center;
	line-height: 42px;
	border-right: 1px solid #003b94;
	color: #ffffff;
	display: block;
	float: left;
	padding: 0 10px;
	font-size: 13px;
	letter-spacing: 1px;
}

#topnavigation a {
	background: url(navibg.png) 0 0 repeat-x;
	text-decoration: none;
}

#topnavigation a:hover {
	background-position: 0 -42px;
	text-decoration: none;
}

#items {
	margin-left: auto;
	margin-right: auto;
}
/*

/***************** CONTENT *****************/

#content {
	margin:auto;
	height: auto;
	width: 909px;
	background-image: url(content.png);
	background-repeat: repeat-y;
	padding-top:10px;
	padding-bottom: 8px;
	padding-left: 33px;
	padding-right: 33px;
}


/***************** LEFT_BOX *****************/

#leftbox_wrap {
	float: left;
	width: 150px;
}

#leftbox_wrap h3 {
	font-family:: Arial;
	font-size: 11px;
	padding-left: 5px;
	padding-top: 6px;
	color: #ffffff;
	text-transform: uppercase; 
	letter-spacing: 1px;
	width: 143px;
	height: 21px;
	background-image: url(bglefttop.gif);
	margin: 0;
	margin-left: 1px;
}

/* Vertikale Navigation */

div#Tmenu {
	padding: 0;
}

* html div#Tmenu {
	width: 156px;
	w\idth: 156px;  /* (IE 6 in standards-compliant mode) */
}

ul#Navigation {
	margin: 0; padding: 0;
}

ul#Navigation li {
	list-style: none;
	position: relative;
	margin: 1px; padding: 0;
}

* html ul#Navigation li {
	margin-right: 0;  /* Platz fuer Link-Verbreiterung im IE reservieren */
	margin-bottom:0;
	padding: 0;
}

ul#Navigation li ul {
	margin: 0; padding: 0;
	position: absolute;
	top: 0; left: 152px;
}

*:first-child+html ul#Navigation li ul {
	left: 140px;  /* (IE 7 in standards-compliant mode) */
	margin: 0; padding: 0;
}

ul#Navigation li ul li {
	margin: 0; padding: 0;
}

ul#Navigation a, ul#Navigation span {
	display: block;
	width: 142px;
	font-size: 11px;
	text-decoration: none;
	padding: 2px 2px;
	border: 1px solid #59778e;
	border-left-color: #afcce26; border-top-color: #afcce2;
	color: #ffffff; background-color: #4f85d6;
}

* html ul#Navigation a, * html ul#Navigation span {
	width: 145px;
	w\idth: 145px;  /* (IE 6 in standards-compliant mode) */
}

ul#Navigation a:hover {
	border-color: #2f68bd;
	background-color: #ffffff;
	color: #2f68bd;
}

#Navigation a:hover {
	background-color: #10eaa5;
}

ul#Navigation li ul {
	display: none;
}

ul#Navigation li:hover>ul {
	display: block;
	background-color: #10eaa5;
}

ul#Navigation>li:hover>a {
	width: 145px;
	border-color: #2f68bd;
	background-color: #ffffff;
	color: #2f68bd;
}


/***************** MID_BOX *****************/

#midbox {
	float: left;
	width: 550px;
	margin-left: 9px;
	margin-right: 30px;
	font-size: 11px;
}

.contentbox {
	background-image: url(bgmidmid.gif);
	width: 560px;
	padding-right: 5px;
	padding-left: 5px;
}

.contentbox_top {
	margin-left: -5px;
	margin-top: 20px;
	height: 12px;
	width: 570px;
	color: #6e6e6e;
	font-family: sans-serif;
	font-size: 22px;
	background-image: url(bgmidtop.gif);
	background-repeat: no-repeat;
}

.contentbox h2 {
	margin-left: -5px;
	margin-top: 0;
	padding-left: 9px;
	padding-top: 15px;
	height: 18px;
	width: 561px;
	color: #6e6e6e;
	font-family: sans-serif;
	font-size: 22px;
	background-image: url(bgmidh2.gif);
	background-repeat: no-repeat;
}

.contentbox h3 {
	margin-left: -5px;
	margin-top: 0;
	padding-left: 9px;
	padding-top: 15px;
	color: #6e6e6e;
	font-family: sans-serif;
	font-size: 17px;
}

.contentbox p {
	font-size: 11px;
	line-height: 17px;
}

.contentbox a {
	color: #1459c0;
	text-decoration: none;
}

.contentbox a:hover {
	color: #000000;
	text-decoration: underline;
}

.contentbox ul {
	margin: 0;
	padding-left: 20px;
	padding-bottom: 7px;
}

.contentbox li {
	list-style-image: url(arrowContent.gif);
}

.contentbox img {
	margin-bottom: 12px;
}

.contentbox_bot {
	margin-left: -5px;
	background-image: url(bgmidbot.gif);
	background-repeat: no-repeat;
	height: 7px;
	width: 570px;
}

.anfrage_image_us {
	float: left;
	width: 120px;
	margin-left: 13px;
	margin-top: 4px;
}

.anfrage_text_us {
	float: right;
	width: 410px;
	margin-right: 6px;
}

.anfrage_text_us h3 {
	margin: 0;
	padding: 0;
	color: #1459c0;
}

.anfrage_detalii_us {
	width: 75px;
	height: 31px;
	float: right;
	background: url(detalii_us.gif) 0 0 no-repeat;
	text-decoration: none;
	margin-bottom: 5px;
}

.anfrage_detalii_us:hover {
	background-position: 0 -31px;
	text-decoration: none;
}

.anfrage_mehr_us {
	width: 63px;
	height: 31px;
	float: right;
	background: url(mehr_us.gif) 0 0 no-repeat;
	text-decoration: none;
	margin-bottom: 5px;
}

.anfrage_mehr_us:hover {
	background-position: 0 -31px;
	text-decoration: none;
}

#newsletter {
	margin-left: 8px;
	margin-bottom: 8px;
}

#pictures {
	margin-left: 1px;
}

/***************** RIGHT_BOX *****************/

#rightbox_wrap {
	float: left;
	width: 170px;
}

#rightbox_profil h3 {
	font-family:: Arial;
	font-size: 11px;
	padding-left: 5px;
	padding-top: 6px;
	padding-right: 5px;
	color: #ffffff;
	text-transform: uppercase; 
	letter-spacing: 1px;
	width: 160px;
	height: 30px;
	background-image: url(bgrighth2profil.gif);
	margin: 0;
}

#rightbox_an h3 {
	font-family: Arial;
	font-size: 11px;
	padding-left: 5px;
	padding-top: 4px;
	padding-right: 5px;
	color: #ffffff;
	text-transform: uppercase; 
	letter-spacing: 1px;
	width: 160px;
	height: 30px;
	background-image: url(bgrighth2an.gif);
	margin-top: 15px;
	margin-bottom: 0;
}

.right-box {
	background-image: url(bgrightmid.gif);
}

.right-box ul {
	margin-left: 0;
	margin-top: 0;
	padding-top: 0;
	padding-left: 16px;
	padding-right: 3px;
	font-size: 10px;
}

.right-box li {
	padding: 0;
	margin: 0;
	list-style-image: url(arrowContent.gif);
}

.right-box p {
	padding: 2px;
	font-size: 10px;
}

.right-box a {
	font-size: 10px;
}

.right-box_bagger {
	text-align: center;
}

.right-box hr {
	border: 0;
	height: 25px;
	background-image: url(bgrightzw.gif);
}

.right-box_bot {
	background-image: url(bgrightbot.gif);
	height: 17px;
}

/***************** FOOTER *****************/

#footer {
	margin: auto;
	margin-bottom: 9px;
	width:975px;
	height:56px;
	background-image: url(footer.png);
	color: #949494;
	text-align:center;
	font-size:10px;
	line-height:30px;
	padding: 0;
}

#footer a {
	color: #9fa3a8;
	text-decoration: underline;
}

#footer a:hover {
	color: #c0c0c0;
	text-decoration: none;
}


/***************** OTHER *****************/

.pflicht {
	color: #ff0000;
	width: 10px;
}

.kontakt_form {
	background-color: transparent;
	font-size:12px;
	color: #000000;
	border: 1px solid #d1d1d1;
	width:170px
}

.kontakt_form:hover {
	border: 1px solid #b4b6bc;
}

.kontakt_form_button {
	font-size: 12px;
	height: 22px;
	color: #404040;
	border: 1px solid #b4b6bc;
	background-color: #e9e9e9;
	padding-bottom: 2px;
}

.kontakt_form_button:hover {
	border: 1px solid #d1d1d1;
	background-color: #f0f0f0;
}

.kontakt_form_button:active {
	border: 1px solid #858585;
}

/* .anfrage_form {
	background: url(anfrage_form.png) 0 0 no-repeat;
	height: 21px;
	width: 156px;
	padding-left: 7px;
	padding-right: 6px;
	padding-top: 8px;
	border: 0;
	font-size: 12px;
	font-family: Arial;
}

.anfrage_form:hover {
	background-position: 0 -29px;
}

*/

.anfrage_form {
	background-color: transparent;
	font-size:12px;
	color: #000000;
	border: 1px solid #d1d1d1;
	width:180px
}

.anfrage_form:hover {
	border: 1px solid #b4b6bc;
}

.anfrage_form_button {
	font-size: 12px;
	height: 22px;
	color: #404040;
	border: 1px solid #b4b6bc;
	background-color: #e9e9e9;
	padding-bottom: 2px;
}

.anfrage_form_button:hover {
	border: 1px solid #d1d1d1;
	background-color: #f0f0f0;
}

.anfrage_form_button:active {
	border: 1px solid #858585;
}

#part2 {
	margin:auto;
	background-image:url(part02.png);
	width:900px;
	height:13px;
}

.clear {
	clear: both;
}

h1 {
	margin: 0;
}

.perii {
	vertical-align: top;
}

.center {
	text-align: center;
}

#factura {
	float: right;
	height: 50px;
	width: 50px;
}

.mid_pos_bun {
	margin-top: 4px;
	text-align: center;
	font-size: 20px;
}

.table_dorit {
	font-size: 15px;
}

.produse {
	width: 25%;
	text-align: left;
	margin: 0;
}

.produse ul {
	margin: 0;
	padding: 0;
}

.produse li {
	margin-left: 30px;
}

strong {
	color: #797979;
}

img {
	border: 0;
}