@charset "utf-8";
/* CSS Document */

body
{
	margin:0;
	padding:0;
	background:#f5f5f5 url(../images/theme/gradient.jpg) repeat-x left top;
	font:12px Arial, Helvetica, sans-serif;
}

a
{
	text-decoration:none;
}

img
{
	border:none;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	color:#222;
}



/**************************************************************************************************************************************************************
			MENI
**************************************************************************************************************************************************************/

div#meni-div
{
	position:relative;
	width:882px;
	height:37px;
	margin:15px auto 0px auto;
	padding:0px 10px 0px 10px;
	background:url(../images/theme/meni_back.jpg) no-repeat left top;
}

div.meni-link-div
{
	position:relative;
	height:auto;
	width:100px;
	float:left;
	text-align:center;
	text-transform:uppercase;
	background:url(../images/theme/link_divider.jpg) repeat-y left;
}

div.meni-link-div a
{
	position:relative;
	display:block;
	padding:12px 0px 10px 0px;
	color:#222222;
}

div#referal-link
{
	width:165px;
	text-align:center;
	text-transform:lowercase;
	background:none;
}

div#referal-link a
{
	color:#999999;
	font-size:11px;
}

a.meni-link:hover
{
	background:url(../images/theme/link_hover.jpg) no-repeat 1px 1px;	
}

a#active-link
{
	color:#FFF;
	background:url(../images/theme/link_active.jpg) no-repeat 1px 1px;
}




/**************************************************************************************************************************************************************
			HEADER
**************************************************************************************************************************************************************/

div#header-div
{
	position:relative;
	width:900px;
	height:175px;
	margin:0px auto 0px auto;
	border:1px solid #DDD;
	border-top:none;
	background:url(../images/theme/header_back.jpg) no-repeat center top;
}

a#logo-link
{
	position:absolute;
	display:block;
	left:190px;
	top:50px;
	width:370px;
	height:70px;
	text-transform:uppercase;
	text-align:center;
	color:#AAA;
	letter-spacing:1.26em;
}



/**************************************************************************************************************************************************************
			PAGE MAIN
**************************************************************************************************************************************************************/

div#body-div
{
	position:relative;
	width:902px;
	height:1%;
	overflow:hidden;
	margin:10px auto 10px auto;
}

div#column-left
{
	position:relative;
	width:500px;
	height:1%;
	overflow:hidden;
	float:left;
}

div#column-right
{
	position:relative;
	width:390px;
	height:1%;
	overflow:hidden;
	float:right;
	background:#FFF url(../images/theme/content_gradient.jpg) repeat-x left top;
	border:1px solid #DDD;
}



/**************************************************************************************************************************************************************
			PAGE CONTENT
**************************************************************************************************************************************************************/

div.content-div
{
	position:relative;
	width:468px;
	height:1%;
	overflow:hidden;
	padding:15px 15px 35px 15px;
	background:#FFFFFF url(../images/theme/content_gradient.jpg) repeat-x left top;
	border:1px solid #DDD;
	margin-bottom:10px;
}

div.content-div h1.article-title
{
	position:relative;
	font-weight:normal;	
}

div.content-div span.article-date
{
	position:relative;
	display:block;
	font:11px Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#999;
}

div.content-div p.article-text
{
	position:relative;
	font:12px/19px Arial, Helvetica, sans-serif;
	color:#555;
	text-align:justify;
}

div.content-div p.article-text img
{
	position:relative;
	float:left;
	border:1px solid #DDD;
	margin:0px 10px 0px 0px;
	top:3px;
}

div.content-div a.more-bttn
{
	position:absolute;
	display:block;
	width:48px;
	height:auto;
	right:15px;
	bottom:10px;
	background:#FFF url(../images/theme/vise_bttn_back.jpg) repeat-x left top;
	color:blue;
	font-size:11px;
	font-style:italic;
	border:1px solid #DDD;
	padding:3px 0px 3px 0px;
	text-align:center;
}

div.content-div a.more-bttn:hover
{
	color:#777;
}




/**************************************************************************************************************************************************************
			PAGE NUMBERS
**************************************************************************************************************************************************************/

div#pages-div
{
	position:relative;
	width:500px;
	height:auto;
	margin-bottom:0px;
}

div#pages-div a:hover
{
	background-color:#EEE;
}

div#page-numbers
{
	position:relative;
	width:341px;
	height:27px;
	text-align:center;
	margin:0px auto 0px auto;
	border:0px solid red;
}

div#page-numbers a
{
	display:block;
	width:25px;
	height:auto;
	padding:5px 0px 5px 0px;
	border:1px solid #DDD;
	background:#FFF;
	margin:0px 2px 0px 2px;
	text-align:center;
	float:left;
}

div#page-numbers a#active-page
{
	color:#FFF;
	background:#3b5998;
}

a#link-first
{
	position:absolute;
	left:0px;
	top:0px;
	border:1px solid #DDD;
}

a#link-previous
{
	position:absolute;
	left:31px;
	top:0px;
	border:1px solid #DDD;
}

a#link-next
{
	position:absolute;
	right:31px;
	top:0px;
	border:1px solid #DDD;
}

a#link-last
{
	position:absolute;
	right:0px;
	top:0px;
	border:1px solid #DDD;
}



/**************************************************************************************************************************************************************
			ARTICLE GALLERIES
**************************************************************************************************************************************************************/

div#article-gallery-div
{
	position:relative;
	width:auto;
	height:auto;
	margin-top:50px;
	border-top:1px solid #DDD;
}

div#article-gallery-div h1
{
	font-size:16px;
	color:#555;
	font-weight:normal;
	padding:10px 0px 5px 0px;
	margin-bottom:10px;
}

div#article-gallery-images
{
	position:relative;
	height:auto;
	overflow:hidden;
}

div#article-gallery-images a
{
	position:relative;
	float:left;
	margin:1px;
	padding:1px;
	border:1px solid #DDD;
}

div#article-gallery-images a:hover
{
	border:1px solid #3b5998;
}



/**************************************************************************************************************************************************************
			SPORTS
**************************************************************************************************************************************************************/

a.sports-team-link
{
	position:relative;
	display:block;
	width:445px;
	padding:10px;
	margin:8px 0px 8px 0px;
	font:16px Arial, Helvetica, sans-serif;
	background:#FFF;
	color:#555;
	border:1px solid #DDD;
}

a.sports-team-link:hover
{
	background:#f4f4f4;
	color:#222;
}

h1.sports-list-title
{
	position:relative;
	font-size:18px;
	font-weight:normal;
	margin:20px 10px 20px 10px;
}

h1#sport-team-title
{
	position:relative;
	width:auto;
	height:auto;
	font-size:16px;
	font-weight:normal;
	color:#222;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #DDD;
}

h1#sport-team-title span
{
	position:relative;
	left:10px;
	color:#777;
	font-size:12px;
}

h1#sport-competition-title, h1#sport-competition-results
{
	font-size:16px;
}

table#competition-order-table
{
	position:relative;
	font:14px Arial, Helvetica, sans-serif;
	margin:10px 0px 10px 0px;
	width:100%;
}

table#competition-order-table td
{
	padding:8px 3px 8px 3px;
	background:#f0f0f0;
}

table#competition-order-table td.team-position
{
	text-align:center;
}

div.sport-round-header
{
	position:relative;
	width:auto;
	height:auto;
	margin:10px 0px 10px 0px;
	padding:5px 10px 5px 10px;
	border:1px solid #DDD;
	font-weight:bold;
}

div.sport-result-div
{
	position:relative;
	width:auto;
	height:1%;
	overflow:hidden;
	margin:10px 0px 10px 0px;
}

div.sport-result-div span
{
	position:relative;
	display:block;
	float:left;
}

span.sport-result-date
{
	width:75px;
	color:#555;
}

span.sport-result-team1, span.sport-result-team2
{
	width:150px;
	overflow:hidden;
}

span.sport-result-team1
{
	text-align:right;
	margin-right:10px;
}

span.sport-result-team2
{
	margin-left:10px;
}

span.sport-result-team1-res, span.sport-result-team2-res
{
	width:30px;
	text-align:center;
	border:1px solid #DDD;
}

span.sport-result-team1-res
{
	margin-right:5px;
}

a.competition-list-item
{
	position:relative;
	display:block;
	margin:5px 10px 5px 10px;
	padding:5px;
}
a.competition-list-item span
{
	color:#555;
	font-size:11px;
}

a.competition-list-item:hover
{
	background:#d5f6ff;
}

div.competition-list-div
{
	position:relative;
	border-bottom:1px solid #DDD;
	padding-bottom:20px;
}

div#team-training
{
	position:relative;
	width:auto;
	height:auto;
	margin-bottom:40px;
}

div#team-training ul li
{
	margin:15px 0px 15px 0px;	
}

span.training-day-time
{
	position:relative;
	display:block;
	font-size:16px;
	font-weight:bold;
}

span.training-location2
{
	position:relative;
	display:block;
	font-size:16px;
	color:#555;
	margin-top:2px;
}




/**************************************************************************************************************************************************************
			GALLERIES
**************************************************************************************************************************************************************/

a.gallery-link
{
	position:relative;
	width:auto;
	height:1%;
	overflow:hidden;
	display:block;
	padding:5px;
	border:1px solid #DDD;
	margin:5px 0px 5px 0px;
}

a.gallery-link:hover
{
	background:#d5f6ff;
}

a.gallery-link img
{
	position:relative;
	float:left;
	padding:1px;
	border:1px solid #DDD;
	width:60px;
}

a.gallery-link span.gallery-title
{
	position:relative;
	display:block;
	width:auto;
	height:auto;
	font-size:18px;
	color:#444;
	left:10px;
}

a.gallery-link span.gallery-time
{
	position:relative;
	display:block;
	left:10px;
	margin-top:3px;
	color:#777;
}

h1.gallery-list-title
{
	position:relative;
	font-size:18px;
	font-weight:normal;
	margin:20px 10px 20px 10px;
}

h1#h1-gallery-title
{
	font-weight:normal;
}

span#gallery-list-time
{
	position:relative;
	display:block;
	color:#777;
}

div#gallery-list-div
{
	position:relative;
	width:450px;
	height:1%;
	overflow:hidden;
	margin-top:10px;
	padding:20px 10px 0px 10px;
	border-top:1px solid #DDD;
}

div#gallery-list-div a
{
	position:relative;
	float:left;
	margin:2px;
	padding:2px;
	border:1px solid #DDD;
}

div#gallery-list-div a:hover
{	
	border:1px solid #3b5998;
}



/**************************************************************************************************************************************************************
			TRAININGS
**************************************************************************************************************************************************************/

div.sport-trainings
{
	position:relative;
	top:1px;
	border-bottom:1px solid #DDD;
}

div.sport-header
{
	position:relative;
	bottom:1px;
	padding:13px 10px 13px 20px;
	border-bottom:1px solid #DDD;
	font:16px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}

div.sport-header img
{
	position:relative;
	float:left;
	left:-10px;
	bottom:3px;	
}

div.training-times
{
	position:relative;
	height:1%;
	overflow:hidden;
	width:auto;
	padding:10px;
}

div.training-time-left
{
	position:relative;
	float:left;
	width:185px;
}

div.training-time-right
{
	position:relative;
	float:left;
	width:185px;
}

span.category
{
	position:relative;
	color:#222;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
}

span.team-name
{
	display:block;
	position:relative;
	width:auto;
	height:auto;
	color:#555;
}

div.training-times ul
{
	position:relative;
	padding:5px 10px 0px 15px;
	margin:0;
}

div.training-times ul li
{
	position:relative;
	margin:5px 0px 5px 0px;
}

div.training-times ul span.training-location
{
	position:relative;
	display:block;
	color:#555;
}



/**************************************************************************************************************************************************************
			CONTACT
**************************************************************************************************************************************************************/

input#contact-name, input#contact-mail, input#contact-subject, textarea#contact-text
{
	position:relative;
	width:450px;
	height:auto;
	padding:5px;
	border:1px solid #DDD;
	margin:2px 0px 2px 0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#777;
}

textarea#contact-text
{
	height:150px;
}

input#contact-submit
{
	position:relative;
	width:100px;
	padding:5px;
	cursor:pointer;
	margin-top:10px;
}

p#contact-desc
{
	position:relative;
	font:12px/19px Arial, Helvetica, sans-serif;
	color:#555;
}

div#contact-send-success, div#contact-send-fail
{
	position:relative;
	width:440px;
	height:auto;
	padding:10px;
	margin:10px 0px 10px 0px;
	font:12px/19px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}

div#contact-send-success
{
	border:1px solid green;
	background:#ecffe8;
}

div#contact-send-fail
{
	border:1px solid red;
	background:#ffe8e8;
}



/**************************************************************************************************************************************************************
			FOOTER
**************************************************************************************************************************************************************/

div#footer-div
{
	position:relative;
	width:900px;
	min-height:240px;
	margin:0px auto 20px auto;
	background-color:#FFF;
	border:1px solid #DDD;
}

div#footer-back-div
{
	position:absolute;
	width:902px;
	height:240px;
	left:-1px;
	bottom:-10px;
	background:url(../images/theme/footer_back.png) no-repeat left bottom;
}

div#footer-content
{
	position:relative;
	width:900px;
	height:1%;
	overflow:hidden;
}

div#footer-contact
{
	position:relative;
	width:200px;
	height:1%;
	overflow:hidden;
	float:left;
	margin:20px;
}

div#footer-results
{
	position:relative;
	width:400px;
	height:1%;
	overflow:hidden;
	float:left;
	margin:20px;
}

h1.footer-header
{
	position:relative;
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	margin:14px 0px 10px 0px;
}

span.footer-info
{
	position:relative;
	display:block;
	color:#444;
	margin-top:4px;
}

span.footer-results-team
{
	position:relative;
	font-weight:bold;
}

span.footer-results-result
{
	position:relative;
	left:10px;
}

div#footer-disclaimer
{
	position:absolute;
	width:160px;
	right:20px;
	bottom:20px;
	text-align:right;
}

a#footer-url
{
	position:relative;
	display:block;
	font-size:17px;
	letter-spacing:1px;
}

div#footer-meni
{
	position:relative;
	width:900px;
	height:auto;
	margin:-5px auto 30px auto;
	text-align:right;
	color:#555;
}

div#footer-meni a
{
	color:#555;
}

div#footer-meni a:hover
{
	color:#222;
}


/**************************************************************************************************************************************************************
			OUTER LINKS
**************************************************************************************************************************************************************/
div#outer-links
{
	position:relative;
	width:auto;
	height:auto;
	padding:10px;
}

div#outer-links a
{
	position:relative;
	display:block;
	padding:3px 0px 3px 20px;
	margin-left:10px;
	background:url(../images/theme/arrow.png) no-repeat left;	
}

div#outer-links a:hover
{
	background-color:#d5f6ff;
}

/**************************************************************************************************************************************************************
			SYSTEM MESSAGES
**************************************************************************************************************************************************************/

div.warning-msg, div.error-msg, div#err-404
{
	position:relative;
	width:auto;
	height:auto;
	padding:25px;
	background:#FFF;
	border:1px solid #DDD;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

div.error-msg, div#err-404
{
	margin:50px 0px 50px 0px;
}