/* reset */

body, html, img, div, td, tr, table { margin: 0; padding: 0; }
ul { list-style: none; padding: 0; margin: 0; }
ul li { display: inline; padding: 0; margin: 0; }
img { margin: 0; }
::selection { color: #fff; background: #000; }
::-moz-selection { color: #fff; background: #000; }
a img { border: 0px; }
a { text-decoration: none; }

/* general */

body { background-color: #fff; font-family: Georgia, serif; color: #333; font-size: 13px; line-height: 25px; }
.clear { clear: both; }

/* layout */

#topbar { width: 100%; }
#nav { width: 961px; margin: 0 auto; }
#topbar, #nav { font-size: 12px; height: 25px; padding-top: 5px; color: #666; border-bottom: 1px solid #ccc; }
#topbar ul, #nav ul { display: block; margin: 0 auto; width: 960px; }
#topbar li, #nav li { display: block; float: left; margin-right: 20px; height: 26px; }
#topbar .active, #nav .active { color: #bbb; background-image: url('http://www.iphonenieuws.com/images/pointer.jpg'); background-repeat: no-repeat; background-position: center bottom; }
#topbar .right, #nav .right { float: right; margin: 0; }
#topbar a, #nav a { color: inherit; text-decoration: none; }
#topbar a:hover, #nav a:hover { color: #bbb; }
.coming_soon { text-decoration: none; color: #666; }
.tooltip { position: absolute; background-color: #fff; border: 1px solid #eee; color: #555; z-index: 5; border-radius: 5px; font-size: 13px; line-height: 13px; width: 80px; text-align: center; padding: 5px 10px; top: 0; left: 0; }
.tooltip img { position: absolute; top: -7px; left: 45px; }
#pagetitle { display: block; margin: 40px auto 30px auto; width: 960px; }
#pagetitle img { display: block; margin: 0 auto; width: 348px; height: 62px; }
.androidnieuws #pagetitle img { width: 379px; height: 136px; }
.blackberrynieuws #pagetitle img { width: 379px; height: 103px; }
.nokianieuws #pagetitle img { width: 445px; height: 147px; }
.htcnieuws #pagetitle img { width: 393px; height: 86px; }
.lgnieuws #pagetitle img { width: 350px; height: 90px; }
#leaderboard { margin: 25px auto; width: 728px; height: 90px; overflow: hidden; }
.rectangle { width: 300px; height: 250px; overflow: hidden; margin: -10px; }
#slider, .slide { width: 959px; height: 300px; position: relative; }
#slider { margin: 0 auto; overflow: hidden; border: 1px solid #ccc; border-top: 0; }
#slides { position: absolute; top: 0; left: 0; height: 320px; }
.slide { float: left; }
.slide .text { position: absolute; right: 0px; top: 0px; width: 279px; padding: 20px; height: 250px; }
.slide img { display: block; position: absolute; top: 10px; left: 10px; }
#slider #navigation { position: absolute; bottom: 20px; right: 25px; font-size: 30px; font-weight: bold; font-family: sans-serif; }
#slider #navigation a { text-decoration: none; color: #000; }
#slider #navigation a:hover { color: #555; }
#container { width: 959px; margin: 0 auto; }
.articlebox { float: left; width: 279px; margin: -1px 0 0 -1px; padding: 20px; border: 1px solid #ccc; }
.articlebox h2, .slide .text h2 { font-family: 'Magra', sans-serif; font-weight: normal; font-size: 23px; margin: 10px 0px; }
#article .date, .articlebox .date, #slider .date { font-size: 10px; text-transform: uppercase; font-family: sans-serif; color: #888; }
.articlebox .thumb { display: block; margin: 20px auto; }
.advertisement { width: 299px; padding: 10px 10px 2px 10px; }
.halfpage img { display: block; margin: -10px; }
#article { float: left; width: 599px; margin: -1px 0 0 -1px; padding: 20px; border: 1px solid #ccc; font-family: Georgia, serif; }
#article h1 { font-family: 'Magra', sans-serif; font-weight: normal; font-size: 38px; margin: 10px 0; line-height: 48px; }
#article h2 { margin-top: 35px; }
#article img { max-width: 350px; height: auto; display: block; margin: 30px auto; padding: 10px; border: 10px solid #efefef; }
#article .noborder { max-width: none; padding: 0; border: 0; }
#article .float_left { float: left; margin: 20px 20px 20px 0; }
#article .float_right { float: right; margin: 20px 0 20px 20px; }
#article .float_first { margin-top: 0; }
#article .float_last { margin-bottom: 0; }
#article { font-size: 16px; line-height: 30px; }
#article a { font-weight: bold; color: #e26; }
#article a:hover { color: #333; }
#article .source { font-size: 13px; color: #888; }
#article .source a { color: inherit; font-weight: normal; border-bottom: 1px dotted #888; }
#article .source a:hover { border-bottom: none; }
.shift div { border-top: 0 !important; }
.articlebox li { display: block; line-height: 20px; padding: 15px 0 15px 60px; margin-top: 5px; border-bottom: 1px solid #ccc; min-height: 40px; position: relative; }
.articlebox .nopadding { min-height: 0; padding: 15px 0 15px 0px; }
.sidebar img { display: block; position: absolute; left: 0; top: 15px; }
.sidebar .rectangle { margin-top: 50px; }
.articlebox li:last-child { border-bottom: none; }
.articlebox .halfpage img { margin: 0px 0px 0px -10px; }
.articlebox a, #slider a { text-decoration: none; color: #000; }
.articlebox li a:hover { text-decoration: underline; color: #666; border-bottom: 0; }
.articlebox a:hover, #slider a:hover { text-decoration: none; color: #666; }
#more { display: block; margin: 50px auto; border: 1px solid #cccccc; margin-top: 20px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ccc; background-image: -moz-linear-gradient(top, #eee, #bbb); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#bbb)); background-image: -webkit-linear-gradient(top, #eee, #bbb); background-image: -o-linear-gradient(top, #eee, #bbb); background-image: linear-gradient(to bottom, #eee, #bbb); background-repeat: repeat-x; border-color: #aaa filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#bbb', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); padding: 10px 17px; font-size: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
#more:hover { background-image: none; }
.archive li { padding: 0; min-height: 0; border: 0; }