/* 
============[   CSS v2.5   ]==============
==========================================
============[ last update  ]==============
============[  20.12.2007  ]==============
============[      by      ]==============
============[     CNS      ]==============
==========================================
*/
 
body
{
   background-color: black;
   color: white;
   margin-top: 0px;
   padding: 0px 0px 0px 0px;
   margin-left: 0px;
}

a
{
   text-decoration: none;
   color: white;
}

b
{
   color: #A4A4A4;
}

div#area
{
   position: absolute; 
   top: 50%; 
   left: 50%;
   width: 1010px; 
   height: 590px;
   margin-top: -320px; 
   margin-left: -495px; 
}

div#header
{
   position: relative;
   width: 990px;
   height: 60px;
}

.align_right
{
   margin-left: 5px;
}

.align_right2
{
   margin-left: 44px;
}
/* 
--[Optional top alpha-blending gradient styles]--
div.grad
{
   background: url(../images/gradhorizontal.gif) repeat-y;
   filter:alpha(opacity=30);
   -moz-opacity:0.3;
   opacity: 0.3;
   z-index: 65; 
   width: 990px;
   height: 37px;
   line-height: 5px;
}
*/

div#middle
{
   position: relative;
   width: 990px;
   height: 460px;
}

div#footer
{
   position: relative;
   width: 990px;
   height: 72px;
}

div.flash
{
   position: absolute;
   margin: 0px;
   padding-left: 0px;
   width: 340px;
   height: 460px;
   float: left;   
}

div.flash_spec
{
   position: absolute;
   margin: 0px;
   padding-left: 0px;
   width: 340px;
   height: 460px;
   float: left;  
   background: url(../images/trends3_bcg.jpg) left bottom no-repeat;
}

div.flash_spec2
{
   position: absolute;
   margin: 0px;
   padding-left: 0px;
   width: 340px;
   height: 460px;
   float: left;  
   background: url(../images/prize_bcg.jpg) left bottom no-repeat;
}

div.flash_spec3
{
   position: absolute;
   margin: 0px;
   padding-left: 0px;
   width: 340px;
   height: 460px;
   float: left;  
   background: url(../images/design_bcg.jpg) left bottom no-repeat;
}



div.flash2
{
   position: absolute;
   margin-left: 345px;
   margin-top: 0px;
   width: 645px;
   height: 460px;
   float: right;  
}

div.flash3
{
   position: absolute;
   margin-left: 0px;
   margin-top: 0px;
   width: 530px;
   height: 170px;
   float: left;
}

div.flash_spec_aktualnosci
{
   position: absolute;
   margin: 0px;
   padding-left: 0px;
   width: 340px;
   height: 460px;
   float: left;  
   background: url(../images/aktualnosci3_bcg.jpg) left bottom no-repeat;
}

div.text_pic
{
   position: absolute;
   margin-top: 0px;
   margin-left: 340px;
   background: url(../images/firma_bcg.jpg) no-repeat;
   width: 650px;
   height: 460px;
}

div.text_pic2
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   width: 450px;
   height: 460px;
}

div.text
{
   text-align: justify;
}

div.support_container
{
margin-left: 340px;
height: 460px;

}

.support_container #myScrollContainer, #myScrollContainer3 
{
   margin-left: 340px;
}

div.text_pictrends
{
   position: absolute;
   margin-top: 0px;
   margin-left: 340px;
   background: url(../images/trends3_bcg.jpg) right bottom no-repeat;
   width: 650px;
   height: 460px;
}

div.text_picdesign
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/design_bcg.jpg) right bottom no-repeat;
   width: 990px;
   height: 460px;
}

div.text_picactual
{
   position: absolute;
   margin-top: 0px;
   margin-left: 340px;
   background: url(../images/aktualnosci3_bcg.jpg) right bottom no-repeat;
   width: 650px;
   height: 460px;
}

div.text_picgeschaft
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/geschaft_bcg.jpg) no-repeat;
   width: 990px;
   height: 460px;
}

div.text_pickontakt
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/kontakt_bcg.jpg) no-repeat;
   width: 990px;
   height: 460px;

}

div.text_picprize
{
   position: absolute;
   margin-top: 0px;
   margin-left: 340px;
   background: url(../images/prize_bcg.jpg) right bottom no-repeat;
   width: 650px;
   height: 460px;

}

div.text_picphotosession
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/photosession2010_bcg.gif) no-repeat;
   width: 990px;
   height: 460px;

}

div.text_pickoll
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/kollektion_bcg.gif) no-repeat;
   width: 990px;
   height: 460px;
}

div.text_pickoll2
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/kollektion2_bcg.jpg) no-repeat;
   width: 990px;
   height: 460px;
}

div.text_pickoll3
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/kollektion3_bcg.jpg) no-repeat;
   width: 990px;
   height: 460px;
}
div.text_pickoll4
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/kollektion4_bcg.jpg) no-repeat;
   width: 990px;
   height: 460px;
}

div.text_pickoll5
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/kollektion5_bcg.jpg) no-repeat;
   width: 990px;
   height: 460px;
}

div.text_pickoll6
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/kollektion6_bcg.jpg) no-repeat;
   width: 990px;
   height: 460px;
}

div.text_pickoll7
{
   position: absolute;
   margin-top: 0px;
   margin-left: 0px;
   background: url(../images/kollektion7_bcg.jpg) no-repeat;
   width: 990px;
   height: 460px;
}

div.logo
{
   position: relative;
   background: url(../images/simple_logo.gif) no-repeat;
   width: 108px;
   height: 47px;
   margin-left: 20px;
   margin-top: 100px;  
}

div.logo_design
{
   position: absolute;
   background: url(../images/simple_logo.gif) no-repeat;
   width: 108px;
   height: 47px;
   margin-left: 360px;
   margin-top: 100px; 
}

div.logo2
{
   position: absolute;
   background: url(../images/simple_logo.gif) no-repeat;
   width: 108px;
   height: 47px;
   margin-left: 240px;
   margin-top: 100px;  
}

div.logo3
{
   position: relative;
   background: url(../images/simple_logo.gif) no-repeat;
   width: 108px;
   height: 47px;
   margin-left: 360px;
   margin-top: 100px;  
}

div.logogeschaft
{
   position: absolute;
   background: url(../images/simple_logo.gif) no-repeat;
   width: 108px;
   height: 47px;
   margin-left: 360px;
   margin-top: 100px;  
}

div.logokoll
{
   position: absolute;
   background: url(../images/simple_logo.gif) no-repeat;
   width: 108px;
   height: 47px;
   margin-left: 167px;
   margin-top: 210px;  
}

div.thumbskoll
{
   position: absolute;
   width: 500px;
   height: 200px;
   margin-left: 50px;
   margin-top: 320px; 
       cursor: pointer; 
}

div.thumbskoll_design
{
   position: absolute;
   width: 260px;
   height: 110px;
   margin-left: 40px;
   margin-top: 320px; 
   cursor: pointer; 
}

#thumbskoll .image_arrow, #thumbskoll_design .image_arrow
{
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 10px;
  cursor: pointer;
}

#thumbskoll .image_arrow img, #thumbskoll_design .image_arrow img 
{
  border: solid 1px #999999;
}

#myScrollContainer 
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 8pt;
	margin-top: 160px; 
	margin-left: 20px; 
	width: 180px; 
	height: 267px; 
	clip: rect(0, 18, 267, 0); 
	overflow: hidden; 
	
}
#myScrollContainer2 
{
	position: absolute;
  font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 8pt;
	margin-top: 160px; 
	margin-left: 240px; 
	width: 180px; 
	height: 267px; 
	clip: rect(0, 18, 267, 0); 
	overflow: hidden; 
	
}


#staticbuttons a
{
	display: block;
	float: left;
	margin-left: 3px;
}

#staticbuttons img
{
	border: 0px;
}

#myScrollContainer3 
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 8pt;
	margin-top: 160px; 
	margin-left: 20px; 
	width: 180px; 
	height: 267px; 
	clip: rect(0, 18, 267, 0); 
	overflow: hidden; 
	
}

div.myNoscrollContent
{
	position: absolute;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	top: 160px; 
	left: 360px; 
	width: 180px; 
	height: 267px;
	float: left;	
}

#myScrollContainer, #myScrollContainer3 , #myScrollContent
{
 	position:absolute;
}

#myScrollContent 
{ 
 	left:0px; 
	top:0px; 
	width: 180px; 
}

div.arrows
{
   position: absolute;
   text-align: right;
   width: 45px;
   height: 12px;
   margin-left: 155px;
   margin-top: 433px;  
}

div.pic
{
   position: absolute;
   width: 400px;
   height: 400px;
   margin-left: 210px;
   margin-top: -88px;
}

div.picgeschaft
{
   position: absolute;
   width: 400px;
   height: 400px;
   margin-left: 210px;
   margin-top: -88px;
}

div.pickontakt
{
   position: absolute;
   width: 400px;
   height: 400px;
   margin-left: 550px;
   margin-top: -88px;
}

div.pickoll
{
   position: absolute;
   width: 400px;
   height: 400px;
   margin-left: 550px;
   margin-top: 60px;
}


div#langs 
{
    position: relative;
    margin-top: 24px;
    margin-left: 0px;
    background-color: #1D1E20;
    border-top: solid 1px #545C67;
    width: 990px;
    height: 25px;
    margin-bottom: 0px;
    z-index: 50;
}

div#top_line
{
   height: 8px;
   width: 990px;
   position: relative;
   background: #2D3139;
   top:23px;
   margin-left: 0px;
   border-bottom: solid 1px black;
   border-top: solid 1px black;
   line-height: 8px;
   z-index: 51;
}

div#navigation
{
    position: relative;
    margin-top: 0px;
    left: 0px;
    background-color: #0F0F0F;
    border-bottom: solid 1px #545C67;
    border-top: solid 1px #545C67;
    width: 990px;
    height: 30px;
    float: left;
    z-index: 3;
    
}


div#thin_line1
{
   position: absolute;
   height: 1px;
   background: #545C67;
   top: 15px;
   left: 0px;
   z-index: 6;
   line-height: 0px;
}

div#thin_line2
{
   position: absolute;
   width: 280px;
   height: 1px;
   background: #545C67;
   top: 15px;
   left: 710px;
   z-index: 7;
   line-height:0px;
}


div#menu
{
   position: absolute;
   left: 0px;
   top: 3px;
   z-index: 4;
}

div#footer_line
{
   background: #1D1E20;
   border-bottom: solid 1px black;
   border-top: solid 1px black;
   height: 40px;
   width: 990px;
   position: relative;
   top: 0px;
   left: 0px;
   clear: left;
}

div#footer_line p
{
   position: relative;
   color: white;
   font: 7pt Tahoma;
   margin-left: 680px;
   margin-top: 21px;
}

ul li a
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    border-left: white dotted 1px;
    background: #0F0F0F;

}

div#nav_top ul li a
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    border-left: white dotted 1px;
    background: #0F0F0F;

}

ul li a:visited
{
    color: white;
    text-decoration: none;
}

ul li a:link
{
    color: white;
    text-decoration: none;
}

ul li a:hover
{
	background: gray;
}


a.arrow, a:link.arrow {
	border: 1px solid #333333;	
}

a:hover.arrow {
	border: 1px solid #666666;	
}

a.thumb1, a:link.thumb1 {
	border: 2px solid #666666;
	height: 90px;		
}

.thumb1, .thumb2 {
	height: 90px;	
}

a:hover.thumb1 {
	border: 2px solid #999999;	 
}

a.thumb2, a:link.thumb2, a:hover.thumb2 {
	border: 6px solid #666666;	
}


div#nav 
{
position: absolute;
right: 230px;
top: 5px;
background: #1C1C1C;
font: 7pt Tahoma;
text-align: center;
vertical-align: middle;
color: white;

}

div#lang_nav 
{
position: absolute;
right: 391px;
top: 5px;
background: #1C1C1C;
font: 7pt Tahoma;
text-align: center;
vertical-align: middle;
color: white;
}

div#nav_top 
{
position: absolute;
right: 10px;
top: 5px;
background: #1C1C1C;
font: 7pt Tahoma;
text-align: center;
vertical-align: middle;
color: white;
}

div#nav_top ul li a:hover
{
   background-color: gray;
}

ul
{
margin: 0; 
padding: 0;
}

li
{
position: relative;
list-style: none; 
margin: 0;
float: left;
height: 20px;
width: auto;

}

li.hider
{
   color: #0F0F0F;
   background-color: #0F0F0F;
   height: 22px;
   width: 70px;
}


div#nav_top li
{
position: relative;
list-style: none; 
margin: 0;
float: left;
height: 20px;
width: 20px;

}

li a 
{
display: block;

}

div#nav>ul a
{
width: auto;
}

div#nav ul ul
{
position: absolute;
width: 10px;
display: none;
}

div#nav ul.level1 li.submenu:hover ul.level2
{
display: block;
}

div#lang_nav>ul a
{
width: auto;
}

div#lan_nav ul ul
{
position: absolute;
width: 10px;
display: none;
}

/*  
--[Submenu styles]--
div#nav li.submenu
{

}
*/
div#nav li.width80
{
   width: 80px;
   border-right: white dotted 1px;
}

div#nav li.contact_menu
{
   border-right: white dotted 1px; 
}

.last a
{
   border-right: white dotted 1px; 
}

div#nav ul.level2 
{
top: 20px; 
left: 0px;

}

div#nav ul.level2 li
{
width: 135px;
border-right: 1px dotted white;
}

div #gallery a
{
  margin-right: 5px;
  float: left;
}

div #gallery img
{
  border: 1px solid #999999;
}

div #gallery #signed
{
  border: 11px solid #999999;  
}