/* RESET
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,images,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; }
table { border-collapse:separate; border-spacing:0; margin-bottom:1.4em;}
caption,th,td { text-align:left; font-weight:400; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
a img { border:none; }

/* PAGE
-------------------------------------------------------------- */
html { background:url(../images/bg.jpg) repeat-x center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } 
body { font-family:Verdana,Arial,Helvetica; font-size:11px; color:#544643; line-height:150%; }
h1 { color:#fff; font-size:32px; margin:14px 0; padding:0 0 5px 30px; border-bottom:1px dashed #ddd; }
h2 { color:#fff; font-size:24px; margin:21px 0 7px 0; padding-left:15px; }
h3 { color:#fff; font-size:20px; margin:14px 0 7px 0; }
h4 { color:#fff; font-size:18px; margin:14px 0 7px 0; }
h5 { color:#fff; font-size:15px; text-align:center; }
h6 { }
p { margin-bottom:14px; }
a:link, a:visited {color:#ff0; text-decoration:none; }
a:hover, a:active {color:#f90; text-decoration:underline; }
.fl_l {float:left;}
.fl_r {float:right;}
.txt_l {text-align:left;}
.txt_c {text-align:center;}
.txt_r {text-align:right;}
strong, b, em { font-weight:bold; }
hr { clear:both; }

/* CONTAINERS
-------------------------------------------------------------- */
#container { width:980px; margin:0 auto; overflow:hidden; } 

#header { width:980px; height:100px; clear:both; } 
#logo { width:600px; float:left; }
#fbi { width:284px; float:left; }
#flags { width:96px; float:left; }

#menu { width:900px; margin:10px 0; padding:10px 40px; height:20px; clear:both; background:transparent url(../images/bgc.png) repeat; }
#content { width:940px; padding:20px; margin:10px 0; background:transparent url(../images/bgc.png) repeat; overflow:hidden; color:#fff; } 
#top_photos { padding:2px 0; border-top:2px solid #ffe; border-bottom:2px solid #ffe; }
#footer { font-size:11px; width:980px; overflow:hidden; padding-top:5px; margin:10px auto; border-top:1px solid #aaa; }
#footer a:link, #footer a:visited { color:#de3e1c; text-decoration:none; padding:6px 10px; }
#footer a:hover, #footer a:active { color:#fff; background-color:#de3e1c; }
#footer p { margin-bottom:7px; }
.sites { font-size:10px; width:980px; overflow:hidden; padding-top:5px; margin:10px auto; border-top:1px solid #aaa; color:#aaa; }
.sites a:link, .sites a:visited { color:#de3e1c; text-decoration:none; padding:3px 6px; }
.sites a:hover, .sites a:active { color:#fff; background-color:#de3e1c; }
#social { width:980px; margin:5px auto; text-align:right; }
#map { width:600px; height:200px; float:right; }

.w120 { width:170px; float:left; text-align:center; background-color:#000; border:3px solid #ece0d4; padding:1px; margin:5px; color:#fff; }
.w120:hover { border:3px solid white; }

.w60 { width:78px; float:left; text-align:center; background-color:#000; border:2px solid #ece0d4; padding:2px 4px; margin:2px; color:#fff; }
.w60:hover { border:2px solid white; }

.wcode { width:100px; float:left; }
.wdim { width:100px; float:left; text-align:right; }
.col1 { width:600px; float:left; text-align:center; }
.col2 { width:340px; float:left; clear:right; }

.w300 { width:286px; float:left; text-align:center; }
.w340 { width:286px; float:left; text-align:center; padding:0 20px; margin:0 20px; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.w300 p, .w340 p { padding:0 10px; } 

.photos_box { width:330px; float:right; margin-left:10px; }

/* IMAGES
------------------------------------------------------------------*/
.iphotos { margin:10px auto 0 auto; padding:3px 0; background-color:#ffe; }
.bimgr { background-color:#fff; border:1px solid #ffe; padding:4px; margin:4px 0 6px 6px; }
.intimg { background-color:#fff; border:1px solid #ffe; padding:4px; margin:4px 0; }

.thumbs img { background-color:#e1d6c5; padding:5px; margin:0 0 5px 5px; }
.thumbs:hover { background-color:transparent; }
.thumbs:hover img { background-color:#fff; }

.gallery img { background-color:#e1d6c5; padding:5px; margin:8px; }
.gallery:hover { background-color:transparent; }
.gallery:hover img { background-color:#fff; }

.galleryart img { background-color:#e1d6c5; padding:2px; margin:2px; }
.galleryart:hover { background-color:transparent; }
.galleryart:hover img { background-color:#fff; }

.places img { background-color:#97c8e1; padding:5px; margin:10px; margin-right:0;}
.places:hover { background-color:transparent; }
.places:hover img { background-color:#fff; }

.intro img { background-color:#05aaa3; padding:2px; margin:2px; }
.intro:hover { background-color:transparent; }
.intro:hover img { background-color:#fff; }


/* MAIN NAVIGATION
------------------------------------------------------------------*/
ul#nav_el { height:20px; display:inline; }
ul#nav_el li,ul#nav_en li,ul#nav_de li { display:block; float:left; text-indent:-9999px;}
ul#nav_el li a { display:block; height:20px; text-decoration: none; margin:0 34px; background:transparent url(../images/nav_el.png) no-repeat; }
ul#nav_en li a { display:block; height:20px; text-decoration: none; margin:0 37px; background:transparent url(../images/nav_en.png) no-repeat; }
ul#nav_de li a { display:block; height:20px; text-decoration: none; margin:0 34px; background:transparent url(../images/nav_de.png) no-repeat; }

ul#nav_el li#home a:link, ul#nav_el li#home a:visited { width:32px; background-position: 0 -15px;}
ul#nav_el li#home a:hover, ul#nav_el li#home a:focus { background-position: 0 -65px;}
ul#nav_el li#company a:link, ul#nav_el li#company a:visited { width:98px; background-position: -200px -15px;}
ul#nav_el li#company a:hover, ul#nav_el li#company a:focus { background-position: -200px -65px;}
ul#nav_el li#products a:link, ul#nav_el li#products a:visited { width:120px; background-position: -400px -15px}
ul#nav_el li#products a:hover, ul#nav_el li#products a:focus { background-position: -400px -65px;}
ul#nav_el li#art a:link, ul#nav_el li#art a:visited { width:54px; background-position: -600px -15px}
ul#nav_el li#art a:hover, ul#nav_el li#art a:focus { background-position: -600px -65px;}
ul#nav_el li#photos a:link, ul#nav_el li#photos a:visited { width:90px; background-position: -800px -15px}
ul#nav_el li#photos a:hover, ul#nav_el li#photos a:focus { background-position: -800px -65px;}
ul#nav_el li#contact a:link, ul#nav_el li#contact a:visited { width:89px; background-position: -1000px -15px}
ul#nav_el li#contact a:hover, ul#nav_el li#contact a:focus { background-position: -1000px -65px;}
ul#nav_el li#creation a:link, ul#nav_el li#creation a:visited { width:109px; background-position: -1200px -15px}
ul#nav_el li#creation a:hover, ul#nav_el li#creation a:focus { background-position: -1200px -65px;}
ul#nav_el li#diff a:link, ul#nav_el li#diff a:visited { width:80px; background-position: -1400px -15px}
ul#nav_el li#diff a:hover, ul#nav_el li#diff a:focus { background-position: -1400px -65px;}
ul#nav_el li#step a:link, ul#nav_el li#step a:visited { width:78px; background-position: -1600px -15px}
ul#nav_el li#step a:hover, ul#nav_el li#step a:focus { background-position: -1600px -65px;}

ul#nav_en li#home a:link, ul#nav_en li#home a:visited { width:37px; background-position: 0 -15px;}
ul#nav_en li#home a:hover, ul#nav_en li#home a:focus { background-position: 0 -65px;}
ul#nav_en li#company a:link, ul#nav_en li#company a:visited { width:65px; background-position: -200px -15px;}
ul#nav_en li#company a:hover, ul#nav_en li#company a:focus { background-position: -200px -65px;}
ul#nav_en li#products a:link, ul#nav_en li#products a:visited { width:98px; background-position: -400px -15px}
ul#nav_en li#products a:hover, ul#nav_en li#products a:focus { background-position: -400px -65px;}
ul#nav_en li#art a:link, ul#nav_en li#art a:visited { width:143px; background-position: -600px -15px}
ul#nav_en li#art a:hover, ul#nav_en li#art a:focus { background-position: -600px -65px;}
ul#nav_en li#photos a:link, ul#nav_en li#photos a:visited { width:50px; background-position: -800px -15px}
ul#nav_en li#photos a:hover, ul#nav_en li#photos a:focus { background-position: -800px -65px;}
ul#nav_en li#contact a:link, ul#nav_en li#contact a:visited { width:59px; background-position: -1000px -15px}
ul#nav_en li#contact a:hover, ul#nav_en li#contact a:focus { background-position: -1000px -65px;}

ul#nav_de li#home a:link, ul#nav_de li#home a:visited { width:37px; background-position: 0 -15px;}
ul#nav_de li#home a:hover, ul#nav_de li#home a:focus { background-position: 0 -65px;}
ul#nav_de li#company a:link, ul#nav_de li#company a:visited { width:66px; background-position: -200px -15px;}
ul#nav_de li#company a:hover, ul#nav_de li#company a:focus { background-position: -200px -65px;}
ul#nav_de li#products a:link, ul#nav_de li#products a:visited { width:124px; background-position: -400px -15px}
ul#nav_de li#products a:hover, ul#nav_de li#products a:focus { background-position: -400px -65px;}
ul#nav_de li#art a:link, ul#nav_de li#art a:visited { width:163px; background-position: -600px -15px}
ul#nav_de li#art a:hover, ul#nav_de li#art a:focus { background-position: -600px -65px;}
ul#nav_de li#photos a:link, ul#nav_de li#photos a:visited { width:41px; background-position: -800px -15px}
ul#nav_de li#photos a:hover, ul#nav_de li#photos a:focus { background-position: -800px -65px;}
ul#nav_de li#contact a:link, ul#nav_de li#contact a:visited { width:61px; background-position: -1000px -15px}
ul#nav_de li#contact a:hover, ul#nav_de li#contact a:focus { background-position: -1000px -65px;}


/* MAIN NAVIGATION "ACTIVE TABS"
------------------------------------------------------------------*/
body.home-page ul#nav_el li#home a { background-position: 0 -115px;}
body.company-page ul#nav_el li#company a { background-position: -200px -115px;}
body.products-page ul#nav_el li#products a { background-position: -400px -115px;}
body.art-page ul#nav_el li#art a { background-position: -600px -115px;}
body.photos-page ul#nav_el li#photos a { background-position: -800px -115px;}
body.contact-page ul#nav_el li#contact a { background-position: -1000px -115px;}
body.creation-page ul#nav_el li#creation a { background-position: -1200px -115px;}
body.diff-page ul#nav_el li#diff a { background-position: -1400px -115px;}
body.step-page ul#nav_el li#step a { background-position: -1600px -115px;}

body.home-page ul#nav_en li#home a { background-position: 0 -115px;}
body.company-page ul#nav_en li#company a { background-position: -200px -115px;}
body.products-page ul#nav_en li#products a { background-position: -400px -115px;}
body.art-page ul#nav_en li#art a { background-position: -600px -115px;}
body.photos-page ul#nav_en li#photos a { background-position: -800px -115px;}
body.contact-page ul#nav_en li#contact a { background-position: -1000px -115px;}

body.home-page ul#nav_de li#home a { background-position: 0 -115px;}
body.company-page ul#nav_de li#company a { background-position: -200px -115px;}
body.products-page ul#nav_de li#products a { background-position: -400px -115px;}
body.art-page ul#nav_de li#art a { background-position: -600px -115px;}
body.photos-page ul#nav_de li#photos a { background-position: -800px -115px;}
body.contact-page ul#nav_de li#contact a { background-position: -1000px -115px;}


/* FORM
------------------------------------------------------------------*/
.contactForm  { width:940px; margin:5px 0; overflow:hidden; list-style:none; }
.contactForm fieldset { }
.contactForm legend { padding:0 10px; margin-left:20px; color:#fff; font-size:1.16em; }
.contactForm ul { margin:0; }
.contactForm ul li { clear:both; background:none; display:block; }
.contactForm ul label { display:block; float:left; width:320px; padding:3px 0; text-align:right; margin-right:5px; }
.contactForm .txtField  {float:left; padding:3px; width:240px; margin:5px 0 7px 0; color:#000; border:1px solid #ffe; outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#999; background:#eee;}
.contactForm .txtArea {float:left; padding:3px; width:240px; height:100px; margin:5px 0 7px 0; color:#000; border:1px solid #ffe; outline:none;}
.contactForm .txtArea:hover, .txtArea:focus, .txtArea:active { border-color:#999; background:#eee;}
.contactForm .selectf  {float:left; padding:3px; width:240px; margin:5px 0 7px 0; color:#000;border:1px solid #ccc;outline:none;}
.contactForm .btn_send_el { background:url(../images/btn_send_el.png); width:102px; height:32px; display:block; clear:both; border:0; margin-left:370px; }
.contactForm .btn_send_el:hover { background-position:0 -32px; cursor:pointer; }
.contactForm .btn_send_en { background:url(../images/btn_send_en.png); width:102px; height:32px; display:block; clear:both; border:0; margin-left:370px; }
.contactForm .btn_send_en:hover { background-position:0 -32px; cursor:pointer; }
.contactForm .btn_send_de { background:url(../images/btn_send_de.png); width:102px; height:32px; display:block; clear:both; border:0; margin-left:370px; }
.contactForm .btn_send_de:hover { background-position:0 -32px; cursor:pointer; }
.error { font-size:11px; color:red; text-align:center; }


/* BUTTONS
------------------------------------------------------------------*/
.btn_more_el { background:url(../images/btn_more_el.png); width:150px; height:32px; display:block; background-position:0 -32px; margin-left:65px; }
.btn_more_el a { background:url(../images/btn_more_el.png); width:150px; height:32px; display:block; }
.btn_more_en { background:url(../images/btn_more_en.png); width:150px; height:32px; display:block; background-position:0 -32px; margin-left:65px; }
.btn_more_en a { background:url(../images/btn_more_en.png); width:150px; height:32px; display:block; }
.btn_more_de { background:url(../images/btn_more_de.png); width:150px; height:32px; display:block; background-position:0 -32px; margin-left:65px; }
.btn_more_de a { background:url(../images/btn_more_de.png); width:150px; height:32px; display:block; }

/* SLIDER
------------------------------------------------------------------*/
.slider { margin:0 auto; width:980px; height:320px; position:relative; padding-bottom:26px; background:url(../images/bottom_shadow.png) no-repeat bottom center; }
.sliderContent { float:left; width:980px; height:320px; clear:both; position:relative; overflow:hidden; } 
.sliderArrows a { display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(../images/prev_next.png); width:42px; height:42px; position:absolute; top:50%; margin-top:-34px; }
.prev { background-position:0 0; left:15px; }
.prev:hover { background-position:0 -44px; }
.next { right:15px; background-position:-44px 0; }
.next:hover { background-position:-44px -44px; } 
.sliderContent .item { position:absolute; width:980px; height:320px; background:#fff; }
.sliderBullets { position:absolute; bottom:0; left:50%; z-index:50; margin-left:-45px; }
.sliderBullets a { display:block; float:left; text-indent:-9999px; outline:none; margin-left:5px; width:10px; height:11px; background:url(../images/bullets.png) no-repeat; }
.sliderBullets .active { background-position:0 -11px; }
.sliderContent a { outline:none; }