/*	CSS-Framework
------------------------------ */

/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
*:focus { outline: none; }
.hidden { display: none!important; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-back { background: none!important; }
.no-border, img { border: none!important; }
.container { overflow: hidden; }
.clear { clear: both; height: 0px; overflow: hidden; }

/* Main custom rules
------------------------------ */

html { background: #fff url(../images/html.gif) repeat-x; font: .7em/1.5 Verdana, Arial, Helvetica, sans-serif; }
body {  }

a { color: #ff6600; }
a:visited {  }
a:hover {  }
a:active {  }

/* Demo Template
------------------------------ */

#site { width: 907px; margin: 0 auto; margin-bottom: 50px; padding-top: 250px; position: relative; background: #fff url(../images/site.gif) repeat-y; }
#site.tmpl-article { background: #fff url(../images/site-tmpl-article.gif) repeat-y; }
#header { height: 250px; position: absolute; left: 0; top: 0; width: 907px; background: url(../images/html.gif) repeat-x; }
	#typo3 { left: 585px; top: 60px; position: absolute; width: 239px; height: 68px; /*background: url(../images/typo3.png);*/ z-index: 1000; }
	#header-content { position: relative; z-index: 10; }
	#main-menu { position: absolute; z-index: 5; left: 0; bottom: 0; width: 898px; border: 1px solid #000; height: 49px; background: #ff6631 url(../images/main-menu.png) no-repeat top right; }
	#main-menu li { padding: 0; border: 0;  }
	#main-menu li a { height: 49px; line-height: 49px; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; padding: 0 23px; background: url(../images/main-menu-delimiter.gif) no-repeat top right; }
	#main-menu li:hover, #main-menu li.active { background: url(../images/main-menu-hover.gif); }
	#header em.rt, em.lt { position: absolute; z-index: 10; top: 200px; display: block; background: url(../images/main-menu-corners.gif) no-repeat; width: 2px; height: 2px; }
	#header em.lt { left: 1px; }
	#header em.rt { right: 8px; background-position: right top; }
	#header-text { position: absolute; right: 35px; top: 140px; z-index: 20; text-align: right; color: #fff; font-size: 1.4em; }
	#header-text a { color: #fff; text-decoration: none; }
		.big-letters { letter-spacing: 2px; }
		.big-letters h1 { font-size: 1em; }
		.right-padding { padding-right: 30px; }
	#lang-bar { position: absolute; z-index: 10; background: url(../images/lang-bar.png) no-repeat; border: 0; height: 36px; bottom: 7px; right: 25px; }
	#lang-bar li { border: none; height: 36px; padding: 0 7px 0 8px; line-height: 36px;  }
	#lang-bar li.last { background: url(../images/lang-bar-delimiter.gif) no-repeat center left; }
	#lang-bar li.last img { top: 8px; }
	#lang-bar li a img { position: relative; top: 9px; }

#dump { position: absolute; width: 7px; height: 8px; background: url(../images/dump.gif); right: 0; top: 250px; }
.copy { margin-bottom: 5px!important; margin-top: 60px; }

#wrpr { position: relative; }

#cols-right { float: left; width: 169px; padding: 17px 10px 17px 11px; color: #999; font-size: .9em; background: url(../images/cols-right.png) no-repeat 1px 0; }
#cols-right-2-additional { background: url(../images/cols-right.png) no-repeat 0px 0; padding: 17px 10px 17px 9px; padding-right: 17px; }
.tmpl-article #cols-right { width: 180px; background: url(../images/cols-right-2.png) no-repeat 7px 0; padding-left: 19px; }
#cols-right-2 { border-left: 1px solid #f4f4f4; float: left; width: 180px; padding: 17px 9px; color: #999; font-size: .9em; background: url(../images/cols-right-2.png) no-repeat 0 0; }
#cols-right-2.closed { border: none; }
#content { width: 435px; float: left; min-height: 750px; background: url(../images/content.gif) repeat-x; margin-left: 1px; padding: 34px 10px 20px 64px; }
.tmpl-article #content { width: 596px; padding-right: 30px; }
.tmpl-article #cols-right-2 { position: absolute; width: 207px; top: 0; right: 8px; padding: 0; z-index: 100; background: url(../images/tmpl-article-cols-right-2.gif) repeat-y right top; }
#cols-right-2-switcher { width: 10px; height: 174px; background: url(../images/cols-right-2-switcher.gif) no-repeat top right; cursor: pointer; position: absolute; top: 0; right: 9px; }
.closed #cols-right-2-switcher { background-position: top left; right: 8px; }
#footer { clear: both; padding: 8px 0 0 0; background: url(../images/gray-dot.gif) repeat-x; margin-top: 40px; }
#footer-body { background: #ebebeb; padding: 12px 15px; }
#footer-body a { margin: 0 3px 0 3px}
#footer a, #footer { color: #666; }
#footer-2 { position: relative; background: #000 url(../images/footer.gif) repeat-x left top; width: 900px; height: 28px; overflow: hidden; color: #fff; padding-top: 3px; }
#footer-2 strong {cursor: pointer;}
#footer-2 a { color: #999; text-decoration: none; }
#footer-2 a:hover { color: #fff; }
#footer-2 .columns { margin-bottom: 6px; background: url(../images/footer-2-columns.gif) repeat-x 165px 5px; padding-bottom: 25px; }
#footer-2 .columns .col-content { padding: 0 13px; }
#footer-2-col-wrpr { border-bottom: 1px solid #333; padding: 3px 194px 0 31px; }
#footer-2-body { padding-bottom: 33px; }
#footer-2 .menu-v { border: 0; font-size: 10px; }
#footer-2 .menu-v li { border: 0; padding: 0; }
#footer-2 em.rb, em.lb { position: absolute; z-index: 10; bottom: 0px; display: block; background: url(../images/footer-2-corners.gif) no-repeat; width: 6px; height: 6px; }
	#footer-2 em.lb { left: 0px; }
	#footer-2 em.rb { right: 0px; background-position: right top; }
#open-footer { position: absolute; left: 20px; bottom: 8px; width: 15px; height: 14px; background: url(../images/footer-open.gif) no-repeat 0 -14px; cursor: pointer; }
.closed #open-footer { background-position: 0 0; }

.banners a { margin-bottom: 11px; display: block; }

/* Tabs */

#tabs { border: 1px solid #ccc; background: #DFDFDF; position: relative; width: 168px; height: 242px; margin-bottom: 11px; }
/*.tmpl-article #tabs { width: 163px; }*/
#tabs-li { height: 17px; position: absolute; left: -1px; top: -1px; width: 169px; background: url(../images/tabs-li.gif) no-repeat; border-bottom: 1px solid #ccc; padding-left: 1px; }
/*.tmpl-article #tabs-li { width: 164px; }*/
#tabs-li li { list-style: none; float: left; font-family: Arial; font-size: 10px; background: url(../images/tabs-li-li.gif) no-repeat right top; cursor: pointer; }
#tabs-li li span { display: block; text-align: center; padding-left: 7px; height: 16px; padding-top: 1px; margin-right: 7px; background: url(../images/tabs-li-li.gif) no-repeat; color: #999; }
#tabs-li li.active { background: url(../images/tabs-li-li-active.gif) no-repeat right top; }
#tabs-li li.active span { background: url(../images/tabs-li-li-active.gif) no-repeat; color: #666; }
#tabs .tab-content { visibility: hidden; border-bottom: 3px solid #f8f8f8; position: absolute; top: 16px; left: 0px; width: 152px; height: 210px; padding: 8px 8px 5px 8px; background: #fcfcfc url(../images/tab-content.png) no-repeat; overflow: auto}
/*.tmpl-article #tabs .tab-content  { width: 147px; background: #fcfcfc url(../images/tab-content-tmpl-article.png) no-repeat; }*/
#tabs .tab-content li { list-style: none; padding-left: 17px; background: url(../images/ico-folder.gif) no-repeat left center; }
#tabs .tab-content a { color: #666; text-decoration: none; }
#tabs .tab-content a:hover { color: #666; }

/* Search mini */
#search-mini-form { margin-bottom: 11px; }
#search-mini-form .i-text { border: 1px solid #ff6701; width: 132px; color: #999; padding: 3px 4px; }
#search-mini-form {}

/* Mailformplus */

.mailformplus { background: #e4e4e4; margin-bottom: 11px; margin-left: 1px; width: 169px; }
.mailformplus td { vertical-align: top; border-color: #fff; }
.mailformplus a { color: #666; }
.mailform-ico-link { text-decoration: none; }
.mailform-ico-link img { vertical-align: middle; }

/* Login form */
#login-form { background: #fff; border: 1px solid #ccc; position: relative; margin-bottom: 11px; }
#login-form h4 { font-weight: normal; color: #b5b5b5; line-height: 17px; padding-left: 6px; font-size: 11px; }
#login-form-toggle { background: url(../images/login-form-toggle.gif) no-repeat 0 0; position: absolute; right: 4px; top: 2px; width: 18px; height: 13px; overflow: hidden; cursor: pointer; text-indent: -9999px; }
.closed #login-form-toggle { background-position: 0px -13px; }
#login-form-toggle-div { border-top: 1px solid #ccc; overflow: hidden; height: 0; }
.closed #login-form-toggle-div { border: none; }
#login-form-container { padding: 3px 6px 6px 6px; }
#login-form label { color: #666; font-size: 10px; }
#login-form a { color: #999; text-decoration: none; }
#login-form .i-text { border: 1px solid #999; border-color: #999 #b6b6b6 #b6b6b6 #999; background: url(../images/form-login-i-text.png) no-repeat; width: 125px; margin-right: 3px; padding: 2px 1px; }
#login-form ul { padding-top: 3px; }
.ico-new-account { padding-left: 18px; background: url(../images/ico-new-account.gif) no-repeat 1px 3px; }
.ico-pass { padding-left: 18px; background: url(../images/ico-pass.gif) no-repeat 1px 2px; }

/* DL box */
.box-1 { border: 1px solid #ccc; margin-bottom: 11px; background: #d4d4d4; padding: 4px 3px 3px 3px; }
.box-1 dt { border: 2px solid #e1e1e1; background: #bfbfbf; padding: 2px 4px; color: #fff; }
.box-1 dd { background: #e5e5e5 url(../images/box-1-dd.gif) repeat-x; padding: 5px; font-size: 1.1em; }
.box-1 dd a { text-decoration: none; color: #999; }
.box-1 dd a:hover { color: #666; }
.box-1 dd li { list-style: none; padding-left: 13px; background: url(../images/box-1-dd-li.gif) no-repeat 0px -88px; line-height: 15px; }
.box-1 dd li:hover { background-position: 0 6px; }

.box-2 { border: 1px solid #999; background: #f2f2f2 url(../images/box-2.png); margin-bottom: 11px; padding: 3px 5px; min-height: 200px}
.ybx {border: 1px solid #999; padding: 3px 5px!important; min-height: 200px; background: #f2f2f2 url(../images/box-2.png); }
.ybx h3.ybh {background: none repeat scroll 0 0 #FFFFFF!important; font-size: 0.9em!important; font-weight:normal!important; padding: 2px 4px !important;}
div.ybr li.ybi {background: none!important}
.box-2 dt { background: #fff; color: #999; padding: 2px 4px!important; }
.box-2 dd { padding: 5px; color: #999; font-size: 1.1em; }
.box-2 dd a { text-decoration: none; color: #999; }
.box-2 .first a, .box-2 .first { color: #ff6600; }
.box-2 dd a:hover { color: #666; text-decoration: underline; }
.box-2 dd li:hover { color: #666; }
.box-2 dd ol { margin-left: 19px; }
.box-2 dd ol li { list-style: decimal; line-height: 15px;  color: #999; }

.box-21 dt { background: #a4a4a4; color: #fff; }
.box-21 dd li { list-style: none; padding-left: 17px; background: url(../images/box-21-li.gif) no-repeat 0px -88px; line-height: 15px; }
.box-21 dd li:hover { background-position: 0 2px; }

/* Post */
.post { position: relative; margin-bottom: 44px; }
.post-header { background: #eaeaea url(../images/post-header.gif) repeat-y; border: 1px solid #ccc; margin-left: -44px; position: relative; margin-bottom: 9px; min-height: 30px; }
.tmpl-article .post-header { background: #eaeaea url(../images/tmpl-article-post-header.gif) repeat-y; }
.post-header h2, .post-header h1 { padding: 0 0 0 8px; float: left; }
.post-date { text-decoration: none; color: #000; width: 43px; height: 28px; background: url(../images/post-date.gif) no-repeat; text-align: center; display: block; float: left; margin: 1px 0 0 1px; }
.top-rated .post-date { background-position: 0 -28px; }
.post-date-up { height: 15px; line-height: 16px; display: block; color: #fff; font-size: 11px; font-weight: bold; }
.post-date-down { height: 12px; line-height: 12px; display: block; color: #ccc; font-size: 10px; }
.post-header-right-side { float: right; width: 85px; padding: 3px 3px 0 5px; line-height: 12px; height: 27px; }
.post-header-right-side strong { color: #ff6600; font-size: 11px; }
.top-rated .post-header-right-side strong { color: #990000; }
.post-header-right-side a { color: #999; font-size: 10px; text-decoration: none; line-height: 13px; }
.post-meta { font-size: .9em; position: relative; border-top: 1px dotted #999; padding-top: 3px; color: #666; }
.tmpl-article .post-meta { border-bottom: 1px dotted #999; padding-bottom: 5px; }
.post-meta a { color: #666; }

.post-comment-link { padding-right: 4px; }
.post-comment-link { text-decoration: none; }
.im-link { text-decoration: underline; }
#content .post-comment-link img { padding: 0!important; border: none!important; margin: 0!important; }
.ico-folder { padding-left: 14px; background: url(../images/ico-folder.gif) no-repeat left center; }
.ico-dot { padding-left: 11px; padding-right: 4px; background: url(../images/dot.gif) no-repeat left 5px; }
.news-single-related, .news-single-links {margin: 5px 0 0 0; padding: 5px; background: #efefef; clear: both}
.news-single-links dt, .news-single-related dt  {font-weight: bold}

/* Post Raiting */

.post-ratings { position: relative; height: 50px;  }

.tx-ratings { position: absolute; top: 0px; right: 0; }
.tx-ratings-grey-bar { width: 125px; height: 25px; background-image: url(../images/yvoschaap.gif); }
.tx-ratings-gold-bar { height: 25px; background: url(../images/yvoschaap.gif) repeat-x 0 -25px; }
.tx-ratings-vote-bar { width: 125px; height: 25px; position: absolute; left: 0; top: 0; }
.tx-ratings-vote-bar DIV A { width: 25px; height: 25px; display: block; position: absolute; left: 0; top: 0; }
.tx-ratings-vote-bar DIV A:hover { background-image: url(../images/yvoschaap.gif); background-position: 0 -50px; }
.tx-ratings-text { font-size: 10px; }

.tx-ratings-vote-bar DIV A.tx-ratings-star-1 { left: 0px; width: 25px; z-index: 5; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-2 { left: 0px; width: 50px; z-index: 4; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-3 { left: 0px; width: 75px; z-index: 3; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-4 { left: 0px; width: 100px; z-index: 2; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-5 { left: 0px; width: 125px; z-index: 1; }

.tx-ratings-display { position: relative; }
.tx-ratings-gold-bar { position: absolute; left: 0; top: 0; font-size: 1px; }
/*.tx-ratings { position: relative; left: 0; top: 0; padding-top: 16px; margin: 5px 5px; }

.tx-ratings-grey-bar { position: absolute; left: 0; top: 0; width: 55px; height: 12px; background: url(rating_stars.gif) repeat-x; font-size: 1px; }
*/
/*.tx-ratings-vote-bar { position: absolute; left: 0; top: 0; width: 55px; height: 12px; font-size: 1px; }*/
/*.tx-ratings-vote-bar DIV A { position: absolute; left:0; top: 0; width: 11px; height: 12px; border: none; text-decoration: none; }
.tx-ratings-vote-bar DIV A:hover { background-image: url(rating_stars.gif); background-position: 0 -24px; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-1 { left: 0px; width: 11px; z-index: 5; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-2 { left: 0px; width: 22px; z-index: 4; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-3 { left: 0px; width: 33px; z-index: 3; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-4 { left: 0px; width: 44px; z-index: 2; }
.tx-ratings-vote-bar DIV A.tx-ratings-star-5 { left: 0px; width: 55px; z-index: 1; }
*/
.tx-ratings-cleaner { clear: left; }
.tx-ratings-text { color: #606060; font-size: 11px; font-family: Helvetica,Arial; }
.tx-rating-display-wrap { position: absolute; left: 0; top: 0; font-size: 12px; visibility: hidden; z-index: 1; }
.tx-rating-display-wrap IMG { float: left; margin-right: 5px; }


/* Comment list */
.comments-list { margin-left: 0!important; }
.comments-list li { margin-top: 7px; background: url(../images/comments-list-header.gif) no-repeat; list-style: none; padding: 0 0 0 0; border-bottom: 1px dotted #9e9e9e; position: relative; }
.comments-list-header { line-height: 18px; color: #2f2e33; font-size: .9em; padding-left: 6px; }
.comments-list-header a { color: #2f2e33; }
.comments-list-body { padding: 8px 0 10px 72px; color: #9c9c9c; min-height: 60px; }
.comments-list-avatar img { padding: 0!important; position: absolute; left: 0; top: 23px; border: 1px solid #cecece!important; }
.comments-list .ico-dot { background: url(../images/comments-list-ico-dot.gif) no-repeat left 5px; }
.comments-list .quotation { position: absolute; top: 4px; right: 7px; }
.comments-list .quotation img { padding: 0; border: 0!important; }
.sub-comments ol { margin-left: 0px!important; padding-left: 0px; background: #f0f0f0; border-top: 1px dotted #e6e6e6; }
.sub-comments ol li { background: url(../images/comments-list-sub-header.gif) repeat-x; border: none; margin-top: 0px; padding-left: 6px; }
.sub-comments ol li .comments-list-avatar img { padding: 0!important; position: absolute; left: 6px; top: 23px; border: 1px solid #cecece!important; }
.sub-comments .comments-list-body { background: url(../images/sub-comments-comment-body.gif) repeat-x left bottom; }
.sub-comments li .comments-list-body { background: none; }

#add-comment { position: relative; }
#add-comment form { position: relative; }
#add-comment .i-text { border: 1px solid #999; width: 166px; }
#add-comment label { display: block; float: none; padding: 0 0; width: auto; text-align: left; color: #5a5a5a; }
#add-comment textarea { height: 208px; }
#add-comment .col-last { padding-top: 12px; }
#add-comment .col-last p { position: relative; left: 10px; }
#add-comment .col-last label { font-size: 0.9em; }
#add-comment .col-first .i-text { width: 290px; }
#add-comment img { padding: 0; border: none!important; }
#add-comment-submit { position: relative!important; left: 201px!important; top: -43px; }

/* Box corners */
.box em {display: block; margin: 0; padding: 0; overflow: hidden; width: 3px; height: 3px; position: absolute; background-repeat: no-repeat; background-image: url(../images/post-header-corners.gif); }

.box em.rt {right: -1px; top: -1px; background-position: 100% 0;}
.box em.rb {right: -1px; bottom: -1px; background-position: 100% 100%;}
.box em.lt {left: -1px; top: -1px; background-position: 0 0;}
.box em.lb {left: -1px; bottom: -1px; background-position: 0 100%;}

/* Horizontal Menu
------------------------------ */

.menu-h { overflow: hidden; border-left: 1px solid #ccc; }
.menu-h li { float: left; list-style: none; padding: 0 .8em; border-right: 1px solid #ccc; }

/* Horizontal Drop Down Menu
------------------------------ */

.menu-h-d { min-height: 24px; border-left: 1px solid #ccc; }
.menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; }
.menu-h-d li:hover {  }
.menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; }

.menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; }
.menu-h-d ul ul { left: 100%; top: -1px; }

.menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; }

.menu-h-d li:hover { background: #ccc; }
.menu-h-d a:hover { color: #fff; }
.menu-h-d a.active { color: #000; }

.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

.menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }

/* Vertical Menu
------------------------------ */

.menu-v a, .menu-h a { text-decoration: none; display: block; }
.menu-v a:hover, .menu-h a:hover { text-decoration: underline; }

.menu-v { border-top: 1px solid #ccc; }
.menu-v li { padding: 2px 0; list-style: none; border-bottom: 1px solid #ccc; }
.menu-v li ul { padding-left: 1em; margin-top: 2px; }
.menu-v li li { border: none; border-top: 1px solid #ccc; }

/* Vertical Drop Down Menu
------------------------------ */

.menu-v-d { border-top: 1px solid #ccc; }
.menu-v-d li { padding: 2px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none; }
.menu-v-d li a { display: block; position: relative; text-decoration: none; padding-left: 10px; }

.menu-v-d li:hover { background: #ccc; }
.menu-v-d a:hover { color: #fff; }
.menu-v-d a.active { color: #000; }

.menu-v-d li ul { display: none; position: absolute; top: -1px; border-top: 1px solid #ccc; left: 100%; width: 100%; background: #fff; }
.menu-v-d li ul li { background: #fff; }

.menu-v-d li:hover ul ul,
.menu-v-d li:hover ul li:hover ul ul { display: none; }

.menu-v-d li:hover ul,
.menu-v-d li:hover ul li:hover ul,
.menu-v-d li:hover ul li:hover ul li:hover ul { display: block; }

.menu-v-d ul ul { left: 100%; }

/* Content elements
------------------------------ */

.content h1, .content h2, .content h3, .content h4 { font: 1.7em Verdana, Arial, Helvetica, sans-serif; margin-bottom: .5em; }
.content h2, .post-header h1 { font-size: 13px; font-weight: bold; }
.content h3 { font-size: 1.3em; }
.content h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }

.content ul { margin-left: 2em; line-height: 1.3em; }
.content ul li { margin-bottom: .2em; }

.content ol { margin-left: 3em; line-height: 1.3em; }
.content ol li { margin-bottom: .2em; }

pre, code { font: 1.0em/1.6 "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; overflow: auto}
code { padding: .2em .5em; }

p {  }

.icons a, .icon { padding-left: 20px; }

.content p, .content ul, .content ol, .content table, blockquote, pre, .columns, .content img { margin-bottom: 1em; }
.errormessage {color: darkred; font-weight: bold}

/* Text align & Float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; }
table th { background: #f4f4f4; }
table td {  }

/*	Columns
------------------------------ */

.columns { width: 100%; overflow: hidden; }
.w-50, .w-25, .w-33, .w-38, .w-66, .w-75, .w-62 { float: left; overflow: hidden; }

.col-content { padding: 0 6px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 49.8%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33%; }
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Images
------------------------------ */

/*.content img { padding: 5px; border: 1px solid #ccc!important; margin-top: .4em; }*/
.content img.null-image, .ico-dot img, .tx-ratings * img { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.content .f-inputs { padding-left: 30%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-text { width: 200px; padding: 1px; font: 11px sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }

#footer-2 .i-text { background: #333; color: #ccc; border: 1px solid #999; border-color: #999 #666 #666 #999; padding: 3px 4px; width: 132px; margin-bottom: 4px; }
#footer-2 select.i-text { padding: 2px; width: 142px; }
#footer-2 .button { background: #000; border: none; color: #fff; font-size: 10px; }

/* loginbox */
#aoeloginbox-ajaxmessage img {margin-left: 30px; margin-top: 20px}

div.tagcloud {display: inline}
#site .post-text .news-single-img {float: left}
#site .post-text .news-single-img img {float: left}
#footer-2-col-wrpr .col-content ul {margin: 0 0 0 10px}
.cc {clear: both}

.news-catmenu-NO, .news-catmenu-ACT {height: 16px;}
.news-catmenu-NO img, .news-catmenu-ACT img {float: left}

/*list image align left: float: left; */
#site #wrpr #wrpr-2 .post .post-text img { margin: 0 5px 3px 0}

.tx_jphcodesnippets_pi p {margin:0; line-height: 0.7em}

/*videopost have special style*/
#content .post.videopost .post-header {margin-bottom: 0px}
#content .post.videopost .post-text {padding: 9px 3px 5px 5px; background: #000; color: #fff}

.post-comment-link { padding-left: 20px; background: url('../images/post-comment-link.gif') no-repeat; min-width:100px}