body    {   background-color: #fff; 
            background: url("http://www.1080dots.com/img/bg.jpg") repeat-x;
            font-family: Verdana, Arial;
            font-size: 11px;
            color: #000;
}


/* 
jQuery Image Cycle 
*/

.pics { height: 233px; width: 803px; padding:0; margin:0; overflow: hidden }
.pics img { height: 233px; width: 803px; padding: 0px; border: 0px solid #ccc; background-color: #eee;}
.pics img {
	-moz-border-radius: 15px; -webkit-border-radius: 15px;
}


/* 
END jQuery Image Cycle 
*/



                                          


#right h1 { font-family:   Verdana; font-size: 12px; padding-bottom: 1px; }
#right h2 { font-family: Trebuchet MS, Arial, Verdana; font-size: 12px; }
#right p { font-family: Verdana, Arial; font-size: 11px; }


/* 
tabellen 
*/
.normal table { border-top:1px solid #e5eff8; border-right:1px solid #e5eff8; margin: 0}
 

.normal  td { 
    color:#678197; 
    border-bottom:1px solid #e5eff8;      
    padding:0;margin: 0;
    text-align: left; }

.normal th { 
    background:#e2e2e2; 
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    text-align:left; 
    font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
    color:#333; padding:0; margin: 0} 
                
.normal td p { padding: 0; margin: 2px}  
.normal th p { padding: 0; margin: 0;}  

.odd  td {background-color: #f9f9f9; }




#wrapper {  margin:  auto; 
            width: 803px;
            position: relative; 
            }  
            
            
#header { position: relative;  margin: 0; padding: 0;}

     


#main {position:relative;float:left;width:510px; background-color: #fff; padding: 5px 10px 20px 20px; line-height:18px}

#right {position:relative;float:right;margin-left:20px;background-color: #fff; width: 243px;  background-color: #fff; }
         
#breadcrumb {position:relative; margin-left: 20px; margin-top: 10px;}
#breadcrumb a, a:link, a:active, a:visited { text-decoration: none; color: #aeaeae; }
#breadcrumb .pathway { color: #aeaeae; }
 


#content a, a:link, a:visited, a:active { color: #b30001; text-decoration: none; }
#content a:hover { color: #b30001; text-decoration: underline; }

      .light { color: #777; }


/*

Mainmenu items 
         
*/

#menu {
    
    padding-top: 60px;
    background: url("http://www.1080dots.com/img/bg_top.jpg") #fff;     
    background-repeat: no-repeat;
    height:50px;    
}  
#menu ul { padding: 0;margin-left: 20px;     }

#menu  ul li {
  display: inline; /* Shows each item side-by-side */
  list-style-type: none; 

}

#menu ul li a {
    display: block;
    float: left;
    padding: 3px;
    text-decoration: none;
    margin-right:15px;
    color: #000;   
}  


#menu ul li a.active{
    display: block;
    float: left;
    padding: 3px;
    text-decoration: none;
    margin-right:15px;
    color: #000;  
    background-color: #fcf04e; 
}

#menu ul li a:hover {
    background-color: #fcf04e;    
    color: #000;
    text-decoration: none;
}   

     
/* 
Submenu items 
*/
#sub {  
    position: relative;
    background-image: url("http://www.1080dots.com/img/bg_submenu.jpg" );            
    height: 30px;
    margin: 0 0 20px 0; 
    padding: 0;
      
}  
    
#sub  ul  {
    padding: 2px 0 0 0;
    margin: 0;
    margin-left: 20px;    
  
}

#sub  ul li {
    display: inline;                      
    list-style-type: none;   
    margin-top: 0;   
}

#sub ul li a {
    margin-top: 0;   
    display:block;
    float:left;
    padding: 6px 15px 3px 4px;
    margin-right: 10px;
    color: #000;
    text-decoration: none; 
}

#sub ul li a:hover {   color: #000;text-decoration: underline }



/* Sitemap */

#sitemapheadpage {font-family: Trebuchet MS, Arial, Verdana; font-size: 12px; padding-bottom: 1px; margin-bottom: 1px}

#sitemapparent	 {font-family: Trebuchet MS, Arial, Verdana; font-size: 12px; padding-bottom: 1px; margin-bottom: 1px}



/* Footer */

#footer {position: relative; background: url("http://www.1080dots.com/img/footer.jpg"); height: 54px; padding-top:18px; margin-top: 25px;}

#footer ul { padding: 0;margin-left: 20px;     }    

#footer  ul li {
  display: inline; /* Shows each item side-by-side */
  list-style-type: none; 

}

#footer ul li a {
    display: block;
    float: left;
    padding: 3px;
    text-decoration: none;
    margin-right:15px;
    color: #ccc;   
}  


#footer ul li a.active{
    display: block;
    float: left;
    padding: 3px;
    text-decoration: none;
    margin-right:15px;
    color: #fff;  
    
}

#footer ul li a:hover {
    background-color: #fcf04e;    
    color: #000;
    text-decoration: none;
    
}  





#main h1 { font-family: Trebuchet MS, Arial, Verdana; font-size: 18px; }
#main h2 { font-family:  Arial, Verdana; font-size: 12px; padding-bottom: 1px; margin-bottom: 1px}
#main h3 { font-family: Trebuchet MS, Arial, Verdana; font-size: 11px; padding-bottom: 1px; margin-bottom: 1px}
#main p { font-family: Verdana, Arial; font-size: 11px; margin-bottom: 20px;}
#main div {font-family: Verdana, Arial; font-size: 11px; margin-bottom: 20px;}

/* Table */

.data table { padding:0; margin: 0;}
.data td { color: #000; background-color: #efefef; border-top:1px solid #bebebe;
}
.data td p { padding: 0; margin: 0; }
.data tr  { padding: 0; margin: 0; }


/* Table Zebra */
#hor-zebra
{
    font-family: "Tahoma", "Lucida Grande", Sans-Serif;
    font-size: 11px;
    margin: 0px;
    width: 480px;
    text-align: left;
    border-collapse: collapse;
    font-weight: normal;
}
#hor-zebra th
{
    font-size: 11px;
    font-weight: bold;
    padding: 10px 8px;
    color: #000;
}
#hor-zebra td
{
    padding: 8px;
    color: #000;
}
#hor-zebra .odd
{
    background: #e7e7e7; 
}

/* headlines */

.headline a, a:link, a:visited, a:active, a:hover { font-size: 11px; color: #b30001; padding-bottom: 2px; }

tr  .white {background-color: #fff; }




ul.checkbullet  {
list-style-position: outside;
list-style-image: url(arrow.gif);
list-style-type: square;
color: red; 
}

.downloadbox { padding: 5px; border: 1px solid #000; }

#nav { position: absolute; text-align: right; top: 120px;z-index: 9000; width: 800px; }
#nav a { color: #fff; border: 1px solid #333; text-decoration: none; margin: 0 2px; padding: 1px 3px; background-color: #000; }
#nav a.activeSlide { background: #000 }
#nav a:focus { outline: none; }

#contact-wrapper {
    width:430px;

}
#contact-wrapper div {
    clear:both;
    margin:1em 0;
}
#contact-wrapper label {
    display:block;
    float:none;
    font-size:11px;
    width:auto;
    
    
}
form#contactform input {
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style:solid;
    border-width:1px;
    padding:2px;
    font-size:11px;
    color:#333;
}
form#contactform textarea {
    font-family:Arial, Tahoma, Helvetica, sans-serif;
    font-size:100%;
    padding:0.6em 0.5em 0.7em;
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style:solid;
    border-width:1px;
}