body{margin:0; padding:0; background:#eee url(../images/backindex.png) center top repeat-x fixed}
body, td{font-family:Arial,Helvetica,sans-serif; font-size:10pt}

input, select, textarea{font-family:Arial,Helvetica,sans-serif;  font-size:10px;  background-color:#fff;  border:1px solid #666}
.clear{clear:both; font-size:1px}
#prow{border-bottom:1px dotted #9CC9E0; width:100%; margin-top:2px; margin-bottom:2px}

.button{  color:#050;   font:bold 87% helvetica,sans-serif;   background-color:#eee;   border:1px solid #000}

#upload{border:1px solid #025eb3; padding:2px; width:96px; text-align:center; background-color:#fff}
#upload a{text-decoration:none}

a img{border:none}
a:link{color:#025eb3; text-decoration:none}
a:visited{color:#025eb3; text-decoration:none}
a:hover{color:#025eb3; text-decoration:underline}
a.black{color:#000; text-decoration:underline}

h1{font-size:1.5em; line-height:22px; color:#33302e; margin:0; padding:10px 0 2px 5px; font-weight:bold; letter-spacing:-0.4px; border:0}
h2{font-size:1.1em; line-height:8px; color:#33302e; margin:0; padding:8px; font-weight:normal; background:#e8e6df}
h2 a:link{color:#025eb3; text-decoration:none}
h2 a:visited{color:#025eb3; text-decoration:none}
h2 a:hover{color:#025eb3; text-decoration:none}

h3{font-size:15px; margin:0; color:#025eb3; font-weight:bold}
a.underline{text-decoration:underline}

#headertag{float:left; width:184px; height:60px; border:1px solid #e8e6df; padding:2px; padding-bottom:0px; overflow-y:hidden}
#headertag2{float:left; width:170px; height:60px; border:1px solid #e8e6df; padding:2px; padding-bottom:0px; overflow-y:hidden}
#headertagleft{float:left; width:60px; height:60px; padding:2px; border:0px solid #ABA9A6}
#headertagimg{float:left; width:70px; height:60px; padding:2px}
#headertag img{padding-right:3px; vertical-align:top; width:50px; height:50px}


#space{float:left; width:303px; height:35px; padding:3px 0px 0px 0px; margin:0px; font-size:14px; line-height:20px; position:relative}
#langchoosebox{float:left; width:47px; height:35px; padding:3px 0px 0px 0px; margin:0px; font-size:14px; line-height:20px; z-index:20; position:relative}
#langchoosebox img{margin:0; padding:0}
#langchoosebox li a img{opacity:0.7}
#langchoosebox li a:hover img{opacity:1}
#langchoosebox li a{text-decoration:none; color:#c7ddff !important}
#langchoosebox li a:hover{text-decoration:none; color:#FFF !important}
#langchoose{padding:0px 3px 0px 3px; margin:0px; border:solid 1px #A2C9F8; list-style:none; background-color:#6299EC; position:relative; float:right}
#langlist{padding:0px 3px 0px 3px; margin:-1px 0px 0px 0px; border:solid 1px #A2C9F8; list-style:none; background-color:#6299EC; position:relative; float:right; list-style:none; display:none}
#upperbar2{width:890px; margin:5px auto 0; height:25px; background:#5287dc url(../img/topgrad2.png); font-family:Verdana,Arial,sans-serif; line-height:1.8em; padding:0 10px 4px 10px; white-space:nowrap; color:#fff; border-top:solid 1px #a2c9f8}
#upperbar{width:890px; margin:5px auto 0; height:25px; background:#71BF44; font-family:Verdana,Arial,sans-serif; line-height:1.8em; padding:0 10px 4px 10px; white-space:nowrap; color:#fff; border-top:solid 1px #aaa; border-bottom:solid 1px #ccc; background:#D8E697 url(../images/topgrad2.png)}
#upperbar #links{float:left; width:340px; margin-top:1px}
#upperbar #rechts{float:right; width:340px; margin-top:1px; padding-right:4px}
#upperbar a:link, #upperbar a:visited{color:#fff; font-size:0.85em; text-decoration:none; font-weight:normal}
#upperbar a:hover{text-decoration:underline}
#upperbar #searchbox{width:200px; text-align:center; float:left}
#upperbar #searchbox form{margin:0; padding:0}
#upperbar #searchbox form input{margin:4px 0px 4px 0px; padding:2px; font-size:0.9em; width:12em; color:#999; border:solid 1px #587DBB}

#upperbar #searchbox #search-submit{padding:1px 5px 1px 5px; color:#505050; width:auto}
#header{width:910px; height:54px; margin:0 auto; padding:0; background:url(../images/headbg2.png); position:relative; z-index:10}
#head-logo{position:absolute; top:3px; left:20px}
#head-right{position:absolute; top:10px; right:10px; text-align:right}
#head-right a{color:#e5e5e5; text-decoration:none}
#head-right a:hover{text-decoration:underline}

.pathbar{height:24px; font-family:Verdana,Arial,sans-serif; font-size:0.85em; line-height:1.8em; padding:3px 16px; padding-right:2px; margin:0; white-space:nowrap; color:#353535; border-bottom:solid 1px #ababab; text-align:left}
.pathbar A:link, .pathbar A:visited{padding-top:6px; color:#353535; text-decoration:none}
.pathbar A:hover{text-decoration:underline}

.catdiv{ height:10px; color:#fff; margin:3px; padding:0; border:0}

.searchform{margin:0 auto 10px; padding:0px; width:850px; height:60px; position:relative; background:#f8f7f4; border:1px solid #e8e6df; clear:both; text-align:center}
.searchform2{margin:0 auto 10px; padding:4px; padding-left:10px; width:840px; min-height:100px; height:auto; position:relative; background:#f8f7f4; border:1px solid #e8e6df; clear:both; text-align:center}
.searchform3{margin:0 auto 10px; padding:4px; padding-left:4px; width:595; min-height:100px; height:auto; position:relative; background:#f8f7f4; border:1px solid #e8e6df; clear:both; text-align:center}
.ad{margin:0 auto 10px; padding:0px; width:850px; height:60px; position:relative; background:#fff; border:0px solid #e8e6df; clear:both; text-align:center}
hr{border:0; margin:10px 0; border-top:1px solid #ccc}

#entire, #header, #upperbar{border-left:1px solid #777; border-right:1px solid #777}

#entire{width:910px; margin:0 auto; padding:0; overflow:hidden; background-color:#fff}
#content{width:910px; margin:0 auto; padding:0 0 10px 0; overflow:hidden}
#content-full{float:left; width:886px; position:relative; margin:14px 12px}
#content-full .sitetext{font-family:Verdana,Arial,sans-serif; line-height:140%; margin:20px 80px}
#content-full .sitetext h1{color:#666; font-size:135%; padding:5px 0; border-bottom:solid 1px #ccc}
#content-full td, #content-2col td{vertical-align:top}
#content-3col .left{float:left; width:165px; position:relative; padding:2px 0 0 16px}
#content-2col .left{float:left; width:175px; position:relative; padding:2px 0 0 16px}
#content-2col .left2{float:left; width:590px; position:relative; padding:16px 0 0 70px}
#content-2col h1{color:#666; font-size:135%; padding:5px 0; margin-bottom:8px}
#content-2col h2{color:#000; font-size:12pt; font-weight:bold; text-decoration:none; background:0; border:0; padding:3px 0 6px 0; line-height:12px}
#content-2col em{font-family:Verdana,Arial,sans-serif; font-style:normal; font-size:0.75em; margin:2px 0 3px 2px; display:block}
#views{font-family:Verdana,Arial,sans-serif; font-style:normal; font-size:6px; margin:2px 0 3px 2px; display:block}
#content-3col .middle{float:left; width:495px; position:relative; padding:8px 4px}
#content-3col .middle em{padding:0 0 0 8px}
#content-3col .desc{font-family:Verdana,Arial,sans-serif; font-size:0.9em; line-height:150%; color:#222; margin:0 8px 10px 12px; clear:both}
#content-3col .desc p{margin-top:0}
#content-3col .desc td{font-family:Verdana,Arial,sans-serif; font-size:0.9em; padding:0 0 8px 8px; vertical-align:top}
#content-3col .right{float:right; width:198px; position:relative}
#content-2col .right{float:left; width:620px; position:relative; margin:12px 0}
#content-2col .right2{float:right; width:190px; position:relative}
#content-2col .leftcat{float:left; width:194px; position:relative; padding:2px 16px 0 16px; text-align:center}
.subcatbar{ width:195px; font-size:0.9em; white-space:nowrap; color:#222; text-align:left; margin:8px 0 20px 0}
html>body .subcatbar h3{ background-image:url("../images/gloss.png"); background-repeat:repeat-x; background-position:top top}
.subcatbar h3{padding:5px 10px; font-size:12px; font-weight:normal; line-height:1.8em; color:#fff}
.subcatbar h3 a:link, .subcatbar h3 a:visited{color:#fff}
.subcatbar img{ _display:none; /* IE6 */}
.subcatbar h3.s0{background-color:#497cd1}
.subcatbar h3.s1{background-color:#C90000}
.subcatbar h3.s2{background-color:#EBB4F0}
.subcatbar h3.s3{background-color:#2873BF}
.subcatbar h3.s4{background-color:#EBCD72}
.subcatbar h3.s5{background-color:#A0D057}
.subcatbar h3.s6{background-color:#AD69B3}
.subcatbar h3.s7{background-color:#DE750C}
.subcatbar h3.s8{background-color:#CFD4D8}
.subcatbar h3.s9{background-color:#EBCD72}
.subcatbar h3.s11{background-color:Magenta}
.subcatbar h3.s14{background-color:#A8D0E3}
.subcatbar h3.s15{background-color:Blue}
.subcatbar h3.s16{background-color:#DEC73B}
.subcatbar .catlink{border:solid 1px #ababab; border-top:0; line-height:1.4em}
.catlink a:link, .catlink a:visited{color:#222; text-decoration:none; display:block; background-color:#eee; padding:6px 10px}
.catlink a:hover{background-color:#ccc}

/* Box */
.box{font-size:12px; margin:0 10px 10px 10px; padding:0; background-color:#fff}
html>body .box h2{ background-image:url(../images/gloss.png); background-repeat:repeat-x; background-position:top top}
.box .box-inner{border-left:1px solid #ababab; border-right:1px solid #ababab}
.box h2, .box h2 a, .box h2 a:visited, .box h2 a:hover{color:#eee; font-family:Trebuchet MS,Arial; font-weight:normal; -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; padding-left:5px}
.box h2.s0, .box h2.s0 a{color:#eee; font-family:Trebuchet MS,Arial; font-weight:normal}
.box h2.s0{background-color:#497cd1}
.box h2.s1{background-color:#C00}
.box h2.s2{background-color:#EBB4F0}
.box h2.s3{background-color:#2873BF}
.box h2.s4{background-color:#EBCD72}
.box h2.s5{background-color:#A0D057}
.box h2.s6{background-color:#AD69B3}
.box h2.s7{background-color:#DE750C}
.box h2.s8{background-color:#CFD4D8}
.box h2.s9{background-color:#EBCD72}
.box h2.s11{background-color:Magenta}
.box h2.s14{background-color:#A8D0E3}
.box h2.s15{background-color:Blue}

.box h2.s16{background-color:#DEC73B}

.box ul{margin:0; padding:4px 0}
.box ul li{list-style:none; padding:2px 0 2px 22px; background:url(../images/bul0.jpeg) no-repeat; background-position:8px 6px}
.box ol{margin:0; padding:4px 0}
.box ol li{list-style:none; padding:2px 0 2px 8px}
.box-index{float:left; width:434px; margin:0; padding:0 0 0 5px}
.box-index .box .box-inner{height:153px}
.box-two{float:left; width:434px; margin:0; padding:0 0 0 5px}
.box-two .box .box-inner{height:362px}
.box-two ul li{background:0; padding-left:14px}
.box-two img{padding-right:3px; vertical-align:top; width:16px; height:16px}
.box-two-feature{float:left; width:115px; margin:0 0 0 15px; padding:16px 4px; border:solid 1px #ababab; text-align:center; height:142px;  background:transparent url(/img/rcol-div.png) no-repeat right top}
.box-two-feature img{vertical-align:middle; text-align:center; border:0; padding-right:3px}
.box-three{float:left; width:285px; margin:0; padding:0 5px}

.box .more{text-align:right; margin:0; padding:3px 10px 3px 22px; background-color:#e6e8eb; border-left:1px solid #ababab; border-right:1px solid #ababab; border-bottom:1px solid #ababab}
.box .more a{ color:#333}

.simplebox{background-color:#eee; border:solid 1px #ddd; font-size:0.9em; width:420px; margin:5px 0 15px 16px; padding:5px; text-align:left; line-height:1.3em; float:left}

.progbox{font-size:12px; margin:15px 5px 10px 5px; padding:0; background-color:#fff; border-bottom:1px solid #ababab; position:relative}
html>body .progbox h2{ background-image:url(/img/box_headbg.png); background-repeat:repeat-x; background-position:top top}
.progbox .box-inner{border-left:1px solid #ababab; border-right:1px solid #ababab}
.progbox h2{background-color:#333; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; padding-left:12px}
.progbox h2, .progbox h2 a, .progbox h2 a:visited, .progbox h2 a:hover{color:#eee; font-family:Trebuchet MS,Arial; font-weight:normal; line-height:12px; position:relative}
.progbox a.scr{    display:-moz-inline-box;     display:inline-block; padding:12px}
.progbox a.scr:hover{background-color:#e4e4e4}
.progbox ul{margin:0; padding:4px 0}
.progbox ul li{list-style:none; padding:2px 0 2px 22px;  background:url(/img/bul0.png) no-repeat; background-position:8px 6px}
.progbox ol{margin:0; padding:4px 0}
.progbox ol li{list-style:none; padding:2px 0 2px 8px}
.box-latest ul li{background:0; padding-left:14px}
.box-latest img{padding-right:3px; vertical-align:top; width:16px; height:16px}
.progbox .more{text-align:right; margin:0; padding:3px 10px 3px 22px; background-color:#e6e8eb; border-left:1px solid #ababab; border-right:1px solid #ababab}
.progbox .more a{ color:#333}

.progbox-simple{margin:0 5px 10px 5px; font-size:12px; padding:15px; background:#e6e8eb; text-align:left; border:1px solid #ababab}

.cssform{margin:0; padding:0}
.cssform input{font-size:12px; color:#0460ae; padding:3px; margin-top:10px; border:1px solid #e8e6df; background:#fff; width:495px; display:block}

#head-nav{  float:left;   width:100%;    background:#FFF url(/img/t4_bg.png) repeat-x bottom;   font-size:93%;   line-height:normal;   margin:5px 0 15px 0}
#head-nav ul{  margin:0;   padding:10px 10px 0;   list-style:none}
#head-nav li{  float:left;   background:url(/img/t4_left.png) no-repeat left top;   margin:0 1px;   padding:0 0 0 9px}
#head-nav a{  float:left;   display:block;   background:url(/img/t4_right.png) no-repeat right top;  padding:5px 15px 4px 6px;  text-decoration:none;  font-weight:normal;  color:#333}

#head-nav a{float:none}

#head-nav a:hover{  color:#333}
#head-nav #current{  background-image:url(/img/t4_left_on.png)}
#head-nav #current a{ background-image:url(/img/t4_right_on.png);  color:#333;  padding-bottom:5px}

#feeds, #feeds img{vertical-align:middle; text-align:center; border:0; padding-right:3px; clear:both}
#feeds a{color:#666; margin:0 10px}

.bottombar{width:910px; margin:0 auto; padding:0; background:#D5E492; color:#FFF; font-size:0.8em; text-align:center; line-height:2.4em; border-top:solid 1px #ccc; border-bottom:solid 1px #aaa}
.bottombar A:link, .bottombar A:visited{font-family:Verdana,Arial,sans-serif; color:#FFF; padding:0 6px}
.copybar{width:880px; margin:0 auto; font-size:0.75em; padding:25px 5px 10px 5px; margin-bottom:50px}
.copy-left{color:#333; text-align:left; float:left}
.copy-right{float:right}
.copy-right a, .copy-right a:visited{text-decoration:none; color:#333}
.copy-right a:hover{text-decoration:underline}
.copy-right img{margin-bottom:2px}

body#filter{background:#c2d7b0; color:#006400; margin:0}
body#filter td{vertical-align:top}
#setlink{position:relative; float:right; color:#333; padding:0; margin:0 0 0 10px}
.searchresult{margin:0 auto 10px; padding-top:10px; padding-right:47px; width:802px; position:relative; background:#fff; border:0px solid #e8e6df; clear:both; text-align:left}

.searchresult ul li{list-style-type:none; background:0; padding-left:5px}
.searchresult img{padding-right:3px; vertical-align:top; width:16px; height:16px}
.pathbar ul li{list-style-type:none; display:inline}
.pathbar img{padding-right:3px; vertical-align:top; width:16px; height:16px}
#setarea{display:block; background-color:#c2d7b0; color:#006400; border-bottom:0px solid #92a780; padding:0; margin:0}

#dlbox{width:188px; padding:20px 5px; background:transparent url(/img/rcol-div.png) no-repeat left top; position:relative}
#dlbox img{float:left; padding:0 7px; position:relative}
#dlbox .hr{    height:15px;     width:88%; background:transparent url(/img/down_hr.png) no-repeat scroll center; margin:6px; padding:0; border:0}

html>body #dlbox hr{    height:15px;     width:88%; background:transparent url(/img/down_hr.png) no-repeat scroll center; margin:6px; padding:0; border:0; display:list-item}

.subprograms{margin:4px 0 0 2px; line-height:1.4em}
.subprograms a.title{color:black; font-weight:bold}

#menu{ background-color:#eee;  padding-left:10px;  height:32px;  width:900px;  z-index:-1}
 #menu a{ display:block;  font-size:12px;  float:left;  margin:3px 5px 0px 0px;  height:16px;  padding:5px 12px 7px 12px;   color:#303030;  background-color:#eee;  font-weight:bold}
 #menu a:hover{ text-decoration:none;  background-color:#ddd}
 #menu a.active{ padding:4px 11px 8px 11px;  border:1px solid #bebebe;  border-bottom:none;  background-color:#fff}
 #menu a.active:hover{ background-color:#fff}

div.pagination{padding:3px; margin:3px}

div.pagination a{padding:2px 5px 2px 5px; margin:2px; border:1px solid #AAD; text-decoration:none; color:#009}
div.pagination a:hover, div.pagination a:active{border:1px solid #4D98BF; color:#000}
div.pagination span.current{padding:2px 5px 2px 5px; margin:2px; border:1px solid #4D98BF; font-weight:bold; background-color:#61ACD3; color:#FFF}
div.pagination span.disabled{padding:2px 5px 2px 5px; margin:2px; border:1px solid #EEE; color:#DDD}

#info{font-size:0.8em; color:#666}
.gsentries li{display:inline; list-style-type:none; padding:0px; margin:0px}
.gsentries ul{padding:0px; margin:0px}
.gsentries a:hover{color:#E1771E; font-weight:Bold; font-size:13px; font-family:Verdana; margin:0px}

#voegtoe{margin:10px 0; padding:0}
#voegtoe a{background:#fa2 url("http://www.bookmarksurfer.com/images/bg-btn-signup.png") repeat-x 0 0; display:block; padding:8px 10px; border:1px solid #fa2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-decoration:none; text-align:center; color:#333; text-shadow:0 1px 0 #fe6; font:bold 18px Arial,Sans-serif}
#voegtoe a:hover, #voegtoe a:focus{background-position:0 -5px; color:#111}