/*
CSS Credit: Viorel Teodorof
*/
html {
background: #33302F
}
body {
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5em;
color: #fff;
background: url(images/page_bg.jpg) repeat-x center top;
width: 100%;
display: table;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #DD3108;
background-position: left;
padding: 0px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
margin-top: 0px;
}
#container
{
width: 759px;
margin: auto;
}
#header_top
{
position: relative;
width: 759px;
height: 120px;
margin-top: 0px;
background: url(images/header.jpg) no-repeat;
}
#header_section
{
float: left;
width: 759px;
height: 220px;
background: url(images/header_section.jpg) no-repeat;
}
* html #header_section
{
width: 755px;
}
/* Language Flags */
/* English Pages*/
#header_top ul
{
margin: 0;
padding: 0;
list-style: none;
}
#header_top a
{
position: absolute;
width: 29px;
height: 13px;
text-indent: -1000em;
}
#header_top a:hover
{
border: 1px solid #fff;
}
#header_top .deutsch a {
top: 84px;
left: 547px; }
#header_top .romanian a {
top: 84px;
left: 683px; }
/* Deutsch pages*/
#header_top .english a {
top: 83px;
left: 615px; }
.header_box {
float: right;
width: 215px;
padding: 5px 0px 0px 15px;
height: 200px;
margin-right: 15px;
}
* html .header_box {
margin-right: 5px;
}
.header_box img {
margin-top:10px;
}
* html .header_box img {
margin-top: 5px;
}
.topmenu
{
float: left;
margin: 192px 0px 0px 0px;
margin-left: 21px;
font-weight:bold;
}
.topmenu ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.topmenu li{
display: inline;
}
.topmenu li a{
float: left;
font-family: tahoma;
font-size: 11px;
text-decoration: none;
text-align: center;
color: #000;
width: 120px;
height: 25px;
padding-top: 4px;
}
.topmenu li a:hover, .topmenu li .current{
color: #fff;
background: url(images/top_current.jpg) repeat;
}
#content_section {
float: left;
width: 759px;
overflow: auto;
background: url(images/content_bg2.jpg) repeat-y;
}
/* Left Content */
#content_left {
float: left;
width: 518px;
background: url(images/content_left_bg.jpg) repeat-y;
}
#content_left_top {
float: left;
width: 430px;
background: url(images/content_left_top.jpg) no-repeat;
color: #000;
text-align: justify;
padding: 30px 25px ;
margin-left: 18px;
}
* html #content_left_top {
margin-left: 10px;
}
#content_left_top a{ color:#ca721d; text-decoration: none; font-weight: bold; }
#content_left_top a:hover { color :#7b440e; text-decoration: none; font-weight: bold; }
#content_left_bot {
float: left;
width: 488px;
height: 27px;
margin-left: 18px;
background: url(images/content_left_bot.jpg) no-repeat;
}
* html #content_left_bot {
margin-left: 10px;
}
.content_left_banner {
padding : 5px 0px 0px 20px;
}
* html .content_left_banner {
padding : 5px 12px 0px 12px ;
}
#content_right {
float: left;
width: 241px;
height: 500px;
background: url(images/content_right_bg.jpg) repeat;
}
* html #content_right {
width: 235px;
}
#content_right_section1 {
float: left;
width: 241px;
background: url(images/content_right_s1.jpg) no-repeat;
}
* html #content_right_section1 {
width: 235px;
}
#content_right_section2 {
float: left;
width: 241px;
height: 232px;
background: url(images/content_right_s2.jpg) no-repeat;
}
* html #content_right_section2 {
width: 235px;
}
#form
{
width: 225px;
height: 225px;
}
/* Right Locations */
#location{
margin-top:5px;
width : 200px;
height: 210px;
}
.location_box{
margin: 3px 10px 0px 10px;
font-weight:bold;
width : 190px;
height: 40px;
text-decoration:none;
font-size:11px;
}
.location_box_text{
float:left;
margin: 10px 0px 0px 10px;
}
.location_box_text a{
float:left;
color:#ca721d;
text-decoration:none;
}
.location_box_text a:hover{
color :#7b440e;
vertical-align:middle;
float:left;
text-decoration:none;
}
#contact {
float: left;
width: 140px;
color: #000;
text-align: justify;
padding: 1px 1px ;
margin-left: 1px;
}
#contact_php {
float: left;
width: 140px;
color: red;
text-align: justify;
padding: 1px 1px ;
margin-left: 1px;
}
.location_box_text_1
{ float:left;
margin: 10px 0px 0px 10px;
}
.location_box_text_1 a{
float:left;
color:green;
text-decoration:none;
}
.location_box_text_1 a:hover{
color: blue;
vertical-align:middle;
float:left;
text-decoration:none;
}
.location_box_text_2 a{
float:left;
color:#ca721d;
text-decoration:none;
}
.location_box_text_2 a:hover{
color: red;
vertical-align:middle;
float:left;
text-decoration:none;
}
a.projects img
{
border: 1px solid #787878;
text-decoration: none;
}
a.projects:hover img
{
border: 1px solid #ca721d;
}
#content_footer {
float: left;
width: 759px;
height: 27px;
background: url(images/content_footer.jpg) no-repeat;
}
#footer_section {
float: left;
width: 759px;
height: 50px;
color: #adad7b;
}
#footer_left {
float: left;
padding: 40px 0px 0px 0px;
text-align: center;
}
#footer_left a{
color : #adad7b;
}
#footer_right {
float: left;
padding: 50px 0px 0px 50px;
}
.line {
border-bottom: dashed 1px #fff;
width: 100%;
}
/* Conditions page */
#large_picture
{
width: 240px;
height: 134px;
border-style:solid;
border-color: red;
border-width:1px;
float: right;
margin-right: 10px;
}
#thumbnails
{
width: 242px;
height: 136px;
margin-top: 2px;
}
#cf
{
position: relative;
height: 64px;
width: 77px;
float: left;
padding: 1px 1px;
}
#cf img
{
position:absolute;
opacity: 1;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
#cf img.top:hover
{
opacity: 0;
}
/* Contact form */
textarea
{
border-width: thin;
resize: none;
width: 155px;
height: 60px;
}
input:focus, textarea:focus
{
border:1px solid green;
border-width: thin;
}
input
{
width: 155px;
}
#submit
{
cursor:pointer;
color: green;
margin-top: 3px;
width: 75px;
height: 22px;
}
#submit:hover
{
opacity:0.9;
}
form
{
color: black;
}