* {
margin: 0;
padding: 0;
}

a
{
  color: #ddd;
}

body 
{
  text-align: center;
  font: normal normal 12px/1.2 Verdana,Arial,sans-serif;
  line-height:1.4em;
  background: black;
  color:#8d8d8d;
  background:url('bgPageTop.jpg') top center no-repeat;
}

html 
{ 
  background: #000000 url('bgPageTopRepeat.jpg') top repeat-x; 
}
 
#container 
{ 
  margin:0 auto;
  width: 918px;
  background: black;
  overflow: hidden;
}


a:link    {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:hover   {text-decoration: none; }
a:active  {text-decoration: underline; }

.toLeft   {float: left;}
.toRight   {float: right;}

img {border: none;}

h1 {
font-size: 130%;
padding:5px 0 0 0;
line-height: 130%;
color: black;
font-weight: bold; 
}

h2 {
padding:0;
margin:0;
font-size: 160%;
line-height:100%;
color: #64c8e3;
}

h3 {
margin:0;
padding:0;
color: #64c8e3;
font-size: 120%;
line-height: 2.0em;
}
h4 {
font-size:100%;
color:#cf990a;
padding:0;
margin:0;
}
h5 {
font-size:110%;
}


#work a {
color:#56c8e3;
}
#work h2 {
color:#419cb4;
font-size: 180%;
font-weight: bold;
line-height: 2.0em;
}
#work h3 {
color:#444444;
font-size:140%;
line-height: 2.0em;
padding-top:0px 0;
}
#work h4 {
color:#f5a212;
font-size:120%;
line-height: 2.0em;
}


#work p {
color:#333;
margin:0 0 10px 0;
padding:0;
}
#work ol {
margin:5px 0 10px 0;
padding:0 0 0 30px;
}
#work ul {
margin:5px 0 10px 12px;
padding:0;
}
#work ol li {
margin:0;
padding:0;
list-style-type:decimal;
}
#work ul li, ol li ul li {
margin:0;
padding:0 0 0 20px;
list-style:none;
}
#work ol li ul {
margin:0;
}
#work li {
background:url('bg_li_basic.gif') 0 5px no-repeat;
}
#work blockquote {
background-color:#a5e4f4;
padding:12px 12px 4px 12px;
margin:0 0 12px 0;
color:#444;
}
#work img {
padding:1px;
border:1px solid gray;
}



.template-news-list #work h3 a { color: #64c8e3; }
.template-search #work h2 { font-weight: normal; color: black}

h3.titleInContent, h3.titleInContent a { color: #64c8e3 }

h3.titleInContent 
{ 
  margin:0px; 
  padding-bottom: 10px; 
  line-height: 1em;
}

.newsBoxTop h2, .serialTop h2, .serialTop h3 
{ 
  font-size: 120%;
  line-height: 3em; 
  margin:0;  
  padding-left: 20px; 
}

ul, li {
padding:0;margin:0;
list-style: none;
}

#logo{
float:left;
padding:5px 0 0 15px;
width: 229px;
}

#footerInHeader
{

  position: absolute;
  top: 28px;
  right: 25px;
  padding: 0 0 5px 0;
}

#genesfooter{ 
background:url('footer-black.jpg') bottom center no-repeat;
padding:5px 0 17px 0;
width: 918px;
margin: 0 auto;

}

#genesfooter ul, #footerInHeader ul 
{
  display: inline;
}

#genesfooter ul li a, #footerInHeader ul li a
{
  color: #bdbdbd;
  text-decoration: none;
  position:relative;
  top:3px;
}


#genesfooter ul li a:hover, #footerInHeader ul li a:hover
{
  text-decoration: underline;
  color: #e0e0e0;
}


#genesfooter ul li, #footerInHeader ul li
{
  display: inline;
}

#genesfooter ul li span, #footerInHeader ul li span
{
  position: relative;
  top: 0px;
}

#footerInHeader li.ccs-0, #footerInHeader li.ccs-1, #footerInHeader li.ccs-2, #footerInHeader li.ccs-3, #footerInHeader li.ccs-4,
#footerInHeader li.ccs-5, #footerInHeader li.ccs-6, #genesfooter li
{
  background: url('iconsFooter.gif') no-repeat;
  padding: 0 5px 2px 18px;
  line-height: 20px;
}

#genesfooter li.ccs-0, #footerInHeader li.ccs-0 { background-position: 0 1px }
#genesfooter li.ccs-1, #footerInHeader li.ccs-1 { background-position: 0 -20px }
#genesfooter li.ccs-2, #footerInHeader li.ccs-2 { background-position: 0 -100px }
#genesfooter li.ccs-3, #footerInHeader li.ccs-3 { background-position: 0 -40px }
#genesfooter li.ccs-4, #footerInHeader li.ccs-4 { background-position: 0 -60px }
#genesfooter li.ccs-5, #footerInHeader li.ccs-5 { background-position: 0 -80px }
#genesfooter li.ccs-6, #footerInHeader li.ccs-6 { background-position: 0 -120px }



#header {
text-align:center;
background:url('headerBG.jpg') no-repeat;
margin:0 auto;
width:918px;
height:188px;
position:relative;
}

#header a#pageLogo { }

#header ul.mainPageSwitcher
{ 
  position: relative; 
  height: 35px;  
  display: block; 
  overflow: hidden; 
  float: right; 
  width: 623px; 
  margin-top: 78px;
}

#header ul.mainPageSwitcher li 
{ 
  display: block; 
  position: absolute; 
  width: 231px; 
  height: 35px;  
}

#header ul.mainPageSwitcher li.ccs-0 {left:0}
#header ul.mainPageSwitcher li.ccs-1 {left:195px}
#header ul.mainPageSwitcher li.ccs-2 {left:389px}
#header ul.mainPageSwitcher li.ccs-0 a {color:#717373}
#header ul.mainPageSwitcher li.ccs-1 a {color:#64c8e3}
#header ul.mainPageSwitcher li.ccs-2 a {color:#ffffff}
#header ul.mainPageSwitcher li a:hover
{
  text-decoration: underline;
  
}

#header ul.mainPageSwitcher li a 
{  
  display: block ; 
  width: 100%; 
  height: 100%; 
  font: normal bold 14px/2.5 sans-serif; 
  text-decoration: none; 
  color: #cddddf
} 



form.searchBox 
{ 
  position: absolute; 
  left: 86px; 
  top: 136px; 
  display: block; 
  font:  normal normal 14px/1.0 sans-serif; 
}

form.searchBox input.formSearchText { border: none; background: none;  padding: 4px  5px 0 5px; width: 175px; }
form.searchBox fieldset { border: none}

form.searchBox input {display: block; float: left; height: 19px;}
form.searchBox a.buttonSearch 
{
  background: url('buttonSearch.jpg'); 
  display: block; float: left; width:47px; height: 24px; 
  font: normal bold 12px/2.0 sans-serif; color: black; 
  margin-left: 8px;

} 

#header #textArea 
{ 
  position:absolute; 
  top: 125px; 
  left: 360px; 
  text-align:left; 
  color: #798788; 
  font: italic bold 12px/1.2 sans-serif; 
  padding-right: 30px
}

/*.quotes 
{ 
  background: url('quotesTop.jpg'); 
  width: 15px; 
  height: 9px; 
  float: left; 
  display:inline
}
.quotesBottom 
{ 
  background: url('quotesBottom.jpg'); 
  width: 13px; 
  height: 7px; 
  float: left; 
  display:inline
}*/

#header #textArea .quotesTop { top:-3px; position: relative }
#header #textArea .quotesBottom { top:3px; position: relative; padding-left: 1px; }

#textArea p {display:inline}

#main {
margin:0 auto;

/*width:1242px;*/
height:580px;   /* 471 */
/*background:url('fox.jpg') no-repeat -6px 109px;*/
padding-top: 0px;
position: relative;
}
a#linkHome {position: relative ; top: 118px; _top: 14px;  left: -287px; _left: -163px;}

a#homeSite{ display: block;  position: absolute; width: 32px; height: 38px; top: 118px ; left: 128px}


#myContent{ overflow: hidden; _height: 1%;  clear:both; padding: 0px 0 20px 0; }


#news{ 
  width:221px; 
  margin: 0 auto;  
  text-align: left;
  overflow: hidden;
  float: left;
  font-size: 8pt;
  line-height: 1.4em;
  }
  
.newsBody 
{  
  background: #2e2e2e url('newsBG_repeat.jpg') repeat-x bottom;
  overflow: hidden;
}


  
.newsBoxTop 
{   
  background: url('newsBoxTop.jpg');
  width:221px; 
  height: 47px; 
  background-repeat: no-repeat ; 
  display: block;
  overflow: hidden;
}

.newsBoxMiddle 
{  
  /*background: url('newsBoxMiddle.jpg'); */
  width:201px; 
  background-repeat: repeat-y; 
  padding: 0 10px 10px 10px;
}
.button { overflow:hidden}



.autor
{
  color: #64c8e3;
  font-size: 11px;
}

.newsBoxBottom 
{  
  /*background: url('newsBoxBottom.jpg');*/ 
  width:221px; 
  height: 21px; 
  background-repeat: no-repeat 
}

.myContentFooter 
{ 
  /*background: url('newsFooter.jpg');*/ 
  width:221px; 
  height: 42px; 
  background-repeat: no-repeat;
} 

.newsBoxMiddle img, .serialBody img 
{ 
  margin-right: 5px; 
  float: left;  
  display:block; 
  border: 1px solid #717373 
}

.makeSpace {overflow: auto; }

.dateBox 
{
  
  background: url('dateBox.jpg') top right no-repeat;  
  width:89px; 
  height: 24px; 
  text-align: center; 
  color:#717373;
  font-size: 10pt;
  line-height: 24px;
  
}

.previewImage {
float:left;
margin:10px 10px 0 0;
}
#work #newlist ul, #work #newlist li {
margin:0;padding:0;
}
#work #newlist li {
background: none;
padding:15px 0 15px 0; 
}

.template-news-item .dateBox, .template-news-list .dateBox, .template-article-item .dateBox, .template-article-list .dateBox
{
  float:left;
  margin:3px 10px 0 0;
  background: url('dateBoxW.jpg') top right no-repeat;
}

.boxFloatLeft
{
  float: left;
  width: 95px;
  overflow: hidden;
}

.template-article-item .autor 
{
  clear: left;
}


#menuContent 
{ 
 
  margin: 30px auto;
}

#menuContent ul.switcher 
{ 
  display: block; 
  overflow:hidden; 
 /*  background: url('menuContent.png') 0px 3px;  */
  background-repeat: no-repeat;  
  height: 31px; 
  position: relative;
  top: 1px;
  overflow: hidden;
}

#menuContent ul.switcher li 
{ 
  background: transparent url('switcherButton.jpg') no-repeat center 3px;
  overflow: hidden;  
  float: left; 
  cursor: pointer;
}
#menuContent ul.switcher a { 
  float:left; 
  width:140px; 
  height: 31px; 
  display:block; 
  text-decoration: none; 
  color: white; 
  text-align:center; 
  font: normal bold 14px/2.6 sans-serif
}
#menuContent ul.switcher a:hover { 
  text-decoration: underline;
}

#menuContent ul.switcher .active,#menuContent ul.switcher .ccs-0  a {
  background: transparent url('switcherButton_active.jpg');    /* menuContentHover. */
  color: black;
}


#contentBody { 
  text-align: left;  
  background: #d8e6e8 url('contentBG.jpg') top left repeat-x; 
  
 
  color: black;

}


#forYou, #somethingElse, #job
{
  padding: 20px 10px 20px 10px;
}

#contentFooter
{
  background: url('contentFooter.jpg') repeat-x;
  border-top: 1px solid #707070;
  
  height: 39px;
}



#serial 
{
  width: 221px; 
  text-align: left; 
  float: right;
  font-size: 8pt;
  line-height: 1.4em;
}

#serial .serialTop 
{ 
  overflow:hidden;  
  background: url('serialTop.jpg');
   width: 221px; 
   height: 47px;
}

/*#serial .serialBody {  background: url('serialBody.jpg') top left no-repeat; width: 201px; overflow: hidden;  padding: 0 10px 0 10px}*/
#serial .serialBody 
{  
  background: #2e2e2e url('serialBG_repeat.jpg') repeat-x bottom; 
  width: 211px; 
  overflow: hidden;  
  padding: 0 10px 0 0px;
}



#somethingElse, #job { display: none} 

.linkArrow
{ 
  display: block; height: 15px; width: 30px; 
  text-align: right; padding: 1px 20px 0 0; float: right;
  font: normal bold 12px/1.0 sans-serif;  
}
.arrowOrange:hover { /*background: url('buttonArrowBlack.jpg') top right no-repeat;*/ color: #378ec5}
.arrowOrange { background: url('buttonArrow.png') top right no-repeat; color: #57aec5} 

/*
a.buttonGo .buttonGoLeft
{
  background: url('buttonGO_left.jpg') no-repeat;
  padding: 5px 0px 5px 3px;
  margin:0px;
}
a.buttonGo .buttonGoRight
{
  background: url('buttonGO_right.jpg') no-repeat;
  padding: 5px 24px 5px 0;
  margin:0px;
}

a.buttonGo .buttonGoMiddle
{
  background: url('buttonGO_repeat.jpg') repeat-x; 
  padding: 5px 10px 5px 20px;
  color: #d9fdff;
  text-decoration: underline;
  font-weight: bold;
  margin:0px;
}

a.buttonGo:hover .buttonGoMiddle
{
  color: #b9dddf;
  text-decoration: none;
}*/



.buttonContainerRight
{
  text-align: left;
  background: url('buttonGO_left.gif') no-repeat;
  height: 26px;
  float: right;
  padding:0 0 0 2px;
  margin-top: 10px;
}

.template-news-list .buttonContainerRight
{
  margin: 0px 10px 9px 0;
}

.template-search .buttonContainerRight
{
  margin-right: 10px;
}

 /* background: url('workButtonArrowLeft.jpg') no-repeat;*/
  
.buttonContainerRight a 
{
  background: url('buttonGORright.gif') right;
  padding: 0px 30px 0 10px;
  display: block;
  float: left;
  height: 26px;
  color: #d9fdff !important;
  font-weight: bold;
  font-size:10px;
  line-height: 23px;
}

.buttonContainerRight a:hover { color: white}

.template-news-list .buttonGo
{
  background: url('workButtonArrow.jpg') right;
  height: 22px;
  padding: 0px 40px 0 10px;
  color: #64c8e3;
}
.template-news-list a.buttonGo:hover { color: #64c8e3;}



.newsListItemFooter
{
  background: url('workNewsItemFooter.jpg') center bottom repeat-x ;
  clear: both;
  overflow: hidden;
}

.template-search .newsListItemFooter { padding-bottom: 16px;}
.template-search .newsListItemFooter p { float: left; position: relative; top: 12px; left: 6px; }

/*#detailProduktContent, .template-basic #workspace, .template-menu-services #workspace, .template-news-list #workspace, .template-news-item #workspace*/
#workspace
{ 
  
  background: #d7e6e8; 
  text-align: left;
  border: 1px solid #505050;
  margin: 0 auto;
  
}
/*#detailProduktContent .contentBody, .template-basic #work, .template-menu-services #work, .template-news-list #work, .template-news-item #work*/ 
#work
{ 
  clear:both;
  border: 1px solid #e8eaea; 
  border-top: none;
  padding: 10px; 
  position: relative; 
  /*top: -32px;*/
  top: -1px;
  background: url('productContentBG.jpg') repeat-x 0px -1px;
  overflow: hidden;
  color: black;
  /*margin-bottom: -30px;*/
} 

.template-basic #work { padding-top: 30px;}

.template-news-item #work, .template-news-list #work, .template-search #work
{
  background: white url('workBGnewsItem.jpg') repeat-x bottom;
}

#newsNavigator
{
  clear:both;
  /*bottom: 35px;
  right: 25px;
  width:57px;
  height: 22px;*/
  float: right;
  margin: 10px 10px 10px 0;
  
}
#newsNavigator span
{
  position: relative;
  top:-5px;
  padding-right: 10px;
}
#newsNavigator span strong
{
  font-size: 15px;
}

#homepage #work {
clear:both;
padding: 0px;
margin: 0px;
min-height:400px;
/*background-image:url('noblocks.jpg') no-repeat;*/
background: black;
overflow: hidden;
border: none;
color: #8d8d8d;
}

#homepage #work ul, #homepage #work .switcher li { margin: 0; padding:0}


#homepage #workspace {
padding: 0px;
margin: 0px;
background:url('noblocks.jpg') no-repeat;
background-color:black;
border: none;

}



/* .template-basic #content, .template-menu-services #content, .template-news-list #content, .#template-news-item #content*/
/*#contentProduct, .template-basic #content, .template-menu-services #content, .template-news-list #content, .template-news-item #content*/
#content
{ 
  float: left; 
  width: 685px;
  clear: both;
}
#homepage #content
{
  float: left;
  clear: none;
  width: 448px;
  overflow: hidden;
  margin-left: 16px;
}

.sluzby .block{
width:271px;
height:331px;
background:url('block.jpg') no-repeat;
float:left;
margin:0 -15px 20px 14px;
_margin:0 -8px 20px 7px;
}

.pos { display: none }

/*
#genesfooter ul {text-align: center; line-height: 2em;}
#genesfooter ul li{ display:inline;   }
#genesfooter ul li a{ color: #888888; text-align: left; padding: 0 10px 0 10px; text-decoration: none }
#genesfooter ul li:after { content: "|"; }
#genesfooter ul li:last-child:after { content: ""; }
*/
#footer{   padding-bottom: 20px; }

#partners 
{ 
  background: url('partnersRepeat.jpg') center top repeat-x; 
  width: 918px; 
  height: 95px; 
  margin: 20px auto 10px auto;
}

#partners strong { color: #5ebcd5; padding: 0 20px 0 20px;}

#partners ul
{
  height: 95px;
  width: 870px;
  margin: auto;
}

#partners li
{ 
  display: block;
  background-position: center 10px;
  padding-top: 10px;
  background-repeat: no-repeat; 
  height: 95px;
  vertical-align: bottom;
  text-align: center;
  float: left;  
}

#partners li, #partners li a 
{
  width: 140px;
}

#partners li a 
{  
  display: none; 
  vertical-align: middle;
  text-align: center;
  height: 95px;
}

#partners li.logo1
{
  background-image: url('loga/vox_logo_cb.png');
}

#partners li.logo2
{
  background-image: url('loga/albion_logo_cb.png');
  /*width: 150px;*/
}

#partners li.logo3
{
  background-image: url('loga/narodni_muzeum_logo_cb.png');
}

#partners li.logo4
{
  background-image: url('loga/junak_logo_cb.png');
}

#partners li.logo5
{
  background-image: url('loga/adidas_logo_cb.png');
}

#partners li.logo6
{
  background-image: url('loga/cez_logo_cb.png');
}

#partners li.logo:hover, #partners li.logo1.hover { background-image: none; }

#partners li.logo:hover a, #partners li.hover a
{
  display: block;
}
#partners li img  { display: block; margin: auto; }

#geneslink {
margin:12px auto 0px auto;
width:400px; 
color:#666666;
font-size: 8pt;

}
#geneslink img { padding-right: 20px;}
#geneslink #footerCopy { position: relative; top: -10px;}



.img_genes {
float:left;
width:67px;height:50px;
margin:20px 0 0 10px;
background:url('genes_fox.jpg') no-repeat;
}




/******************************************************* MENU ************************************************/
#mainmenu{
/*    background: url('orangeBoxesBG.jpg') left top no-repeat; 
   width: 910px; */ 
   height: 120px; 
   
  
}

/***************** prvni uroven menu *******************************/
#mainmenu ul{
  background: transparent url('menuBG_repeat.jpg') repeat-x left top;
  height: 100%;
   
  /* padding-top: 9px;
 */
}

#mainmenu ul li a .description 
{
  padding-top: 5px;
  font-size: 8pt;
  line-height: 1.2em;
  color:#a0a0a0;
  display: block;
}


#mainmenu ul li{
  z-index: 10;
  float: left;
  display: block;
  font-size: 14px;
  text-align: center;
  position: relative;
  background: transparent url('menuBG_right.jpg') no-repeat right top;
}

#mainmenu ul li a{
  background: transparent url('menuBG_left.jpg') no-repeat left top;
  display: block;
  overflow:hidden;
  width: 137px; height: 92px;
  float:left;
  color: #64c8e3;
  text-decoration: none;
  font-weight: normal;
  font-size: 16px;
 /*  background: url('menuBoxOrange.jpg') top left no-repeat; */
  padding: 20px 70px 0 20px;
  margin: 0 2px 0 0px;
  _margin: 0 1px 0 0px;
  margin-left: 0px;
  text-align:left;
}

#mainmenu li.ccs-0 ul a { width: 217px; }

/************* druha uroven menu **********************/


#mainmenu ul li ul a 
{ 
  font-size: 14px ;
  line-height: 31px; 
  display: block; 
  overflow:hidden; 
  padding: 0 0 0 20px;   
  width: 210px !important;
  height: 31px; 
  background: url('menu_separator.jpg') 5px top no-repeat;

}


#mainmenu ul li ul li {
background: none;
height: 31px;
width: auto;
}

#mainmenu ul li ul
{
  position:absolute; 
  z-index:500;
  left:0;
  top:109px; 
  width: 100%;
  padding: 0;
  background: #0a0a0a url('submenuBG_repeat.jpg') repeat-x left bottom;
  border: 1px solid black;
  height: auto;
  width: 230px;
  clear:both;
}






#mainmenu ul li.ccs-0 a { width: 139px; }

/************************ treti uroven *************************/
#mainmenu li.last-child ul li ul
{
  display: none !important;
}

#mainmenu ul li ul li ul
{
  position: absolute;
  left: 230px;
  top: 0px;
}


/********************* hovers *****************************/

#mainmenu ul li:hover, #mainmenu ul li.hover{
  background: transparent url('menuBG_right_hover.jpg') no-repeat right top;
}

#mainmenu ul li:hover ul li, #mainmenu ul li.hover ul li
{
  background: none;
}


#mainmenu ul li a:hover, #mainmenu ul li a.hover { 
  color: #d8fdff;
}

#mainmenu li ul, #mainmenu ul li:hover ul li ul, #mainmenu ul li.hover ul li ul
{
  display:none;
}

#mainmenu ul li ul li:hover ul, #mainmenu ul li ul li.hover ul, #mainmenu ul li.hover ul, #mainmenu ul li:hover ul
{
  display:block;
}


/*
#mainmenu span {float: left;}
#mainmenu span.poz{ display: none;}
#mainmenu span.mainmenu-left{display: block; width: 8px; overflow: hidden; background: url(menu-a.jpg) top left no-repeat; height: 36px;}
#mainmenu span.mainmenu-mid{display: block;   font-family: Arial; padding-top: 8px;}
#mainmenu span.mainmenu-right{display: block; width: 8px; overflow: hidden; background: url(menu-c.jpg) top left no-repeat; height: 36px;}

#mainmenu a:hover, #mainmenu a:hover span{
  
}*/


/*
#mainmenu li.hover ul a span.mainmenu-mid,#mainmenu li:hover ul a span.mainmenu-mid{padding:0 0 0 3px;}
#mainmenu ul ul {padding-top: 0;}
#mainmenu li li{float: none; }
#mainmenu ul ul span.mainmenu-left{display: none;}
#mainmenu ul ul span.mainmenu-right{display: none;}
#mainmenu ul ul span.mainmenu-mid{padding-left: 8px;padding-right: 8px;}
*/


/************************ product page ***************************************/



#rightProductColumn
{
  width: 219px;
  overflow: hidden;
  float: right;
  text-align: left;
}

.productRightMenu
{
  background: #323232 url('menuProductRightBG.jpg') repeat-x bottom ;
  padding-bottom: 20px;
}

.productRightMenu li
{
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  background: url('menuProductRightLine.jpg') repeat-x bottom;
}

.productRightMenu li a 
{
  padding-left: 10px;
  display: block;
  text-decoration:none;
  color: #64c8e3;
  
}

.productRightMenu li a:hover
{
  color: white;
}

a.productRightLabel
{
  display: block;
  background: url('productRightLabel.jpg') no-repeat;
  height: 44px;
  line-height: 37px;
  font-weight: bold;
  width: 219px;
  color: #d9fdff;
  text-decoration: none;
  font-size: 16px;
  float: right;
  
}
a.productRightLabel:hover
{
  text-decoration: underline;
}

.symbolDollar, .symbolPlus 
{
  background: url('symbols.jpg'); float: left;  margin: 0 10px 0 10px;
}

.symbolDollar { width: 21px; height: 36px; }
.symbolPlus{ width:21px; height: 27px; background-position: -22px 0px; }

.facebook{ display:block; width: 219px; float: right; height: 44px;}
.linkContainer{  padding-left: 5px;}

#tips
{
   background: url('serialBG_repeat.jpg') center top repeat-x; 
   width: 221px; 
   overflow: hidden; 
   margin: 0 auto;
   text-align: left;
   float: right;
}
#tips .newsBoxMiddle
{
  padding-top: 4px;
  font-size: 8pt;
  line-height: 1.4em;
} 

#tips .label
{
  height: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  padding-left: 10px;
  background: url('menuProductRightLine.jpg') repeat-x bottom;
  color: #5ebcd5;
}

#tips h3
{
  padding-top:0px;
  margin-top:0px;
  
}
 
#rightProductColumn #serial 
{ 
  overflow: hidden; 
  margin:8px 0;
}

#rightProductColumn .serialBody { margin: 0; padding:0; width: 221px; }

p.formMessageError, p.formMessageOk {
  border: 1px solid #333228;
  text-align: center;
  margin-bottom: 2px; 
  color: #FFFFFF;
  font-size: 11px;
}

p.formMessageOk {
  background-color: #477700;
}

p.formMessageError {
  background-color: #7D1D00;
}

form#formOrder
{
  position:relative;
  width: 206px;
  height: 440px;
  background: url('formOrder.jpg');
  margin: 0 auto 0 auto;
  color: black;
  font-weight: bold; 
}
form#formOrder fieldset
{
  border: none;
}

#formOrder p#title {    padding: 2px 0 0 10px}
#formOrder p#title .l1 { font-size: 42px; line-height: 1.0em}
#formOrder p#title .l2 { font-size: 14px; line-height: 1.0em; position: relative; top: -2px;}
#formOrder p#title .l3 { font-size: 22px; line-height: 1.0em; position: relative; top: -4px;}

#formOrder #labelEmail, #formOrder #labelText, #formOrder #labelCaptcha {position: absolute}
#formOrder #labelEmail
{
  /*top: 97px;*/
  top: 140px;
  left: 11px;
}

#formOrder #labelText
{
  /*top: 153px;*/
  top: 193px;
  left: 11px;
}

#formOrder #labelCaptcha
{
  /*top: 153px;*/
  top: 303px;
  left: 11px;
}

#formOrder input#email, #formOrder input#formemail, #formOrder textarea, #formOrder input#code 
{
  color: #5bb2c9;
}

#formOrder textarea
{
  position: absolute;
  left:12px;
  /*top:177px;*/
  top:217px;
  width: 173px;
  height: 75px;
  border: none;
  background: none;
}

#formOrder input#email, #formOrder input#formemail 
{
  position: absolute;
  left: 12px;
  /*top: 123px;*/
  top: 161px;
  width: 172px;
  height: 23px;
  border: none;
  background: none;
}

#formOrder input#project
{
  position: absolute;
  top: 113px;
  width: 172px;
  left:12px;
  border: none;
  background: none;
}

#formOrder input#code
{
  position: absolute;
  top: 375px;/*362*/
  left:12px;
  width: 172px;
  border: none;
  background: none;
}

#formOrder img.code
{
  position: absolute;
  top: 320px;
  left:12px;
  border: none;
  background: none;
}

#formOrder a.button, form#newsLetter a.button
{
  display: block;
  position: absolute;
  width:62px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  color: #d9e7e9;
  text-decoration: none;
}

#formOrder a.button
{
  left:9px;
  top: 406px;
}

form#newsLetter a.button
{
  left:9px;
  top: 130px;
  background: url('buttonOnBlue.jpg') right center no-repeat;
  padding-right: 22px;
}

#formOrder a.button:hover, form#newsLetter a.button:hover { text-decoration: underline }
/*
.contentLabelLeft, .contentLabelMiddle, .contentLabelRight
{
  position: relative; 
  top: -30px; 
  float:left; 
  height: 31px; 
  overflow: hidden;
}

.contentLabelLeft
{
  width: 5px;
   background: url('productContentLabelLeft.jpg') ;
}

.contentLabelRight
{
  width: 5px;
   background: url('productContentLabelRight.jpg') ;
}

.contentLabelMiddle
{
  width: auto;
  background: url('productContentLabelMiddle.jpg') ; 
  text-align: center;
   padding: 0 30px 0 20px;
   border: 1px solid red;
}
*/

/*
 h1#pagetitle span
 {
  
  background: url('labelContent.jpg') right top no-repeat;
  display: inline-block;
  height: 31px; 
  padding: 0 30px 0 20px;
  line-height: 31px;
  
 }
 
 h1#pagetitle
 {
  display: block; 
  background: url('productContentLabelLeft.jpg') no-repeat left top; 
  position: relative; 
  top: -30px; 
  left: -1px;
  float:left; 
  height: 31px; 
  overflow: hidden;
  padding:0 0 0 3px;
  margin:0px;
  
 }
 */
 /*h1#pagetitle {
border-left:1px solid #E8EAEA;
color:black;
display:block;
float:left;
font-size:13pt;
height:31px;
line-height:31px;
overflow:hidden;
padding:0;
position:relative;
  background: url('labelContent.jpg') right top no-repeat;
}    */
 
 
 div#pagetitle, h1#pagetitle
 {
   display: block;
   background: url('productContentLabelLeft.jpg') no-repeat left top; 
   float:left; 
   overflow: hidden;
   padding:0 0 0 2px;
   height: 31px; 
   border-left: 1px solid #505050;
 }
 
  div#pagetitle h1, h1#pagetitle
 {
  
  background: url('labelContent.jpg') right top no-repeat;
  display: inline-block;
  height: 31px; 
  padding: 0 30px 0 20px;
  line-height: 31px;
  
 }
 
#logo h1
{
  /*color: #64c8e3;
  font-weight: normal;
  font-size: 16px;
  margin:  0px;
  padding: 0px;*/
  display: none;
} 

#mainmenu h2
{
  /*color: #64c8e3;
  font-weight: normal;
  font-size: 16px;
  margin:  0px;
  padding: 0px;*/
  display: none;
} 
 
.contentLabel
{ 
  position: relative; 
  top: -30px; 
  width: 193px; 
  height: 31px; 
  background: url('productContentLabel.jpg');
  overflow: hidden;
  text-align: center;
 
}



 
#detailProduktContent form { }
.productBoxTop { background: url('productContentBoxTop.jpg') top center; width: 641px; padding-top:3px; }
.productBoxMiddle { background: url('productContentBoxMiddle.jpg'); width: 641px; }
.productBoxMiddle h2 {  color: black; font-weight: normal; margin:0px; padding:10px 0 10px 20px; }
.productBoxBottom { background: url('productContentBoxBottom.jpg') bottom center; width: 641px; padding-bottom: 3px }


.priceLabel 
{ 
  position: relative;
  background: url('object_price.png'); 
  width: 181px; 
  height: 181px;
  margin: 0 auto; 
  text-align: center;
  
 
}

.priceLabelText 
{ 
  position:relative; 
  left: 8px; 
  top: 106px; 
  color: #fef592; 
  font: normal bold 30px/1.0 sans-serif 
}

#detailProduktContent .priceLabel 
{ 
  float: right
}

#mainFlash
{
  height: 280px;
  width:918px;
  overflow: hidden;
  clear: both;
  margin: 0 auto;
}

#productFlash {  width: 661px; height: 321px; background: url('productFlash.jpg') ; margin: 0 0 0 10px;}
#productContentFooter { width: 685px; height: 35px; background: url('productContentFooter.jpg') repeat-x ; margin: 0 auto 0 auto} 

#referenceThree
{
  width: 685px;
  float: left;
 
}

#referenceThree #produktList {  /* width: 639px;*/ width: 2150px; overflow: hidden;  padding-left: 7px; margin: 20px auto}

#referenceThree #rLabel
{
  background: #2d2d2d;
  width: 191px;
  height: 31px;
  line-height: 40px;
  position: relative;
  z-index:2;
  color: #64c8e3;
  font-size: 14px;
  font-weight: bold;
  border-right: 1px solid #0b0b0b;
}

#referenceThree #rBody
{
  background: black url('referenceThreeBg.jpg') top center repeat-x;
  position:relative;
  top: -1px;
  overflow: hidden;
}

/* REFENCE */
.template-eshopkategorie #work {
/*overflow-x: hidden;*/
}

#work .lister {
margin:8px 0 0 0;
padding:3px;
background:url('bg_lister.gif') top left no-repeat;
height:20px;
clear: both;
color:#8d8d8d;
font-weight: bold;
}
#work .lister li {
background: none; 
float:left;
padding:0 3px;
margin:0 2px 0 0;
}
#work .lister li a {
color:#63c6e0;
text-decoration: none !important;
}

.productListItem {
float:left;
width:196px;
height:214px;
background:url('bg_reference_list.gif') top left no-repeat;
margin:0 7px 7px 0;
padding:5px;
color:#8d8d8d;
text-align:left;
}

.productListName {
margin:3px 3px 0 3px;
padding:2px 20px 5px 0;
color:#63c6e0;
font-weight: bold;
line-height: 130%;
display: block;
background:url('bg_reference_icon.jpg') 175px 3px no-repeat;
}
.productListItem .content {
font-size:8pt;
line-height:140%;
margin:0 3px;
}
.produktBox {
float:left;
width:206px;
}
.produktContent {
width:420px;
float:right;
}
#work .produktContent h2 {
font-size: 13pt;
}
#work .produktContent h3 {
font-size:10pt;
line-height:1.3em;
}
#work .produktContent h3 a#web {
font-weight: normal;
}
#work .produktBox img, #work .productListItem img {
padding:0;border:none;
}


#produktShortInfo {
margin:0 0 15px 0;
}

#work .produktBox li, #work .produktBox ul {
background:none;
padding:0;
margin:0;
}
#work .produktBox li {
color:#8d8d8d;
padding:10px;
margin:0 0 10px 0;
background:url('bg_reference_list.jpg') left top no-repeat;
text-align: center;
height:168px;
}
#work .produktBox li img {
padding:0 0 10px 0;
margin:0;
}
#work .produktBox li p {
color:#8d8d8d;
margin:0;
}

#slider {
background-color:#AAA;
padding:10px 0 0 0;
}

.sliderButton {
cursor: pointer;
height:26px;
width:206px;
display: block;
}
.sliderButton span {
display: none;
}

.upSlider {
background:url('bt_goup.jpg') top left no-repeat;
}
.downSlider {
background:url('bt_godown.jpg') top left no-repeat;
}
.upSlider:hover {
background:url('bt_goup_hover.jpg') top left no-repeat;
}
.downSlider:hover {
 background:url('bt_godown_hover.jpg') top left no-repeat;
}


#randomReferenceList {
padding:10px 0 0 0;
height:248px;
}
#rslider {
border-top:1px solid #555;
border-left:1px solid #555;
border-right:1px solid #333;
border-bottom:1px solid #333;
float:left;
padding:5px 0 0 5px;
/*background:#799097;*/
background: black;
}

#rslider .productListItem {
width:169px !important;
background:url('bg_random_reference_list.gif') top left no-repeat;
}
#rslider a.productListName {
background:url('bg_reference_icon.jpg') 140px 3px no-repeat;
}
#randomReferenceList .sliderButton {
width:28px;
height:28px;
float:left;
}
#randomReferenceList .sliderButton:hover {
background-position:1px 1px;
}

#randomReferenceList .upSlider {
margin:70px 13px 0 20px;
background:url('bt_left.jpg') top left no-repeat;
}
#randomReferenceList .downSlider {
margin:70px 0 0 13px;
background:url('bt_right.jpg') top left no-repeat;
}


#rightColumn, #leftColumn
{
  width: 219px;
  float: left;
  overflow: hidden;

}
#rightColumn
{
  float: right;
}
td 
{
  padding: 3px 5px 3px 5px;
  vertical-align: middle;
}

#work td p 
{
  margin: 0px;
}

.mainNavigator 
{ 
  text-align: left; 
  position: relative;
  left: 20px;
  margin-left: -20px;
}
.mainNavigator a { color: #777; font-size: 7pt }

/* Custom Icons */
.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
}
.addthis_toolbox .custom_images a img {
    opacity: 1.0;
}
.addthis_toolbox .custom_images a:hover img {
    opacity: 0.75;
}   


/********************* news letter **********************/

form#newsLetter
{
  position: relative;
  display: block;
  width: 219px;
  height: 162px;
  clear: both;
  background: url('newsLetterBar.jpg');
  margin-bottom: 15px;
}
form#newsLetter input#email
{
  position: absolute;
  left: 11px;
  top: 95px;
  padding: 2px 5px 2px 5px;
  width: 120px;
  height: 19px;
  background: none;
  color: #fd7f18;
  border: none;
}

#advert { 
  display: none; 
  position: absolute; 
  z-index:9999; 
  margin:20px; 
  padding: 0px; 
  margin-top:31px; 
  padding-bottom: -5px; }

#advert img {
  border:12px solid #FFFFFF;
}
                  
#mask {
  position:absolute;  
  z-index: 9000; 
  background-color: #000; 
  display: none; 
  top:0px; 
  left:0px;
} 

#advertcloser {
  position:absolute;  
  z-index: 9001; 
  display: none; 
  height:30px;  
}
  
#advertcloser a img{
  border: 3px solid #FFFFFF;
  margin: 3px;
  margin-right: 0px;  
  float: right;
}  

#work p.msgWarning, #work p.msgConfirmation
{
  font-weight:  bold;
}
#work p.msgWarning
{
  color: red;
}

#work p.msgConfirmation
{
  color: green;
}