/*
	===================================================
	[ my-media / Istvan Kovacs <info@my-media.eu> ]
	===================================================
	$ver:		1.0 initial release
	$date:	30-12-2008
	===================================================
	Copyright (c) my-media - All rights reserved.
	http://www.my-media.eu/ - info@my-media.eu
	===================================================

1. GLOBAL
========================================================= */
*, html, body, form, fieldset {
	margin: 0;
	padding: 0;
	}

body {  
	padding: 0;
	color : #000;
	font: 12px/120% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	}

body.contentpane {
	width: auto; /* Printable Page */
	margin: 0px;
	line-height: 1.3em;
	color: #000;
	font: 12px/120% Verdana, Arial, Helvetica, sans-serif;
	}

body#left div#header,
body#left div#main,
body#left div#footer {
	margin: 0;
	}

body#center div#header,
body#center div#main,
body#center div#footer {
	margin: 0 auto;
	}

body#right div#header,
body#right div#main,
body#right div#footer {
	float: right;
	margin: 0;
	}

b, strong {
	font-weight: bold;
	}

h1 { font-weight: bold; font-size: 150%; }
h2 { font-weight: bold; font-size: 140%; }
h3 { font-weight: bold; font-size: 130%; }
h4 { font-weight: bold; font-size: 120%; }
h5 { font-weight: bold; font-size: 110%; }
h6 { font-weight: bold; font-size: 100%; }

div#layout_con {
	margin: 0;
	text-align: left;
	}
	
/*2. HEADER
========================================================= */
div#header_con {
	float: left;
	width: 100%;
	margin-top: 20px;
	}

div#header {
	position: relative;
	height: 191px;
	border-bottom: 5px solid #1e3e77;
	background: url(../images/bg_header.png) 0 0 no-repeat;
	}

/* logo link */
a#start {
	position: absolute;
	top: 0px;
	left: 16px;
	width: 680px;
	height: 150px;
	display: block;
	background: none;
	}

/* inset */
div#inset {
	position: absolute;
	top: 22px;
	left: 214px;
	width: 750px;
	height: 64px;
	display: block;
	background: none;
	}

/* header image */
div#image {
	position: absolute;
	top: 177px;
	left: 0px;
	width: 719px;
	height: 179px;
	display: block;
	background: url(../images/head2.jpg) 0 0 no-repeat;
	}

/* top link */
a#top{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	visibility: hidden;
	}

/* topmenu */
div#topm_con {
	position: absolute;
	top: 157px;
	left: 0px;
	width: 998px;
	height: 35px;
	background: url(../images/tile_topm.png) 0 0 repeat-x;
	}

div#topm_con ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

div#topm_con ul li {
	background-image: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

div#topm_con ul li a:link,
div#topm_con ul li a:visited {
	float: left;
	margin: 2px 0 0 0;
	padding: 0px 15px;
	width: auto;
	line-height: 31px;
	height: 31px;
	display: block;
	color: #cedcf7;
	font-size: 12px;
	font-weight: bold;
	text-indent: 0px;
	text-decoration: none;
	border-right: 1px solid #547eae;
	border-bottom: 0px;
	background: none;
	}

div#topm_con ul li a:hover,
div#topm_con ul li#current a  {
	color: #fff;
	background: #071f4f;
	}

/* 3. MAIN
========================================================= */
div#main_con {
	float: left;
	width: 100%;
	}

div#col_left {
	float: left;
	}

div#col_right {
	float: right;
	}

div#col_middle {
	float: left;
	}

/* content padding */
div#mainbody {
	float: left;
	}

/* main background */
div#main_con .nocol,
div#main_con .onlyleft,
div#main_con .onlyright,
div#main_con .leftright {
	position: relative;
	background: url(../images/tile_nocol.png) left top repeat-y;
	}


/* 4. FOOTER
========================================================= */
div#footer_con {
	float: left;
	width: 100%;
	}

div#footer {
	position: relative;
	border-top: 5px solid #1e3e77;
	background: #fff url(../images/tile_footer.png) left top repeat-x;
	}

div#cr {
	position: absolute;
	top: 9px;
	left: 10px;
	font-size: 11px;
	color: #cedcf7;
	}

/* top link */
a.slink:link,
a.slink:visited,
a.slink:hover {
	position: absolute;
	top: 9px;
	right: 10px;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	}

a.slink:hover {text-decoration:underline;}

/* bottommenu */
div#bottom {
	position: absolute;
	top: 10px;
	right: 95px;
	}

div#bottom ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

div#bottom ul li {
	background-image: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

div#bottom ul li a:link,
div#bottom ul li a:visited {
	float: left;
	margin: 0;
	padding: 0px 10px;
	width: auto;
	line-height: 12px;
	height: 12px;
	display: block;
	color: #cedcf7;
	font-size: 11px;
	font-weight: normal;
	text-indent: 0px;
	text-decoration: none;
	border-right: 1px solid #444;
	border-bottom: 0px;
	background: none;
	}

div#bottom ul li a:hover,
div#bottom ul li#current a  {
	color: #fff;
	text-decoration: underline;
	}

/* 5. FORMS
========================================================= */
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

li {
	line-height: 16px;
	padding: 0 0 0 10px;
	background: url(../images/arrow.png) 0 6px no-repeat;
	}

ol li {
	padding: 0;
	background: none;
	}

fieldset, img { border: 0; }
option { padding: 0 0 0 0.4em; }

.inputbox {
	padding: 4px 4px;
	color: #000;
	border: 0;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background: #f9f9f9;
	}

html* .inputbox {
	padding: 0px 4px;
	line-height: 21px;
	height: 21px;
	}

textarea {
	padding: 4px!important;
	width: 350px;
	line-height: 13px!important;
	height: 200px!important;
	display: block;
	}

.button {
	margin: 2px;
	padding: 2px 20px 2px 10px;
	color: #000;
	font-size: 100%;
	border: 1px solid #bbb;
	background: #fff url(../images/arrow1.png) right center no-repeat;
	overflow: visible;
	}

html* .button {
	padding: 0px 20px 0px 10px;
	}


select {
	height: 21px;
	padding: 2px 4px!important;
	border: 1px solid #bbb!important;
	background: #fff!important;
	overflow: hidden;
	}

option { padding: 4px; }

/* 6. MODULE
========================================================= */
/* SHOWCASE */
div.showcase,
div.showcase2 {
	float: left;
	margin-bottom: 11px;
	display: block;
	background: none;
	}

div.mod2 { float:left; }

div.mod2 div.moduletable,
div.mod2.bfix div.moduletable {
	width: auto;
	margin: 14px 0px 20px 0px;
	padding: 0 18px;
	}

div.mod2 div.moduletable h3 {
	margin: 0 0 10px 0;
	padding: 0px;
	width: auto;
	color: #1e3e77;
	font-size: 130%;
	font-weight: bold;
	text-indent: 0px;
	}

/* FARBEN */
div.mod1 div.module,
div.mod1 div.module-blank,
div.mod1 div.module-blue1,
div.mod1 div.module-blue2,
div.mod1 div.module-blue3,
div.mod1 div.module-orange1,
div.mod1 div.module-orange2,
div.mod1 div.module-green,
div.mod1 div.module-black {
	padding:0px 0px 20px 0px;
	margin:0 0 15px 0;
	width:190px;
	display:block;}

div.mod1 div.module-blue1,
div.mod1 div.module-blue2,
div.mod1 div.module-blue3,
div.mod1 div.module-orange1,
div.mod1 div.module-orange2,
div.mod1 div.module-green,
div.mod1 div.module-black {
	padding:0px;
	margin:0px 0px;
	width:190px;}

div.mod1 div.module-blue1 h3,
div.mod1 div.module-blue2 h3,
div.mod1 div.module-blue3 h3,
div.mod1 div.module-orange1 h3,
div.mod1 div.module-orange2 h3,
div.mod1 div.module-green h3,
div.mod1 div.module-black h3 {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin:-20px -4px 5px -10px;
	padding-left:10px;
	padding-bottom:2px}

div.mod1 div.module,
div.mod1 div.module-blue1,
div.mod1 div.module-blue2,
div.mod1 div.module-blue3,
div.mod1 div.module-orange1,
div.mod1 div.module-orange2,
div.mod1 div.module-green,
div.mod1 div.module-black {margin: 5px 0px 0px 10px;}

div#col_right div.module,
div#col_right div.module-blue1,
div#col_right div.module-blue2,
div#col_right div.module-blue3,
div#col_right div.module-orange1,
div#col_right div.module-orange2,
div#col_right div.module-green,
div#col_right div.module-black {margin: 5px 10px 0px 0px;}

div.mod2 div.module,
div.mod2 div.module-blue1,
div.mod2 div.module-blue2,
div.mod2 div.module-blue3,
div.mod2 div.module-orange1,
div.mod2 div.module-orange2,
div.mod2 div.module-green,
div.mod2 div.module-black {margin:10px 4px 0px 4px}

div.module-blue1 div div div,
div.module-blue2 div div div,
div.module-blue3 div div div,
div.module-orange1 div div div,
div.module-orange2 div div div,
div.module-green div div div,
div.module-black div div div {
	padding:10px;
	padding-top:30px;
	padding-bottom:15px;
	width:auto;
	color:#fff}

div.module-blue1 div div div div,
div.module-blue2 div div div div,
div.module-blue3 div div div div,
div.module-orange1 div div div div,
div.module-orange2 div div div div,
div.module-green div div div div,
div.module-black div div div div {background:none;padding:0}


div.module-blue1{background:url(../images/blue1_br.png) 100% 100% no-repeat}
div.module-blue1 div{background:url(../images/blue1_bl.png) 0 100% no-repeat}
div.module-blue1 div div{background:url(../images/blue1_tr.png) 100% 0 no-repeat}
div.module-blue1 div div div{background:url(../images/blue1_tl.png) 0 0 no-repeat}
div.module-blue2{background:url(../images/blau2_br.png) 100% 100% no-repeat}
div.module-blue2 div{background:url(../images/blue2_bl.png) 0 100% no-repeat}
div.module-blue2 div div{background:url(../images/blue2_tr.png) 100% 0 no-repeat}
div.module-blue2 div div div{background:url(../images/blue2_tl.png) 0 0 no-repeat}
div.module-blue3{background:url(../images/blue3_br.png) 100% 100% no-repeat}
div.module-blue3 div{background:url(../images/blue3_bl.png) 0 100% no-repeat}
div.module-blue3 div div{background:url(../images/blue3_tr.png) 100% 0 no-repeat}
div.module-blue3 div div div{background:url(../images/blue3_tl.png) 0 0 no-repeat}
div.module-orange1 {background:url(../images/orange1_br.png) 100% 100% no-repeat}
div.module-orange1 div{background:url(../images/orange1_bl.png) 0 100% no-repeat}
div.module-orange1 div div{background:url(../images/orange1_tr.png) 100% 0 no-repeat}
div.module-orange1 div div div{background:url(../images/orange1_tl.png) 0 0 no-repeat}
div.module-orange2 {background:url(../images/orange2_br.png) 100% 100% no-repeat}
div.module-orange2 div{background:url(../images/orange2_bl.png) 0 100% no-repeat}
div.module-orange2 div div{background:url(../images/orange2_tr.png) 100% 0 no-repeat}
div.module-orange2 div div div{background:url(../images/orange2_tl.png) 0 0 no-repeat}
div.module-green {background:url(../images/green_br.png) 100% 100% no-repeat}
div.module-green div{background:url(../images/green_bl.png) 0 100% no-repeat}
div.module-green div div{background:url(../images/green_tr.png) 100% 0 no-repeat}
div.module-green div div div{background:url(../images/green_tl.png) 0 0 no-repeat}
div.module-black{background:url(../images/black_br.png) 100% 100% no-repeat}
div.module-black div{background:url(../images/black_bl.png) 0 100% no-repeat}
div.module-black div div{background:url(../images/black_tr.png) 100% 0 no-repeat}
div.module-black div div div{background:url(../images/black_tl.png) 0 0 no-repeat}

div.module,
div.module-blue1,
div.module-blue2,
div.module-blue3,
div.module-orange1,
div.module-orange2,
div.module-green,
div.module-black {color:#fff;}
div.module {color:#000;}

div.module a:link, div.module a:visited,
div.module-blue1 a:link, div.module-blue1 a:visited,
div.module-blue2 a:link, div.module-blue2 a:visited,
div.module-blue3 a:link, div.module-blue3 a:visited,
div.module-orange1 a:link, div.module-orange1 a:visited,
div.module-orange2 a:link, div.module-orange2 a:visited,
div.module-green a:link, div.module-green a:visited,
div.module-black a:link, div.module-black a:visited {color:#fff;}
div.module a:link, div.module a:visited {color:#000;}

div.module a:hover,
div.module-blue1 a:hover,
div.module-blue2 a:hover,
div.module-blue3 a:hover,
div.module-orange1 a:hover,
div.module-orange2 a:hover,
div.module-green a:hover,
div.module-black a:hover {color:#fff; text-decoration:underline;}
div.module a:hover {color:#000;}





/* 7. MAINMENU
========================================================= */
a:link, a:visited {
	color: #1e3e77;
	font-weight: bold;
	text-decoration: none;
	}

a:hover {
	color: #000;
	text-decoration: underline;
	}

/* 8. JOOMLA CONTENT
========================================================= */
.contentheading,
.componentheading,
.contentheading a:link,
.contentheading a:visited,
.componentheading a:link,
.componentheading a:visited {
	padding: 0px;
	margin: 0px;
	color: #1e3e77;
	font-size: 170%;
	font-weight: normal;
	text-align: left;
	}

.contentheading a:hover,
.componentheading a:hover {
	color: #000;
	}

/* poll */
table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	}

/* section listing */
.sectiontableheader {
	width: auto;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #1e3e77;
	}

.sectiontableheader a:link,
.sectiontableheader a:visited {
	color: #fff;
	text-decoration: none;
	}

.sectiontableheader a:hover {
	color: #333;
	text-decoration: none;
	}

.sectiontableentry1,
.sectiontableentry2 {
	text-align: left;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #fff;
	background: #fefefe;
	}

.sectiontableentry2 {
	background: #f5f5f5;
	}

td.sectiontableheader,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
	padding: 4px;
	}

/* page navi */
.pagenavbar {
	float: left;
	padding: 2px;
	width: 100%;
	display: block;
	text-align: center;
	border: 1px solid #eee;
	background: #f9f9f9;
	}

/* link container */
.contenttoc {
	float: right;
	width: 180px;
	border: 1px solid #eee;
	background: #f9f9f9;
	margin-bottom: 10px;
	}

.contenttoc th {
	background: #eee;
	padding: 3px 5px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #333;
	}

.contenttoc td {
	padding: 2px 5px;
	}

.toclink {
	line-height: 14px;
	padding-left: 8px;
	background: url(../images/arrow.png) left center no-repeat;
	}

/* small font */
.small,
.smalldark,
.createdate,
.modifydate  {
	font-size: 10px;
	color: #666;
	}

/* rating */
.content_rating {
	font-size: 10px;
	color: #555;
	}

.content_vote {
	font-size: 10px;
	height: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #F0F0F0;
	border: 1px solid #e0e0e0;
	}

/* content page */
.contentpane {
	padding: 0px;
	}

.contentpaneopen {
	padding: 0px;
	width: 100%;
	text-align: left;
	background: none;
	}

.contentpagetitle {
	color: #000;
	font-weight: bold;
	}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
	text-decoration: none;
	}

table.blog {
	width: 100%;
	}

/* fixes - dont chage */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */