/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
cite, em, dfn {font-style: italic;}
code, kbd, samp, pre, tt, var {font-size: 92%; font-family: courier, monaco, "Lucida Console", mono-space;}
textarea, select, option {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
input[type='text'], input[type='password'] {font-family: tahoma, courier, monaco, "Lucida Console", mono-space; font-size:100%;}
del {text-decoration: line-through; color: #666;}
ins, dfn {border-bottom: 1px solid #ccc;}
small, sup, sub {font-size: 85%;}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em;}
a abbr, a acronym {border: none;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc;}
sup {vertical-align: super;}
sub {vertical-align: sub;}

/* QUOTES */
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote *:first-child:before {content: "\201C";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
blockquote *:first-child:after {content: "\201D";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */

/* language specific quotes! */
q {quotes: "\201C" "\201D" "\2018" "\2019";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */


/* FORMS */
fieldset {border: 1px solid #ccc;}
legend {background: #fff;}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ffffaa;}
input, select {cursor: pointer;}
input[type='text'], input[type='password'] {cursor: text;}
input {vertical-align:middle;}

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */
body {font-size: 1.3em; line-height: 1.2em; background:#050504; text-align:center; color:#FFF;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

/* HR */
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none;}

/* LISTS */
/* ul {margin:0; padding:0; list-style:none} ul li {text-indent: 0; margin: 0; padding:0; list-style:none;} ul li:before {content: "";} */
ul li {text-indent: -.85em; margin-left: .85em;}
ul li:before {content: "\2022\00a0\00a0";} /* More characters http://jrgraphix.net/research/unicode_blocks.php?block=48 */
ol {list-style-position: outside; list-style-type: decimal;}
dt {font-weight: bold;}

/* TABLES */
table { border:none;}
th, td { border:none;}

/* MARGINS & PADDINGS */
blockquote *:first-child {margin: .8em 0;}
hr, p, ul, ol, dl, pre, blockquote, address, table, form {margin-bottom: 1.6em;}
p+p {margin-top: -.8em;}

/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {margin: 1em 0 .5em;}
h2 {margin: 1.07em 0 .535em;}
h3 {margin: 1.14em 0 .57em;}
h4 {margin: 1.23em 0 .615em;}
h5 {margin: 1.33em 0 .67em;}
h6 {margin: 1.6em 0 .8em;}
th, td {padding: .3em;}
caption {padding-bottom: .8em;} /* padding instead of margin for IE */
blockquote {padding: 0 1em; margin: 1.6em 0;}
fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0;} /* padding-top is margin-top for fieldsets in Opera */
legend {padding-left: .8em; padding-right: .8em;}
legend+* {margin-top: 1em;} /* compensates for the opera margin bug */
textarea, input {padding: .15em .4em .25em .4em;}
input {margin:0.1em 0.3em 0.3em 0em}
select {padding: .1em 0 0 .2em;}
option {padding: 0 .4em;}
ul {margin-left: 1.5em;}
ol {margin-left: 2.35em;}
ol ol, ul ol {margin-left: 2.5em;}
form div {margin-bottom: .8em;}

/* DT, DL, DD */
/*dt, dl, dd {margin:0; font-weight:normal;} */
dt {margin-top: .8em; margin-bottom: .4em;}


/* COLORS */
/* a:link, a:visited, a:hover, a:active, a:focus */
a:link {text-decoration: underline; color: #1f915f;}
a:visited {text-decoration: underline; color: #1f915f;}
a:hover {text-decoration: none; color: #fff;}
a:active, a:focus {text-decoration: underline; color: #1f915f;}
code, pre {color: #c33;} /* very optional, but still useful. W3C uses about the same colors for codes */

/* CLEARFIX */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.clearfix {display: inline-block;} /* for IE/Mac */
html[xmlns] .clearfix {display: block;}

/* IMG ALIGN */
img[align=left] {float:left; margin:0 1em 1em 0}
img[align=right] {float:right; margin:0 0 1em 1em}

body.text { background-image:url(../images/bg1.jpg); background-position:50% 0; background-repeat:no-repeat;}
body.index { background-image:url(../images/bg2.jpg); background-position:50% 0; background-repeat:no-repeat;}
.main { width:930px; margin:auto; height:850px; position:relative; text-align:left;}

.logo { position:absolute; left:0; top:0; background:url(../images/logo.png) 0 0 no-repeat; width:185px; height:95px; display:block; text-indent:-9999em;}
.home { position:absolute; left:245px; top:33px; background:url(../images/home.png) 0 0 no-repeat; width:12px; height:12px; display:block; text-indent:-9999em; }
.addVideo { position:absolute; left:755px; top:100px; background:url(../images/addVideo.png) 0 0 repeat-y; width:159px; height:35px; display:block; text-indent:-9999em; z-index:5}

#top25 {color: red;}

.menu { position:absolute; top:20px; left:260px; line-height:130%; z-index:5;   }
.menu a:link, .menu a:visited, .menu a:hover, .menu a:active, .menu a:focus { color:#FFF; text-transform:uppercase; font-weight:bold; font-size:15px; float:left; display:block; padding:10px; margin:0 0 0 13px; }
.menu a:hover, .menu a:active, .menu a:focus, .menu a.active:link, .menu a.active:visited, .menu a.active:hover, .menu a.active:active, .menu a.active:focus  { background:url(../images/topMenuBg.png) 0 50% repeat-x; text-decoration:none;}

.menu a.bordered:link, .menu a.bordered:visited, .menu a.bordered:hover, .menu a.bordered:active, .menu a.bordered:focus { border:1px solid #191919;}
.menu a.bordered:hover, .menu a.bordered:active, .menu a.bordered:focus { background-image:none;}




.submenu { position:absolute; top:65px; left:280px; line-height:130%; display:none;   }
.submenu a:link, .submenu a:visited, .submenu a:hover, .submenu a:active, .submenu a:focus { float:left; color:#187c5a; font-size:13px; font-weight:bold; padding:3px 10px; margin-right:1px; }
.submenu a.active:link, .submenu a.active:visited, .submenu a.active:hover, .submenu a.active:active, .submenu a.active:focus, .submenu a:hover, .submenu a:active, .submenu a:focus  { background:#004526; color:#FFF; text-decoration:none;}


.attention { position:absolute; background:url(../images/attention.png); height:80px; width:890px; top:770px; left:20px; text-indent:-9999em;}


.copy { position:absolute; top:720px; left:20px; line-height:120%; }

.copy2 { position:absolute; top:720px; left:735px; line-height:120%; text-align:right; }

.gray { color:#666666; }
.green { color:#1f915f; }


.content { position:absolute; top:137px; left:30px; width:880px; height:520px; }
.maincontent { position:absolute; top:140px; left:290px; width:620px; height:345px; }
.scroll { height:525px; overflow:auto;}
.tdW { width:48%; vertical-align:top;}

.pic { border:1px solid #141413; margin-right:5px;}
.pic2 { border:1px solid #141413; margin-right:25px; float:left;}
.big { font-size:140%; font-weight:bold;}

.plakat, .plakat2 { display:none;}
#js .plakat { position:absolute; width:135px; margin-left:500px; height:260px; top:220px; left:50%; }
#js .plakat2 { display:block; position:absolute; width:135px; margin-left:-610px; height:260px; top:220px; left:50%; } 

.pravila { position:absolute; width:150px; position:absolute; top:262px; left:110px; }
.right { text-align:right;}
.title { position:absolute; top:110px; left:280px; font-size:15px;}
.title a:link, .title a:visited, .title a:hover, .title a:active, .title a:focus { color:#FFF;  }

.quote { position:absolute; top:550px; left:290px; width:615px; line-height:110%;  }
a.whiteLink:link, a.whiteLink:visited, a.whiteLink:hover, a.whiteLink:active, a.whiteLink:focus { color:#FFF;}
a.grayLink:link, a.grayLink:visited, a.grayLink:hover, a.grayLink:active, a.grayLink:focus { color:#666;}
span.grayLink{ display:block; margin:0.7em 0; color:#666 }

.moreFlash { position:absolute; margin:0 0 0 415px; overflow:hidden; height:300px;}
.moreFlash img { float:left; margin:0 10px 2px 0; border:1px solid #212121}

.floatRight { float:right;}
.flashinfo { width:400px; color:#666; padding-top:0.5em; }
.flashinfo img { vertical-align:middle;}

.moreFlash .right { padding:7px 5px 0 0;}
.menuFix { position:absolute; width:100%; left:0; top:95px; height:40px;}

.quoteautor { position:absolute; top:645px; left:290px; color:#666666;  }
.quoteautor2 { top:505px; }


.prw { margin-bottom:1em; border:1px solid #161616; }
.bigger { font-size:120%;}
.videoList { float:left; width:122px; height:17em; overflow:hidden; margin-right:15px; }

.pager { text-align:right; padding-right:1em; }
.pager a:link, .pager a:visited, .pager a:hover, .pager a:active, .pager a:focus { position:relative; margin-left:0.5em; color:#FFF;  }
.pager a.active:link, .pager a.active:visited, .pager a.active:hover, .pager a.active:active, .pager a.active:focus { background:#00562f; text-decoration:none; padding:0 3px;   }

.allWork { margin-top:20px;}
.comments { font-size:14px; font-weight:normal; }

.scroll2{ height:450px; line-height:120%; }
.rating { float:left; background:url(../images/plus1.png) 0 0 no-repeat; padding:17px 14px 14px 14px; font-size:20px;}
.rating2 { float:left; background:url(../images/plus2.png) 0 0 no-repeat; width:48px; height:48px;  }
.vote { font-size:130%; float:left; margin:0.1em 0 0 1em; }
.vote2 { font-size:130%; float:left; margin:0.1em 0 0 1em; color:#af0004 }
.prev, .next, .all { position:absolute; top:675px; display:block;}
.prev { left:15px; padding-left:15px; background:url(../images/prev.png) 0 50% no-repeat}
.next { right:15px; padding-right:15px; background:url(../images/next.png) 100% 50% no-repeat }
.all { left:47%;  padding-right:15px; background:url(../images/next.png) 100% 50% no-repeat}
.allWork {  padding-right:15px; background:url(../images/next2.png) 100% 50% no-repeat}

.name { background-position:-2px 554px; background-repeat:no-repeat; }
.mainConkurs { width:250px; height:115px; position:absolute; top:150px; left:15px; text-indent:-999em;}
.zvezdi { width:260px; height:115px; position:absolute; top:510px; left:0; text-indent:-999em;}
.journal { background:url(../images/journal.png) 50% 198px no-repeat; }
.commentsPopup { z-index:999; top:188px; left:457px; width:450px; position:absolute; }
.commentsPopupBorder {background:#000; border:1px solid #277b56; padding:15px; color:#666666; font-size:11px; }
.grayInput { background:#b3b3b3 !important ; border-color:#b3b3b3 !important ; outline:none !important ; }
.commentsPopup { display:none;}
.commentsPopup .curr { width:16px; height:10px; overflow:hidden; background:url(../images/curr.png) 0 0 no-repeat; position:absolute; top:-7px; left:195px; }
.commentsPopup .close { width:17px; height:18px; overflow:hidden; background:url(../images/close.png) 0 0 no-repeat; position:absolute; top:10px; left:423px; display:block; }

.inblogpopup { z-index:999; top:560px; left:35px; width:875px; position:absolute; display:none; }
.inblogpopupBorder {background:#000; border:1px solid #277b56; padding:15px; color:#666666; font-size:11px; }
.inblogpopup .curr { width:16px; height:10px; overflow:hidden; background:url(../images/curr.png) 0 0 no-repeat; position:absolute; top:-7px; left:275px; }
.inblogpopup .close { width:17px; height:18px; overflow:hidden; background:url(../images/close.png) 0 0 no-repeat; position:absolute; top:10px; left:850px; display:block; }
.inblogpopup table { margin-bottom:0; width:820px;}
.thx, .nicht { display:none;}
.prwH { height:80px; border:1px solid #161616; background-position:0 50%; display:block; margin-bottom:1em; }
.twoRows { display:block; height:2.1em; overflow:hidden; width:100%;}
.videoTite { line-height:100%; display:block; margin-right:95px;}
ul#menu {margin:0; padding:0; list-style:none} ul#menu li {text-indent: 0; margin: 0; padding:0; list-style:none; width:205px;} ul#menu li:before {content: "";}
/* SORT */
.sort { float:right; color:#535353; font-size:11px; margin: 23px 2em 0 0}
.sort a:link, .sort a:visited, .sort a:hover, .sort a:active, .sort a:focus {  color:#535353; display:inline-block; padding:0 5px; }
.sort a:hover, .sort a:active, .sort a:focus {text-decoration:underline;}
.sort a.active:link, .sort a.active:visited, .sort a.active:hover, .sort a.active:active, .sort a.active:focus { background:#094523; color:#FFF;}