/**CSS RESET**/
* {
  border:0;
  font-weight:normal;
  list-style-type: none;
  margin: 0;
  outline:0;
  padding: 0;
  text-decoration: none; 
}

/**GENERAL STYLES**/
/** Sighted Orange #f87900**/
body{
    margin:0;
    padding:0;
    background:#eeeeee;
    font-family: Helvetica, Arial, Tahoma, Verdana;
    /*font-family: Helvetica;*/
    font-size:11px;
    font-weight:normal;
    background: url(../gfx/bg_gradient.png) repeat-x 0px 42px;
}

img{
    border:0;
}

a{
    color:#999999;
    text-decoration:none;
}

a:hover{
    color:#f87900;
    text-decoration:underline;
}

/**TOP OF PAGE **/
#top{
    width:100%;
    height:42px;
    background:white;
    border-bottom:1px solid #b9b9b9;
}
#headercontent{
    width:940px;
    margin:auto;
}
#logo{
    width:249px;
    height:26px;
    float:left;
    clear:none;
    position:relative;
    top:10px;
}
#search{
    width:620px;
    height:26px;
    float:left;
    clear:none;
    position:relative;
    top:10px;
    vertical-align:middle;
}

#languageselection {
    width:44px;
    height:26px;
    float:left;
    clear:right;
    position:relative;
    top:14px;
}

#languageselection .arrow{
    float:left;
    margin-right:8px;
    margin-top:3px;
}

ul.languageselection_pop {
  position:absolute;
  display:none;
  top:20px;
  right:4px;
  width:120px;
  background:white;
  border:1px solid #666;
  z-index:2000;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

ul.languageselection_pop li{
    height:20px;
    border-bottom:1px dotted black;
    font-size:12px;
    background:#fff;
    padding-top:5px;
    padding-left:10px;
    vertical-align:baseline;
    width: 110px;
}

ul.languageselection_pop li img{
  float:left;
  margin-right:7px;
}

ul.languageselection_pop li span{
  float:left;
  margin-top:2px;
}

ul.languageselection_pop li:hover{
   cursor:pointer;
}

/**MIDDLE OF PAGE**/
#content{
    position:relative;
    top:4px;
    width:940px !important;
    height:555px !important;
    padding:0;
    background:#fff;
    margin:auto;
    z-index:10;
    background: transparent url(../gfx/bg_static1.png) no-repeat ;
    
}

#book{
    position:absolute;
    top:100px;
    left:50px;
    width:672px !important;
    height:717px !important;
    z-index:0;
    background: transparent url(../gfx/bg_static_book.png) no-repeat ;
}

#wrapper{
    position:relative;
    left:52px;
    top:25px;
}

#co_Q1{
    position:relative;
    float:left;
    clear:left;
    width:360px;
    height:400px;
    margin-top:10px;
    /*margin-left:20px;*/
    margin-right:10px;
    background:white;
    overflow:hidden;
    padding-top:80px;
    padding-left:40px;
}

#co_Q1 p{
    width:90%;
    font-size:12px;
    color:#9a9a9a;
}

#co_Q1_about{
    color:#666666;
    position:relative;
    float:left;
    clear:left;
    width:420px;
    height:460px;
    margin-top:20px;
    background:white;
    padding-left:20px;
    overflow:auto;
}
    /*#co_Q1_about .scroller{
        height:460px;
        overflow:auto;
        width:100%;
    }
    #co_Q1_about .wrapper {
        margin:7px;
    }*/

#co_Q1_tos, #co_Q1_shop{
    position:relative;
    float:left;
    clear:left;
    width:790px;
    height:460px;
    margin-top:20px;
    background:white;
    padding-left:20px;
    overflow:auto;
}
    /*#co_Q1_tos .scroller{
        height:460px;
        overflow:auto;
        width:100%;
    }
    #co_Q1_tos .wrapper {
        margin:7px;
    }*/

#text p{
    width:90%;
    font-size:11px;
    color:#9a9a9a;
}

#co_Q1_tos p, #co_Q1_tos li{
    width:97%;
    font-size:12px;
    color:#9a9a9a;
}

#co_Q1_tos .alert{
    font-size:14px;
    font-weight:bold;
    color:#f87900;
}

#co_Q1_tos h1{
    font-size:15px;
    font-weight:normal;
    color:#f87900;
}

#co_Q1_tos h2{
    font-size:13px;
    font-weight:normal;
    color:#f87900;
    margin-bottom:5px;
}

#co_Q1_about h3{
    font-size:14px;
    color:#9a9a9a;
    font-style:italic;
}

#co_Q1_about p{
    margin-top:-5px;
}

.highlight{
    color:#f87900;
}

.contactheader{
    margin-left:6px;
}

#co_Q2{
    position:relative;
    float:left;
    clear:none;
    width:400px;
    height:480px;
    margin-top:10px;
    margin-left:10px;
    overflow:hidden;
}

#co_Q2_about{
    position:relative;
    float:left;
    clear:none;
    width:385px;
    height:480px;
    margin-top:20px;
    margin-right:20px;
    overflow:hidden;
}

#co_Q2_about .logo{
    float:right;
    margin-bottom:40px;
}

#co_Q2_about p{
    float:right;
    clear:both;
    text-align:right;
}

#thankyou{
    position:relative;
    top:40px;
    width:196px !important;
    height:237px !important;
    padding:0;
    background:#fff;
    margin:auto;
    z-index:10;
    background: transparent url(../gfx/contact_send.png) no-repeat ;
}

#thankyou p{
    padding-top:110px;
    margin-left:10px;
    color:#f87900;
    font-size:14px;
}

a{
    color:#999999;
    text-decoration:none;
}

a:hover{
    color:#f87900;
    text-decoration:underline;
}

/** BOTTOM OF PAGE **/
#bottom{
    width:100%;
    height:100px;
    background-color:transparent;
    position:relative;
    top:13px;
    z-index:100;
}
#bo_content{
    width:940px;
    margin:auto;
}
#bo_left{
    width:320px;
    height:20px;
    float:left;
    clear:none;
    padding-left:10px;
}
#bo_right{
    width:600px;
    height:20px;
    float:right;
    clear:right;
    padding-right:10px;
    text-align:right;
}

#searchfield{
    width:312px;
    height:20px;
    vertical-align:middle;
    border:1px solid #666;
    font-size:14px;
}

/**FOOTERNAVIGATION**/

ul#footernavi{
    margin:0;
    padding:0;
    float:right;
    list-style-type:none;
    font-size:11px;
}

#footernavi li{
    float:left;
    margin-right:20px;
    font-size:11px;
    text-align:right;
}

/**FORM**/
table{
    /*background: #f5f5f5;*/
    background:#ffffff;
    width:380px;
    margin:auto;
}

td{
    font-size:12px;
    padding:2px;
    padding-left:20px;
    padding-top:5px;
}

#username, #company, #email, #street, #city, #tel{
    width:210px;
    height:18px;
    vertical-align:middle;
    border:1px solid #666;
    font-size:12px;
}

#message{
    width:210px;
    height:140px;
    vertical-align:middle;
    border:1px solid #666;
    font-size:10px;
}

#submit{
    height:29px;
    width: 72px;
    background:transparent url(../gfx/button_search.png) 2px 5px no-repeat;
}

#submit:hover {cursor:pointer;}

/**SHOPPING MODUL**/

#shoppingwrapper{
    width:750px;
    height:320px;
    margin-top:10px;
}

#shopping_top{
    width:196px;
    height:137px;
    margin:auto;
    font-size:14px;
    color:#f87900;
    font-family: Helvetica, Arial, Tahoma, Verdana;
    background: white url(../gfx/ecard_thanks_bubble.png) top left no-repeat;
    padding-right:80px;
}

#shopping_top p{
    padding-top:20px;
    margin:auto;
    width:80%;
}

#shopping_logo{
    width:43px;
    height:45px;
    margin:auto;
    padding-right:100px;
}

#shopping_bottom{
    width:706px;
    height:120px;
    margin: auto;
    text-align:center;
    vertical-align:bottom;
    font-size:10px;
    color:#9a9a9a;
    font-family: Helvetica, Arial, Tahoma, Verdana;
}

#shopping_item{
    height:75px;
    width:75px;
    float:left;
    margin-left:20px;
    margin-top:20px;
}

#shopping_item_visual{
    height:75px;
    width:114px;
    float:left;
    margin-left:20px;
    margin-top:20px;
}

#shopping_item_3d{
    height:75px;
    width:188px;
    float:left;
    margin-left:20px;
    margin-top:20px;
}

#shopping_center_item{
    height:100px;
    width:100px;
    float:left;
    margin-left:20px;
}

#img{
    width:75px;
    height:75px;
    padding:2px;
    border:1px solid #f87900;
}

#img img{
    width:75px;
    height:75px;
}

#visual{
    width:114px;
    height:75px;
    padding:2px;
    border:1px solid #f87900;
}

#threed{
    width:188px;
    height:75px;
    padding:2px;
    border:1px solid #f87900;
}


/**SUCHE**/

#searchbutton{
    height:29px;
    width:72px;
    background:transparent url(../gfx/button_search.png) 2px 6px no-repeat;
}

ul.search_select {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position:relative;
  z-index:2000;
  top:-1px;
}


/**ECARD**/

#ecard{
    width:584px;
    margin:auto;
    margin-top:20px;
    text-align:center;
    /*background:white;*/
}

#ecard_top{
    width:584px;
    height:368px;
    margin:auto;
    margin-top:20px;
    text-align:center;
    background:transparent url(../gfx/bg_ecard.png) 0px 0px no-repeat;
}

#ecard_top img{
    margin:auto;
    margin-top:21px;
}

#card_left{
    width:250px;
    float:left;
    clear:none;
    padding-left:10px;
    margin-top:20px;
}

#card_right{
    width:260px;
    float:right;
    clear:right;
    margin-top:20px;
}

#ecard_bottom{
    position:relative;
    left:0px;
    top:10px;
    width:584px;
    height:368px;
    background:white;
    background:transparent url(../gfx/bg_ecard.png) 0px 0px no-repeat;
}

#card_left p{
    font-size:14px;
    margin-top:20px;
}

#card_right p{
    font-size:14px;
}

#ebw{
    position:relative;
    top:20px;
    margin:auto;
    width:542px;
    height:314px;
    text-align:left;
}

.i{
    width:240px;
    height:20px;
    vertical-align:middle;
    border:1px solid #666;
    font-size:12px;
    font-family:Helvetica, Arial, Tahoma, Verdana;
    color:#666;
}

#message_ecard{
    width:240px;
    height:200px;
    vertical-align:middle;
    border:1px solid #666;
    font-size:12px;
    font-family:Helvetica, Arial, Tahoma, Verdana;
    color:#666;
}

#message_ecard_show{
    width:240px;
    height:200px;
    vertical-align:middle;
    border:0px solid #666;
    font-size:14px;
    font-family:Helvetica, Arial, Tahoma, Verdana;
    color:#666;
}

#thumbwrapper{
    width:100%;
    height:100px;
}

#thumb{
    border:1px solid #9a9a9a;
    padding:2px;
    float:right;
    margin-right:18px;
}

#stamp{
    position:absolute;
    left:350px;
    z-index:500;
}

.label{
    color:#9a9a9a;
}