* {
  margin:0; padding:0; border:0;
}
html  { 
  font-size:62.5%;
}
body  {
  background:#222;
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:1.2em;
  line-height:1.4em;
  text-align:center;
  color:#fff;
}

li {
  list-style:none; 
}

h2 { font-size:12px; text-transform:uppercase; margin:0em 0em 0.5em 0em; }  

/* font colors */
.red { color:#bd0409; }
.yellow { color:#fece00; }
.yellow_light { color:#fdff97; }
.grey, .warning { color:#6a6a6a; }
.left { text-align:left;}

a { color:#fff; text-decoration:none;}
a:link { color:#fff; text-decoration:none;}
a:visited { color:#fff; text-decoration:none;}
a:hover{ color:#fe0002; text-decoration:underline;}
a :active{ color:#fff; text-decoration:none;}

.fullsize {
  width:980px;
}  

div#wrapper {
  background:#222  url(images/bg_main.jpg) no-repeat  0 0;
  width:1428px;
  margin:0 auto;
}


div#container{
  width:980px;
  margin:0 0 0 105px;
}
  

/* header */  
div#header{
  
}

.main_header { height:height:475px; }    
  
div#header #logo_row {
  height:80px;
}

div#header #navi_row {
  height:40px;
  text-align:left;
}  
  
div#navi, div#footer_navi {
  height:35px;
}

div#header #cat_row #cat_navi ul, div#navi ul, div#footer_navi ul{
  padding:15px 10px 6px 0;
}

div#header #cat_row #cat_navi li, div#navi li, div#footer_navi li{
  background:url(images/arrow_red.png) no-repeat scroll 0 3px transparent;
  display:inline;
  margin-right:15px;
  list-style:none outside none;
  padding:0 0 0 15px;
}
  
div#header #cat_row #cat_navi li {
  display:inline-block;
  width:90px;
}

div#header #teaser_row {
  height:130px;
  width:460px;
  padding:100px 200px 0 420px;
  text-align:left;
}

div#header #teaser_row  p{ 
  text-decoration:underline; 
  text-align:right;
  font-weight:bold;
}
  

div#header #cat_row {
  text-align:left;
  height:120px;
  margin-bottom:8px;
}

div#header #cat_row  h2 { padding:5px 0 0 62px; }

div#header #cat_row #text {
  height:50px;
  width:390px;
  float:left;
  padding:10px;
}  

div#header #cat_row #catnavi {
  height:50px;
  width:530px;
  float:right;
}  
  
/* content */

div#content{
  height:1155px;
}  
  
div#content #sidebar{
  width:188px;
  height:1155px;
  float:left;
}

div#content #sidebar .sb_box {
  width:188px;
  height:228px;
  text-align:left;
  padding-left:10px;
}  


div#content #sidebar .sb_box h1 { font-size:16px; padding:6px 0;}
div#content #sidebar .sb_box h3 { font-size:14px; padding:6px 0;}
div#content #sidebar .sb_box h4{ font-size:14px; padding:15px 0;}
div#content #sidebar .sb_box h5{ font-size:12px; padding:0 0 6px 0;}

div#content #sidebar .sb_box .sb_box_content { height:85px; }
div#content #sidebar .sb_box .sb_pic { float:left; width:72px; }
div#content #sidebar .sb_box .sb_text { float:left; width:90px; margin-left:10px;}

div#content #sidebar .pink {
  background:url(images/sb_box_bg_pink.jpg) no-repeat;
}

div#content #sidebar .brown {
  background:url(images/sb_box_bg_brown.jpg) no-repeat;
}

div#content #sidebar .redb {
  background:url(images/sb_box_bg_red.jpg) no-repeat;
}  
  
div#content #main{
  width:792px;
  height:1155px;
  float:right;
}  

div#content #main .ct_row {
  clear:both;
  width:792px;
}

div#content #main .txt_teaser {
  height:125px;
  margin:0 20px 0 20px;
  width:750px;

}

div#content #main .pic_teaser {
  background:url(images/ct_row_pic_teaser_bg.jpg) no-repeat;
  height:144px;
  margin-left:10px;
  text-align:left;
}

div#content #main .pic_teaser p {
padding:15px 15px;  
}


div#content #main .profiles {
  height:266px;
  margin-bottom:25px;
}

div#content #main .last {
  margin-bottom:10px;
}
  
div#content #main .main_box{
  background:url(images/main_box_bg.png) no-repeat;
  width:192px; height:266px;
  float:left;
  margin:0 0 25px 5px;
}  

div#content #main .off{
  background:url(images/main_box_bg_off.png) no-repeat;
}    

div#content #main .main_box h1 { font-size:16px; padding:6px 0;}
div#content #main .main_box h4 { font-size:14px; padding:5px 0;}
div#content #main .main_box p { height:35px; font-size:12px; padding:5px 0 0 0;}
div#content #main .main_box h6 { font-size:12px; padding:7px 0; text-decoration:underline;}  
  
div#content #main .main_box .profile_hl {
  width:150px;
  height:18px;
  float:left;
  text-align:left;
  text-decoration:underline;
  padding:5px 10px;
}

div#content #main .main_box .profile_status {
  background:#f00;
  width:28px;
  height:20px;
  float:right;
}
  
div#footer{
  height:195px;
}

div#footer #first_row{
  background:url(images/footer_links.jpg) no-repeat;
  height:62px;
  text-align:left;
  padding-left:10px;
}

div#footer #first_row  p a { color:#6a6a6a; text-decoration:none; padding:0px 10px 5px 0px;}
div#footer #first_row  p a:visited { color:#6a6a6a; text-decoration:none;}
div#footer #first_row  p li a:hover { color:#fe0002; text-decoration:none;}
div#footer #first_row  p a :active { color:#6a6a6a; text-decoration:none;}


  
div#footer #second_row{
  padding:5px 100px;

}

/* pages */

#topteaser {
  display:block;
  text-indent:-9999px;
  width:917px;
  height:172px;
}

div#sub_wrapper {
  background:#222  url(images/bg_sub.jpg) no-repeat  0 0;
  width:1428px;
  margin:0px auto;
}
  
/* header */
.sub_header { height:320px; }  

div#header #sub_teaser_row {
  height:170px;
  width:460px;
  padding:20px 200px 0px 420px;
  text-align:left;
}

div#header #sub_teaser_row  p{
  text-align:right;
}

div#header #sub_teaser_row  h1{
  font-size:32px;
  font-style:italic;
  margin:10px 0 10px 0;
}
div#sub_sidebar_spacer {
  height:10px;
}



div#header #sub_teaser_row p.pricing-ch, #main p.pricing-ch { color:#fff; font-size:1.8em } 
#sidebar .sb_box span.pricing-ch, .main_box span.pricing-ch { color:#FDFF97; display:block; height:32px; }

div#content #main .sub_big_teaser {
  clear:both;
  background:  url(images/bg_sub_big_teaser.png) no-repeat  0 0;
  height:411px;
  margin:10px;
}

div#content #main #sub_big_teaser_pic {
  float:left;
  width:243px;
  padding:20px 0px 20px 20px;
}
div#content #main #sub_big_teaser_pic img, .image-selector img {
  border:1px solid #FECE00;  
}

div#content #main #sub_big_teaser_txt {
  float:right;
  width:500px;
  padding:20px 10px 20px 0px;
  text-align:left;
}

div#content #main h1 { font-size:36px; padding:0px 10px;}
div#content #main h2 { font-size:20px; font-weight:normal; }
div#content #main h3 { font-size:18px; font-weight:normal; text-transform:uppercase; padding:10px;}
div#content #main h5 { font-size:20px; font-weight:normal; text-align:left; padding:5px 10px 10px 20px;}
div#content #main h6.category { font-size:16px; font-weight:bold; text-align:left; text-transform:normal;padding:5px 10px 5px 7px;} 
div#content #main p.warning { text-align:right; padding:10px 20px; }
.main_box div.warning { height:33px; line-height:1em; }

div#content #main #sub_big_teaser_claim {
  width:490px;
  height:72px;
  background:url(images/bg_sub_big_teaser_claim.png) no-repeat;
  margin:20px 15px 0 0;
}
  
div#content #main .sub_pic_teaser {
  background:url(images/ct_row_sub_pic_teaser_bg.jpg) no-repeat;
  height:72px;
  margin-left:10px;
  text-align:left;
}

div.pageNavigation {
  padding:10px 0;
  text-align:center;
  font-size:1.2em;
  color:#FDFF97;
  font-weight:bold;
}
.clear {
  clear:both; 
}
div.image-selector {
  margin:25px 0 0 0;
}
div.image-selector a {
  padding-right:15px; 
}

.ppt { color:#FECE00 !important; }
.pp_description { color:#000 !important; }

.pager { margin:10px 0; padding:10px 0 10px 0; text-align:center; }
.pager span { margin-right:5px; padding:4px 0; background-color:#d4d4d4;
  border:1px solid #b5b5b5; font-size:1.2em; }
.pager span a { padding:8px 10px; color:#555; text-decoration:none; }
.pager span a:hover { color:#000; text-decoration:underline; }
.pager span.current { padding:4px 10px; background-color:#FDFF97; border:1px solid #fff; color:#000; }
.pager span.current a { color:#000; }