body {background:#ECECE5 url(../img/bg/body.png) repeat-x;text-align:center;font:76%/1 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Helvetica,Arial,sans-serif;color:#333;padding-top:8px;}
* {margin:0;padding:0;}
:focus {outline:0;}

img {border:none;}
ul {list-style:none;}
a {text-decoration:none;}
#clearBoth {clear:both;}

#triA	{ position:absolute; right:50px; bottom:15px;}
#repA	{ position:absolute; right:50px; bottom:85px;}

#lev { margin-top:50px; }
#lev p {margin-top:10px; padding:5px; }



/*
////////  1. LAYOUT  ////////*/

#container {width:900px;margin:0 auto;padding:40px 35px 0 35px;text-align:left;background:url(../img/bg/container.png) repeat-y;}
#home #container {padding-top:0;}
#container.wide {padding-left:65px;width:870px;}

#mainContent {float:left;width:480px;padding:0 50px 0 30px;border-right:1px dotted #ddd;}
#secondaryContent {float:right;width:280px;padding-right:30px;}


/*
////////  2. HEADER  ////////*/

#header {width:970px;margin:0 auto;height:147px;background:url(../img/bg/header3.png);position:relative;}

a#logo {float:left;text-indent:-9999px; background:url(../img/bg/logo2.png) no-repeat;width:275px;height:80px;position:absolute;left:20px;bottom:31px;}

#header ul {position:absolute;left:330px;bottom:30px;text-align:left;}
#header ul li {float:left;text-align:center;}
#header ul li a {display:block;font-size:1em;color:#666;margin-right:10px;width:82px;height:20px;padding-top:7px;background:url(../img/bg/navi.png) no-repeat;text-shadow:#eee 1px 1px 1px;}
#header ul li a:hover {color:#2a8dd8; text-decoration:underline;}

#header ul li a:active {
  position: relative;
  top: 1px;
}



#header ul li.current a {color:#fff;background:url(../img/bg/current1.png) no-repeat;text-shadow:#000 1px 1px 1px;}
#header ul li.current a:hover {color:#fff;}

#contactInfo {position:absolute;right:72px;top:30px;color:#aaa;font-size:.9em;}
#contactInfo a {color:#aaa;}
#contactInfo a:hover {text-decoration:underline;}
#contactInfo img {vertical-align:middle;}

#contactInfo2 {position:absolute;right:20px;top:50px;color:#aaa;font-size:.9em;}
#contactInfo2 a {color:#aaa;}
#contactInfo2 a:hover {text-decoration:underline;}
#contactInfo2 img {vertical-align:middle;}

#contactInfo3 {position:absolute;right:72px;top:75px;color:#aaa;font-size:.9em;}
#contactInfo3 a {color:#aaa;}
#contactInfo3 a:hover {text-decoration:underline;}
#contactInfo3 img {vertical-align:middle;}


/*
////////  3. FOOTER  ////////*/

#footer {width:900px;margin:0 auto;clear:both;height:45px;background:url(../img/bg/footer.png) no-repeat;padding:53px 35px 0 35px;}

#footer p {float:left;font-size:.9em;color:#666;}
#footer p a {color:#666;}
#footer p a:hover {text-decoration:underline;}
#footer p em {color:#aaa;font-weight:bold;}
#footer p.right {float:right;}


/*
////////  4. CONTENT  ////////*/

h1,h2 {font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;}
h1 {font-size:1.7em;color:#2F150F;}
h2 {font-size:1.3em;color:#2F150F;margin-top:30px;}
h3 {font-size:1.1em;margin-top:20px;}

#container p, #container ul, #container ol {clear:both;font-size:1.1em;line-height:1.4em;margin:7px 0;}

#container p a, #container ul li a {font-weight:bold;color:#849a41;}
#container p a:hover, #container ul li a:hover  {color:#5eaaea; text-decoration:underline;}
#mainContent ul, #secondaryContent ul {list-style-type:circle;}
blockquote {background:url(../img/bg/blockquote.png) no-repeat 0 3px;margin-left:-21px;padding-left:21px;}
#secondaryContent {color:#777;}
#secondaryContent p.adress {margin-left:10px;}
#secondaryContent p {margin-left:40px;}


/* images */
#container p img {float:left;margin:5px 20px 5px 0;border:3px solid #eee;}
#container p img.imgRight {float:right;margin:5px 0 5px 20px;border:3px solid #eee;}
#secondaryContent img.bild {margin-top:20px; background-color:#CCC; padding:6px; -moz-border-radius: 10px;
-webkit-border-radius: 10px;}

/* tables */
table {margin:7px 0;border-collapse:collapse;}    
table thead th {padding:5px 24px;}
table tbody th, table tbody td {padding:5px 24px;color:#444;}
table thead th {background:#4F2A22;color:#fff;}
table tbody tr.alt {background-color:#eee;}

/* search */
form#search {float:left;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e8e8e8;width:100%;}
form#search fieldset {border:none;}
form#search input {font-size:1em;color:#aaa;background:#fafafa;padding:3px;border:1px solid #ddd;}
form#search input#submit {color:#fff;background:#aaa;cursor:pointer;padding:3px 4px;border:none;margin-left:-8px;}
form#search input#submit:hover {color:#eee;}


/*
////////  5. HOMEPAGE  ////////*/

#intro {margin-left:-30px;position:relative;}
#home h1 {text-indent:-9999px;float:left;}

#action {float:left;position:absolute;bottom:15px;right:0px;z-index:999;}

#home #slider, #slider li {margin:0;padding:0;list-style:none;height:320px;}
/*#slider li .sliderContent {position:absolute;bottom:0;left:0;z-index:999;width:900px;padding:20px 30px 10px 30px;background: url(../img/bg/trensparentwhite1.png);}*/
#slider li .sliderContent h2 {color:#000;font-size:1.3em;margin:0 0 5px;}
#slider li .sliderContent p {float:left;color:#000;font-size:1em;line-height:1.3em;width:600px;margin-top:0;}

#featuredArea {float:left;width:100%;background:url(../img/bg/featuredArea.png) no-repeat;padding-top:30px;}
.featured {float:left;width:283px;padding-right:25px;}
.featured.last {float:right;padding:0;}
.featured ul li, .featured p {padding-bottom:5px;}

.featured h2 {clear:both;font-size:1.5em;color:#222;margin:0;}
.featured h2 img {vertical-align:middle;}
.featured blockquote span, #container ul li span {color:#999;}
.featured blockquote {background:url(../img/bg/blockquote2.png) no-repeat 0 3px;margin-left:-12px;padding-left:12px;}

a.linkButton {float:left;clear:both;color:#fff;background:#849a41; padding:5px 10px;margin:0 6px 6px 0;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;text-shadow:#444 1px 1px 1px;}
a.linkButton:hover {background:#5eaaea;}
a.linkButton:active	{position: relative; top: 1px;} /* Clickable links */

/*
////////  6. PORTFOLIO  ////////*/

.portfolioItem a {display:block;float: none;margin:60px 28px 0 0;position:relative;width:250px;height:320px;padding:5px;background: url(../img/bg/portfolioItem2.png);}
.portfolioItem a:hover {background-position:left bottom;}
.portfolioItem a:active	{position: relative; top: 1px;} /* Clickable links */

.portfolioItem strong {position:absolute;bottom:5px;left:5px;width:240px;z-index:2;color:#fff;background:url(../img/bg/transparentBlack.png);font-weight:normal;padding:5px 5px;}

.new {display:block;position:absolute;top:-1px;right:-1px;width:39px;height:39px;background:url(../img/bg/new.png);z-index:99;}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------- CONTACT FORM -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact p, label, legend { font: 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; font-size: 16px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 100%; margin: -20px auto; padding: 20px; ; background-color: #FFF; -webkit-border-radius:10px; -moz-border-radius:10px;  }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.2em; -webkit-border-radius:10px; -moz-border-radius:10px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -webkit-border-radius:5px; -moz-border-radius:5px;; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #5eaaea; background-color: #b4ddff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; background:#849a41; color:#fff; }
#contact input.submit:hover { background:#5eaaea; }
#contact input.submit:active {position:relative; top:1px;} /* Clickable links */

#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:10px; -moz-border-radius:10px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:10px; -moz-border-radius:10px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(../assets/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }
.success { display: block; height: 22px; line-height: 22px; background: #E6FAE1 url(../assets/success.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; color:#224450;border: 1px solid #83AF9B; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url(../assets/success.gif) left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

/* mailform style */

#mailform label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.2em; -webkit-border-radius:10px; -moz-border-radius:10px; }
#mailform input, textarea, select { width: 240px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -webkit-border-radius:8px; -moz-border-radius:8px;; }   
#mailform input:focus, textarea:focus, select:focus { border: 1px solid #5eaaea; background-color: #b4ddff; color:#333; }
#mailform input.submit {width:70px; height:22px; float:left;clear:both;color:#fff;background:#849a41; padding:0 10px;margin:0 6px 6px 0;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;text-shadow:#444 1px 1px 1px;}
#mailform input.submit:hover { background:#5eaaea; cursor: pointer;}
#mailform input.submit:active {position:relative; top:1px;} /* Clickable links */

#mailform input[type="submit"][disabled] { background:#888; }
#mailform fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:10px; -moz-border-radius:10px; }
#mailform legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:10px; -moz-border-radius:10px; margin-bottom:0 !important; margin-bottom:20px; }

#mailform span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#mailform { margin: 10px 0 30px 0; padding: 0; }



#mailform #success_page h1 { background: url(../assets/success.gif) left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }





/* --------------GOOGLE MAPS API------------- */

#map_canvas { -webkit-border-radius:10px; -moz-border-radius:10px; border:solid 8px #cccccc; margin-top:30px;}

#contact-info p {margin-left:0px; text-align:left;}