/*************************
       LOS - ABBAS
*************************/
* {
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration:none;
}
html, body { /* activates vertical scrolling especially on FF */
	min-height: 100%;
	padding-bottom: 1px;
}
body,
input,
textarea { /* since we mostly use only one font per project just define it global
              some browsers need input and textarea to be defined extra!
              as if it would not be covered by body {} */
	font-family:Arial, Helvetica, sans-serif;
}

input,
textarea { /* due to useability we always need this padding and because we defined padding:0 before */
	padding-left:2px;
}

img { /* to be sure no browser displays an image border since we don't use border="0" on img */
 border:0;
}

/* the values for ul, ol are exemplary but you'll see interpretation differences
   especially on positioning the list symbol/number accross browsers */


h1,
.hl1 {
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}
h2,
.hl2{
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:10px;
}
h3 {

}

h4  { /* not always required */

}

h5 { /* not always required */

}

body{ 
	font-family:Verdana;
}
#main{
	width:771px;
	margin-left:auto;
	margin-right:auto;
}
#shade{
	background-image:url(kour.jpg);
	height:15px;
	width:891px;
	margin-left:auto;
	margin-right:auto;
}
#head1{
	background-image:url(top20_logo2.jpg);
	background-repeat:no-repeat;
	width:771px;
	height:61px;
}
#head2{
	background-image:url(top_orange2.jpg);
	background-repeat:no-repeat;
	width:118px;
	height:257px;
	float:left;
}
#mainpic{
	background-image:url(top2.jpg);
	width:567px;
	height:257px;
	float:left;
}
#head3{
	background-image:url(top_blau2_t.jpg);
	width:86px;
	height:257px;
	float:left;
}
#flags{
	position:absolute;
	left:831px;
	top:28px;
}
#flags a.en:link,
#flags a.en:visited{
	background-image:url(lang_en.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:26px;
	height:16px;
	display:block;
	float:left;
	border:1px solid #000;
}
#flags a.en:hover{
	border:1px solid #FC9421;
}
#flags a.cz:link,
#flags a.cz:visited{
	background-image:url(lang_cz.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:26px;
	height:16px;
	display:block;
	float:left;
	border:1px solid #000;
	margin-right:3px;
}
#flags a.cz:hover{
	border:1px solid #FC9421;
}
#navi{
	float:left;
	background-image:url(podmenu.jpg);
	width:685px;
	height:41px;
	list-style-type:none;
}
#navi ul{
}
#navi li{
	font-family:Trebuchet MS;
	float:left;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin-top:11px;
}
#navi li a,
#navi li a:link,
#navi li a:visited,
#navi li a:focus{
	background:url(menu_ct.jpg) 1px 3px;
	background-repeat:no-repeat;
	padding-left:28px;
	padding-right:2px;
	color:#000000;
}
#navi li span,
#navi li  .active,
#navi li a.active ,
#navi li a:link.active ,
#navi li a:visited.active {
	color:#FC9421;
	background:url(menu_ct2.jpg) 1px 3px;
	background-repeat:no-repeat;
	padding-left:28px;
	padding-right:2px;
}
#navi li a:hover{
	background:url(menu_ct2.jpg) 1px 3px;
	background-repeat:no-repeat;
	color:#FC9421;
}
#head4{
	background-image:url(top_blau2_b.jpg);
	width:86px;
	height:41px;
	float:right;
}
#main_content{
	background:url(pozadi.jpg) repeat-y top left;
	font-family:Trebuchet MS;
	font-size:11px;
	padding-left:35px;
	padding-right:0px;
	float:left;
	width:736px;
}
#content{
	width:530px;
	float:left;
	background:url(bodky.jpg) 526px 0px  repeat-y;
	padding-top:10px;
}
#content p{
	padding-bottom:10px;
	padding-top:10px;
}
#content ul,
#content_right ul{
	list-style-type:none;
}
#content_right li{
	list-style-image:url(bullit.gif);
}
#content li{
	background-image:url(bullit.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding-left:15px;
}
#content ol,
#content_right ol{
	margin-left:18px;
	list-style-position:outside;
	padding-bottom:10px;
	padding-top:5px;
}
#content ol li,
#content_right ol li{
	list-style-type:decimal;
	list-style-image:none;
	background-image:none;
	padding-left:0px;
}
*:first-child+html #content_right,
html>/**/body #content_right{
	width:165px;
	float:right;
	margin-left:5px;
	margin-right:32px;
	margin-top:10px;
	/*padding-top:10px;*/
}
* html #content_right{
	width:165px;
	float:right;
	padding-top:10px;
	margin-right:13px;
}
#content_right span{
	padding-bottom:10px;
}
#content li.a63-pagination_aktuell{
	border:1px solid #FF9900;
	padding:3px 3px 3px 3px;
	padding-left:3px;
	width:7px;
	background-image:none;
	float:left;
}
#content div.a63-entries{
	padding:5px;
	background-color:#fff;
	overflow:auto;
	width:500px;
}
#content div.a63-entries p{
	 padding:0px;
	 background-color:#E2E2E2;
	 width:500px;
}
#content div.a63-entries p.msg{
 padding-bottom:10px;
}
#member{
	width:170px;
	height:134px;
	margin-top:10px;
	/*background-image:url(members.jpg);*/
	background-image:url(membersnew.jpg);
	background-repeat:no-repeat;
}
#member ul{
	list-style-type:none;
	/*margin-left:40px;
	padding-top:35px;*/
	margin-left:25px;
	padding-top:18px;
}
* html #member ul{
	margin-left:10px;
}
#member li{
	padding-left:25px;
	padding-top:5px;
	padding-bottom:10px;
	list-style-image:none
}
.webadmin{
	background-image:url(webadmin.jpg);
	background-repeat:no-repeat;
}
.lossource{
	background-image:url(lossource.jpg);
	background-repeat:no-repeat;
}
.eventsemail{
	background-image:url(eventsemail.jpg);
	background-repeat:no-repeat;
}
#footer{
	background-image:url(pozadi.jpg);
	font-family:Trebuchet MS;
	font-size:10px;
	text-align:center;
	clear:both;
	padding-top:25px;
}
a:link {
	COLOR: #2B729C;
}
a:visited {
	COLOR: #2B729C;
}
a:hover {
	COLOR: #2B729C; TEXT-DECORATION: underline;
}
#red{
	font-family:Trebuchet MS;
	font-size:12px;
	color:#FF0000;
}
a.brown:link {
	COLOR: brown;
}
a.brown:visited {
	COLOR: #000000;
}
a.brown:hover {
	COLOR: #000000; TEXT-DECORATION: underline;
}
.date{
	font-family:Trebuchet MS;
	font-size:9px;
	COLOR: #b0b0b0;
}
.libold{
	font-family:Trebuchet MS;
	font-size:12px;
	COLOR: #000000;
	font-weight:bold;
}

/*************************
     Redaxo Elements
*************************/

div.cnt-blck { /* textile is putting it's output in such blocks */
	clear:both;
}
#content div.image p { /* picture description text */
	font-size:10px; /*define some small font size */ 
	float:none;
	padding:0px;
}
.fl-left { /* can be added as class on image divs for left alignment */
	float: left;
	margin: 3px 20px 0 0;
}
.fl-right { /* can be added as class on image divs for right alignment */
	float: right;
	margin: 3px 0 0 20px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr { /* can be added as class on image divs for centered images */
	text-align:center;
}
.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.hidden {
       display:none;
}
.download {/* can be added on an tag with text link */
	padding:0 0 4px 22px;
}

/*************************
     Forms Elements
*************************/

.frm {
	/* standard form */
}

.frm fieldset legend {
	padding:10px 0 5px 0;
	font-weight:bold;
}
* .frm fieldset legend {
	margin-left:-6px;
}

.frm input,
.frm textarea,
.frm select {	
	border:1px solid #084695;
	padding:2px;
	float:left;
	background-color:fff4d9;
	margin-bottom:10px;
}

.frm input {
	width:250px;	
	height:15px;
}

.frm textarea {	
	width:250px;
}

.frm label {	
	width:120px;
	display:block;
	float:left;
}

.frm input.missing,
.frm textarea.missing {
	background-color:#FFFFFF;
	border:2px solid #fcb913;
}

.frm select {	
	padding:2px;	
	border:1px solid #084695;
}
.frm select option {
	padding-right:10px; /* hinders FF to have the arrow above the text */
}
.frm p {	
	clear:both;
	margin-bottom:0px !important; /* the !important is required, otherwise IE overrides it */
	margin-top:0px !important;	
}

.frm p.fsbmt input {
	margin-left:120px;
	margin-top:10px;
	width:auto;	
	height:auto;
	border:none;
	background-color:none;
	background:none;
	padding:0px;
}

.frm p label.radio {
	width:auto;
	margin-right:15px;
	margin-left:4px;
}

.frm p input.radio, 
.frm p.radio input,
.frm p input.checkbox,
.frm p.checkbox input {
	width:auto;
	height:auto;
	border:none;	
}

.frm p span.radio,
.frm p.radio span {
	display:block;
	float:left;
	width:120px;
}

.frm p label.checkboxRight {
	padding-left:5px;
	width:auto;
}
.a63-buttons input{
	 width:100px;
	 margin-left:120px;
	 height:25px;
}
input.a63-fsubmit{
	margin-left:5px;
}
#content p.a63-buttons{
	padding-left:115px;
}
.error_msg {
	background:#fff4d9;
	font-style:italic;
}



#navi2{
	float:left;
	height:41px;
	list-style-type:none;
}
#navi2 ul{

}

#navi2 li{
	font-family:Trebuchet MS;
	float:left;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin-top:11px;
	width:130px;
}
#navi2 li a,
#navi2 li a:link,
#navi2 li a:visited,
#navi2 li a:focus{
	background:url(menu_ct.jpg) 1px 3px;
	background-repeat:no-repeat;
	padding-left:28px;
	padding-right:2px;
	color:#000000;
}
#navi2 li span,
#navi2 li  .active,
#navi2 li a.active ,
#navi2 li a:link.active ,
#navi2 li a:visited.active {
	color:#FC9421;
	background:url(menu_ct2.jpg) 1px 3px;
	background-repeat:no-repeat;
	padding-left:28px;
	padding-right:2px;
}
#navi2 li a:hover{
	background:url(menu_ct2.jpg) 1px 3px;
	background-repeat:no-repeat;
	color:#FC9421;
}