/* 
 * [a] Dries Van haver
 * [c] Oskar D
 * [w] www.oskard.be
 *
 * css file bevat regular css, css voor javascript ()
 *
 * DEFAULT - BLOCKS - HEADER - MAIN - VAR BLOCKS, FORMS e.d. - FOOTER
*/
body {margin: 0; padding:0;overflow-x:hidden;font: 11px Arial, Helvetica, sans-serif;color:#88141F;background-color: #FFF;}

.btnhack{margin-top: 2px; float: left; margin-left: 2px;}
.loghack{margin-top: 3px; float: left;}

.promoClip{width:512px; height:306px; margin: 0px; float: left;}

img {border: none;}

/* LINKS */
a:link, a:visited{text-decoration: none;color: #F05A28;}
a:hover{text-decoration: none;	color: #EC1C24;}

/* TITLE */
h2{line-height: 13px;font-size: 13px;font-weight: bold;color: #EC1C24;margin: 0px 0px 3px 0px;}
/* SUBTITLE */
h3{	font-size: 11px;line-height: 11px;font-weight: bolder;color:#88141F;margin: 0px;}

/* used in comment */
h4{	line-height: 12px;font-size: 12px;color: #C49A6B;font-weight: bolder;margin: 0px 0px 3px 0px;}
/* used in add comment */
h5{line-height: 12px;font-size: 12px;color: #88141F;font-weight: bolder;margin: 0px 0px 0px 5px;}
/* used in events */
h6{line-height: 12px;font-size: 12px;font-weight: bolder;color: #F15B2A;margin: 0px 0px 3px 0px;}
/* used in search */
h8{	line-height: 12px;font-size: 12px;font-weight: bold;color: #88141F;clear: left;margin: 5px 0px 10px 0px;}

/* used in news */
.orange{color: #F68C28;}
.light{	color: #cc9999;}
.light a{color: #cc9999;}

.left{float: left;margin-right:10px;}
.clear{clear: both;}
/******************************************************************************************** 
 * BLOCKS
 
*********************************************************************************************/
#siteContent{width: 1250px;height: auto; margin: 0; padding: 0;}

/* BLOCKS INSIDE SITECONTENT */
#left{float: left;	width: 264px;height: auto;}

#main{float: left;	width:auto; height: auto;}

/* BLOCKS INSIDE MAIN */
#mainContent{clear: both;width: auto;height: auto;}

#mainContent #content{float: left;width: auto;height: auto;}
#mainContent #right{float: left;margin-left: 24px;width: 150px;}

#mainContent #errorbox{width: 300px;margin: 130px 0px 0px 200px;font-size: 12px;}

#header{font-size: 24px;background: url(../img/core/logo_ae-ext.jpg) no-repeat;width: auto;height: 52px;margin-bottom: 15px;}
/******************************************
 * NAVIGATION
 
*******************************************/
#navigation{background: url(../img/core/header_line.gif) repeat-x;background-position: left bottom;margin-left: 70px;height: 52px;width: auto;}
#navigation .item{margin: 16px 30px 0px 0px;width: auto;height: 29px;float: left;}

.rssicon{margin-top:0px;margin-left: 30px;}
/******************************************
 * AVATARS
 
*******************************************/
.avatarfield{border: 1px solid #C49A6B;float: left;color: #C49A6B;width: 280px;height: 18px;margin: 0;padding: 0;}
#acontent{width: 325px; margin: 5px;}
#acontent #save{margin-top: 10px; margin-bottom: 5px; float: right;}
#avatarholder{width: auto;height: auto; margin-bottom: 10px; float: left;}
#textholder{width: 280px; margin-left: 20px; float: left;}
#avatarholder .avatar{width: 75px; height: 75px; float: left; border: 3px solid #fff; margin: 0px;}
#avatarform{margin-top: 5px; margin-bottom: 3px; float: left;}

/******************************************************************************************** 
 * LEFT
 
*********************************************************************************************/
#aeLogo{float: left;width: 100%;height: 180px;overflow: hidden;}
#leftContent{float: left;width: 100%;height: auto;}
#leftHolder{margin-left: 24px;width: 210px;}
/******************************************
 * LOGIN
 
*******************************************/
#leftHolder .login{font-size: 11px;	margin-bottom: 20px;float: right; visibility: visible;}

.login h4{margin-left:69px;}
.login .icn{margin-left:69px; margin-top: 5px;}
.login a:link, a:visited{text-decoration: none;color: #EC1C24;}
.login a:hover{	text-decoration: none;	color: #88141F;}
.login #name{font-weight: bold;}

.field{border: 1px solid #C49A6B;color: #C49A6B;width: 120px;height: 18px;padding: 0;margin: 0px 0px 0px 69px;}

.pasField{float:left;border: 1px solid #C49A6B;color: #C49A6B;width: 120px;height: 18px;padding: 0;margin: 0px 0px 0px 69px;}

.forgot{visibility: hidden; font-size: 10px; margin-bottom: 20px;float: right;}
.logged{visibility: hidden;}
.logged .txt{width: auto;float:left;height: auto;}
/******************************************
 * REGIONS
 
*******************************************/
#leftHolder #flashMap{clear:both; width: 100%;height: 350px; border: 1px solid #C49A6B; margin-bottom: 10px;}
/******************************************************************************************** 
 * MAINCONTENT
 
*********************************************************************************************/
.topBlock{width: 453px;	margin: 0px 0px 5px 75px;}
.StopBlock{	width: 380px;margin: 0px 0px 5px 75px;}

.block{clear: left;width: 528px;margin: 0px 0 5px 0; padding-top: 20px;}
.Sblock{clear: left;width: auto;margin: 20px 0 5px 0; padding-top: 20px;}
.centerDetailBlock{width: 535px;margin-top: 0px;margin-bottom: 20px;}
/******************************************
 * HOMEPAGE
 
*******************************************/
#homeSteps{background: url(../img/core/home_stepline.gif) no-repeat;width: 453px;height: 50px;margin: 15px 0px 0px 0px;text-align: center;}

#homeSteps .item{width: auto; padding-left: 45px; height: 50px; float: left;}
#homeSteps .fade{width: auto; padding-left: 45px; height: 50px; float: left; opacity: .5; filter: alpha(opacity=50);}

#homeSteps .Sitem{width: auto; padding-left: 25px; height: 50px; float: left;}
#homeSteps .Sfade{width: auto; padding-left: 25px; height: 50px; float: left; opacity: .5; filter: alpha(opacity=50);}


#homeSteps .SSitem{width: auto; padding-left: 5px; height: 50px; float: left;}
#homeSteps .SSfade{width: auto; padding-left: 5px; height: 50px; float: left; opacity: .5; filter: alpha(opacity=50);}

#flashOverview{	width: 528px;height: 264px;}
/******************************************
 * PARTICIPATE
 
*******************************************/
.error {color:#F00; float: left; width: 100%;}
.secondContent div .error {width: 350px;}
.form{width: auto;height: auto;}

.firstCol{float: left;width: 72px;height: auto;}
.secondCol{float: left;width: 434px;height: auto;}
.secondContent{float: left;margin-top: 15px;}
.nmbContent{float: left;margin-left: 20px;	margin-top: 15px;}

.formitem{clear: left;}
.topTxt{float: right; font-size: 14px; font-weight: bold; color:#FFF; margin-top: 30px;}

/* COMMON */
.formitem .artistTop{float: left;width: 100%;height: 48px;background: url(../img/core/participate_artist-ext.gif) repeat-x;background-position: bottom;}
.formitem .uploadTop{float: left;width: 100%;height: 48px;background: url(../img/core/participate_upload-ext.gif) repeat-x;background-position: bottom;}
.formitem .tagTop{float: left;width: 100%;height: 48px;background: url(../img/core/participate_tag-ext.gif) repeat-x;background-position: bottom;}

.formitem  .artistCol{float: left;	width: 48px;background-color: #000;	height: 48px;background: url(../img/core/participate_artist.gif) no-repeat;background-position: bottom;}
.formitem  .uploadCol{float: left;width: 48px;height: 83px;background: url(../img/core/participate_upload.gif) no-repeat;background-position: bottom;margin-top: -35px;}
.formitem  .tagCol{float: left;width: 48px;height: 125px;background: url(../img/core/participate_tag.gif) no-repeat;background-position: bottom;margin-top: -77px;}

/* PERSONAL PART */
#avatar, .avatar{text-align: center;margin: 5px 8px 0 0;float:left;width: 80px; min-height: 50px; height: auto;}
.secondContent #avatar img, .secondContent .avatar img, .secondCol .avatar img {width: 50px;}
.secondCol .avatar {margin: 5px 5px 0 0;width:50px;}


/* FORMULIER */
.fields{font: 11px Arial, Helvetica, sans-serif;color:#000;	float: left;border: 0px;height: 15px;margin-left: 5px;width: 230px;}

.area{font: 11px Arial, Helvetica, sans-serif;color:#000;background: url(../img/core/line_area.gif) repeat top;line-height: 20px;overflow: auto;border: 0px;height: 100px;margin-left: 3px;width: 310px;float: left;}
.fieldItem{float: left;width: 410px;height: 18px;margin-bottom: 5px;background: url(../img/core/line_dashed.gif) repeat-x;background-position: bottom;}
.fieldEx{font-size: 10px;color: #cc9999;text-align: right;float: right; height: 18px;}
.TopfieldItem{float: left;width: 320px;height: 18px;margin-bottom: 5px;background: url(../img/core/line_dashed.gif) repeat-x;background-position: bottom;}
.radioItem, .areaItem, .newsItem, .fileItem{float: left;margin-bottom: 15px; font-size: 11px;}

.dropDown{font: 11px Arial, Helvetica, sans-serif;color:#000;float: left;margin-bottom: 5px;width: 200px;}
label{background-color: #FFF;height: 16px;margin: 2px 3px 0px 0px;font-weight: bold;float: left;width: auto;}

.knoppen{text-align: right;margin-top: 5px;	float:left;width: 410px;}
/******************************************
 * COMPETITION
 
*******************************************/
.centerBlock{height: auto;width: 535px;margin: 0px 0px 20px 0px;float: left;}
.column{width: 158px;height: auto;float: left;}

.columnLine{float: left;background: url(../img/core/competition_line.gif) repeat-y;width: 4px;height: 140px;margin: 118px 13px 0px 13px;}

.column .title{float: left;width: 158px;margin-top: 90px;text-align: center;color: #FFF;font-size: 14px;font-weight: bold;margin-bottom: 10px;}

#whoCol{float: left;background: url(../img/core/competition_who.gif) no-repeat;width: 158px;}
#whatCol{float: left;background: url(../img/core/competition_what.gif) no-repeat;width: 158px;}
#whyCol{float: left;background: url(../img/core/competition_why.gif) no-repeat;	width: 158px;}

.comHeader{background: url(../img/core/competition_works.gif) no-repeat; width:522px; height: 68px; float:left;}
.winHeader{width:522px; height:100px; float:left;}
.nomHeader{clear:left;background: url(../img/core/home_nominees.gif) no-repeat; width:522px; height: 59px; float:left;}
.nomTitle{float:right;width: auto;margin: 40px 10px 0 0;color: #FFF;font-size: 14px;font-weight: bold;}


.comTitle{float: left;width: auto;margin: 10px 0 0 0;color: #88141F;font-size: 14px;font-weight: bold;}
.thumbcontainer{width: 535px;height: auto;clear: left; margin: 0;}
.Othmb{width: 85px;/*height: 85px;*/float: left; border: 1px solid #C49A6B; background-color:#ec1c24;/*#ebddcd;*/}

.paging{clear:left; padding-top:20px;}
.paging .pageIcn, .paging .nmbers {display:inline;}


/******************************************
 * DETAIL
 
*******************************************/
.result{width: 100%;height: auto;margin-bottom: 10px;float: left;}
.topResult{background: url(../img/core/detail_tag-top.gif) no-repeat;margin-left: 384px;width: 150px;height: 48px;}
.firstdetailCol{text-align: right;width: 70px;margin-right: 4px;height: auto;float: left; margin-top: -2px;}
.result .secondCol{width: 300px;height: auto;margin-right: 10px;float: left;margin-top:-2px;}

.result .thirdCol{width: 150px;	height: auto; float: left;}

.thirdCol_item{margin-bottom: 10px;}
.thirdCol .tagItem{margin: 5px 0px 10px 0px;width: 140px;float: left;}

.thirdCol .thumbs, .thirdCol .vote{width: 150px;	height: auto;float: left;}

.thmb{border: 1px solid #C49A6B;width: 50px;height: 50px;margin: 0px;float: left;}

/* comments */
.comments{float: left;margin: 35px 0px 15px 0px;width: 100%;height: auto;}

.comments .secondCol{float: left;width: 455px;height: auto;}
.secondCol .item{margin-bottom: 10px; float: left;}
.icn{margin-top: 5px;}
.icn a {color: #88141F;}
.item .txt{	width: 398px;float:left;height: auto;}
/* add comments */
.addcomments{float: left;margin-top: 15px;width: 100%;height: auto;}
/******************************************
 * EVENTS / NEWS
 
*******************************************/
.vLine{background: url(../img/core/line_event.gif) repeat-y;width: 4px;height: auto;margin-left: 20px;}
.eventNews{	float:left;width: 100%;height: auto;margin-bottom: 10px;}
.Eitem, .Nitem{	margin-left: 15px;}

.firstNewCol{	background: url(../img/core/news_item-new-ext.gif) repeat-y;background-position: right;text-align: right;width: 70px;margin-right: 4px;height: auto;float: left;}
.newsPic{float: left;width: 100px;height: 100px;margin-right: 5px; overflow: hidden;}

/******************************************
 * PAGING
 
*******************************************/
.pg-normal {font: 11px Arial, Helvetica, sans-serif; color: #cc9999;font-weight: normal;text-decoration: none;cursor: pointer; margin: 1px; padding:1px 4px 0 4px; border:1px solid #c99;}
.pg-hidden {font: 11px Arial, Helvetica, sans-serif; color: #cc9999;font-weight: normal;text-decoration: none;cursor: pointer; margin: 3px; visibility: hidden;}
.pg-selected {color: #EC1C24;font-weight: bold;text-decoration: none;cursor: pointer; margin: 3px;}

#pageNavPosition{color: #EC1C24; padding-left: 89px; float:left;}
#pageNavCompetition{color: #EC1C24; clear:left;}
#pgPrev, #pgNext, .pgbtn{height: 15px; width: auto; float:left; margin: 2px 3px 0 0;}
#pageNavPosition #nmbers, #pageNavCompetition #nmbers{margin: 3px 5px 0 2px;  width: auto; float: left;}
/******************************************
 * AMBASSADOR
 
*******************************************/
.Onecolumn{width: auto;height: auto;float: left; margin-bottom: 20px;}
.Onecolumn p{clear: left; width:auto; margin: 0px;}
#Onecol{background: url(../img/core/ambassador.gif) no-repeat;width:42px;height: 74px; float: right;}
	.Onebar{background-color: #f05a28; height: 22px; float:left;margin-bottom: 10px;}
	.Onepicture{float: left;border: 1px solid #C49A6B;background-color: #ebddcd;height: 189px;margin-bottom: 15px;}

.Onetitle{float: left;width: 535px;margin-top: 6px;text-align: center;color: #FFF;font-size: 12px;font-weight: bold;}

#am1Col{float: left;background: url(../img/core/ambassador_man1.gif) no-repeat;width: 158px;height: 108px;}
#am2Col{float: left;background: url(../img/core/ambassador_man2.gif) no-repeat;width: 158px;height: 108px;}
#am3Col{float: left;background: url(../img/core/ambassador_woman.gif) no-repeat;width: 158px;height: 108px;}
.Acolumn{width: 158px;height: auto;float: left; margin-right: 20px; margin-bottom: 20px;}

.Acolumn .Atitle{float: left;width: 158px;margin: 78px 0px 10px 0px;text-align: center;color: #FFF;font-size: 12px;font-weight: bold;}
.Atitle a:link{color: #FFF;}

.Atitle a:visited{color: #FFF;}

.Apicture{float: left;border: 1px solid #C49A6B;background-color: #ebddcd;width: 156px;height: 156px;margin-bottom: 15px;}

.columnSpace{float: left;width: 30px;height: 250px;}
/******************************************
 * SEARCH
 
*******************************************/
.searchBlock{float:left;}
.searchBlock .left label {float:left; width:60px;}
.searchBlock .left select {_margin-left:3px;}
#right .field, .vote .field {margin-left:0; height: 16px; float: left;}

.searchContainer{width: auto;margin-left: 74px;margin-bottom: 25px; float:left;}

.searchTxt{width: 280px;float:left;height: auto;}
.searchDown{font: 11px Arial, Helvetica, sans-serif;float: left;margin-bottom: 5px;width: 160px;border: 1px solid #C49A6B;color: #C49A6B;}
.searchField{border: 1px solid #C49A6B;color: #C49A6B;width: 160px;height: 18px;margin-bottom: 4px;padding: 0;}
.ScolumnLine{float: left;background: url(../img/core/competition_line.gif) repeat-y;width: 4px;height: 140px;margin: 0px 13px 0px 13px;}

.themSpace{background: url(../img/core/search_line-h.gif) no-repeat;background-position: middle;height: 5px;float: left;margin: 5px 0px 10px 10px;width: 100%;}

.ThemfirstCol{float: left;width: 68px;height: auto;background: url(../img/language/ext_search-them.gif) repeat-y;background-position: right;}
/******************************************************************************************** 
 * RIGHT
 
********************************************************************************************/
.firstBlock{width: 150px;clear: left;margin-bottom: 10px;}
.commentItem, .eventItem{float: left;margin-bottom: 10px;}

.date{	color: #cc9999;	font-size: 10px;}
.firstBlock .icon{float: left;width: 15px;margin-right: 5px;}
.firstBlock .item{float: left;	width: 130px;}

.commentItem a, .eventItem a {font-size: 11px;font-weight: bolder;color:#88141F;}

.more_right{float:right;}
/******************************************
 * tagcloud
 
*******************************************/
#mytagcloud {float: left;margin-left: -10px;width: 150px; margin-top: 10px;}
ul.tagcloud-list {font-size: 100%;font-weight: bold;padding: 2px;margin:0px 10px 10px 10px;}
li.tagcloud-base {line-height: 20px;margin:1px;display: inline;font-size: 36px;}

a.tagcloud-anchor {text-decoration: none;  color:#88141F;}
a.tagcloud-first { color: #C49A6B;}
a.tagcloud-second { color: #F05A28;}
a.tagcloud-third { color: #88141F;}
a.tagcloud-fourth { color: #EC1C24;}
/******************************************************************************************** 
 * FOOTER
 
*********************************************************************************************/
#footer{float: left;height: 103px;width: 100%;}
.footer-ext{float: left;background: url(../img/core/footer_ext.gif) repeat-x;background-position: bottom;height: 103px;width: auto;}
.footer-cent{float: left;background: url(../img/core/footer_img.gif) repeat-x;height: 103px;width: 970px;}
.footer-cent .container{text-align: center; margin-top: 85px; color: #FFF;}
.footer-cent a{text-decoration: none; color: #FFF;}
.footer-cent a:hover{text-decoration: none; color: #FFF;}
.footer-cent a:visited{text-decoration: none; color: #FFF;}

//////***************
#media{width:300px;float:left;text-align: center;}


/*tooltip*/
.tool-tip {color: #FFF;width: 139px;z-index: 13000;}
.tool-title {font-weight: bold;font-size: 10px;margin: 0;color: #fbf9f4;padding: 5px 5px 4px;background: url(../img/tooltip/balloon.png) top left;}
.tool-text {font-size: 10px;padding: 0px 8px 8px;background: url(../img/tooltip/balloon.png) bottom right;}

#votesofar{background:#ec1c24; /*position:relative; left:0; bottom:0;*/ color:#fff; /*float:left;*/ padding-left:3px;/* width:82px; display:block;*/}