/* ------------------------------------------------------------------------------------
-- OVERARCHING LAYOUT
------------------------------------------------------------------------------------ */

body {padding:0px; font-size:81.25%; font-family:arial, helvetica, sans-serif; color:#ddd; text-align:center; line-height:1.4em; background:#236DB3;  height:auto;}
#wrapper { margin:0 auto; text-align:left; width: 989px; height:auto;}
.container, .container-alt {position:relative; width:987px;  margin:0 auto; }
.container-alt {border-color:#1d2327; padding:0px;}

.lang {text-align: right;  padding: 0 10px 0 900px;  position:absolute; top:20px; z-index:60;}
.lang a:link, .lang a:visited { color:#FFF; font-size:80%;  text-decoration:none; }
.lang a:hover, .lang a:focus, .lang a:active {color:#F5F3F3; text-decoration:underline;font-size:80%; }
/* ------------------------------------------------------------------------------------
-- BASE STYLES
------------------------------------------------------------------------------------ */

a:link, a:visited {color:#2A567A; text-decoration:underline;}
a:hover, a:focus, a:active {color:#8F4F2C; text-decoration:none;}

h1, h2, h3, h4 {font-weight:normal; padding:5px;}
h1 em {font-style:normal;}
p {margin:0.5em 0 1.25em;}

.img_center {text-align:center; padding:10px 0; margin:0 auto;}
.img_left {float:left; margin:10px 15px 10px 0;}
.img_right {float:right; margin:10px 0px 10px 15px;}

/* ------------------------------------------------------------------------------------
-- PARTNERS
------------------------------------------------------------------------------------ */
#partners {position: absolute; top: 0; width: 486px; background:#D3D2D2; border-left: 1px solid #9E9E9E; border-right: 1px solid #9E9E9E; border-bottom: 1px solid #9E9E9E; text-align:right;z-index:100; margin: 0 0 0 501px;}
 #partners .partn {text-align:center; color:#9E9E9E; font-size:80%; display:block; float:right; padding: 0 30px 0 0;}
.partn  a:link,.partn a:visited {color:#9E9E9E; text-decoration:none;}
.partn a:hover,.partn a:focus,.partn a:active {color:#7E7F7F; text-decoration:underline;}

/* ------------------------------------------------------------------------------------
-- HEADER    #header {height:333px; background:url(../images/web-top-flash.jpg) 0 0 no-repeat; } 
------------------------------------------------------------------------------------ */
 #toplogo {width:987px; height:223px; z-index:20; margin:0;}
 #header {width:501px; height:249px; background:url(../images/top/dw-logo.jpg) 0 0 no-repeat; position:absolute; top:0; margin:0; } 
 .topflash { background:#ccc; width:486px; height:246px; position:absolute; top:0; margin: 0 0 0 501px; border: 1px solid #9E9E9E; z-index:1;}
/* ------------------------------------------------------------------------------------
-- HEADER2
------------------------------------------------------------------------------------ */
 #toplogo2 {height:153px; z-index:20;}
 #header2 {width:987px; height:179px; background:url(../images/top/dw-logo2.jpg) 0 0 no-repeat;  position:absolute; top:0; margin:0;} 
 
  #tkontakt {width:987px; height:179px; background:url(../images/top/kontakt.jpg) 0 0 no-repeat;  position:absolute; top:0; margin:0;}
  #treference {width:987px; height:179px; background:url(../images/top/ref.jpg) 0 0 no-repeat;  position:absolute; top:0; margin:0;} 
  #tpartneri {width:987px; height:179px; background:url(../images/top/part.jpg) 0 0 no-repeat;  position:absolute; top:0; margin:0;} 
  #timaging {width:987px; height:179px; background:url(../images/top/imag.jpg) 0 0 no-repeat;  position:absolute; top:0; margin:0;} 
  #tweb {width:987px; height:179px; background:url(../images/top/web.jpg) 0 0 no-repeat;  position:absolute; top:0; margin:0;} 
  #tgraf {width:987px; height:179px; background:url(../images/top/graf.jpg) 0 0 no-repeat;  position:absolute; top:0; margin:0;} 
  #terror {width:987px; height:179px; background:url(../images/top/error.jpg) 0 0 no-repeat;  position:absolute; top:0; margin:0;} 
 /* ------------------------------------------------------------------------------------
EN -- HEADER1    #header {height:333px; background:url(../images/web-top-flash.jpg) 0 0 no-repeat; } 
------------------------------------------------------------------------------------ */

 #header1 {width:987px; height:352px; background:url(../images_en/web-top-flash.jpg) 0 0 no-repeat; position:absolute; top:0; margin:0; } 
 #header1 .topflash { text-align:center;}
/* ------------------------------------------------------------------------------------
EN -- HEADER21 
------------------------------------------------------------------------------------ */
 #header21 {width:987px; height:179px; background:url(../images_en/web-top.jpg) 0 0 no-repeat;  position:absolute; top:0; margin:0;} 
 
 .atelier {margin: 20px 0 0 9px; width:468px; height:60px;}
 .atelier img {border:none;}