﻿/*********************************************

*** Designed by Juergen Koller			   ***

*** Designers Home: http://www.LernVid.com ***

**********************************************/



/****************** LAYOUT ******************/



html {

	height : 101%;

}

body {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size:0.9em;

	margin:0;

	padding:0;

	line-height:1.3em;

	background-image:url('../images/background.png');

	overflow-x:hidden;

}

#wrapper, #foot_container {

	margin: 0 auto;

}

#wrapper {

	padding: 0 0 10px 0;

}

#foot_container {

	padding:0 0 7px 0;

	overflow:visible;

}

#header_container {
text-align:center;

    height: auto;

	width: 100%;

	margin:auto;

	

}

#header {

	min-height: 200px; 

	
	position:relative;

	background-image:url('../images/header.png');

	background-repeat:repeat-x; 

}

/* triangles in header */

.heckl {  

	width: 0; height: 0;  

	line-height: 0;  

	/*border-left: 19px solid transparent;  */

	top: 100%;  

	left: 0;  

	position: absolute;  

}

.heckr {  

	width: 0; height: 0;  

	line-height: 0;  

	/*border-right: 19px solid transparent;  */

	top: 100%;  

	right: 0;  

	position: absolute;  

}

/* triangles in header end */

#logo {

	width: auto;

	overflow:hidden;

}

a.imglogo {

	line-height: normal;

	font-size:36px;

	display:block;

	margin:0;

	padding:0;

}

a.imglogo:hover {

	text-decoration:none;

}

a.medialogo {

	line-height: normal;

	font-size:36px;

	display:block;

	margin:0;

	padding:0;

}

a.medialogo:hover {

	text-decoration:none;

}



#logo a.logo {

	line-height: normal;

	font-size:46px;

	display:block;

	margin:0;

	letter-spacing:-1px;

	padding: 20px 40px 10px 60px;

}

a.logo:hover {

	text-decoration:none;

}

div.slogan {

	line-height: normal;

	font-size:18px;

	display:block;

	margin:0;

	padding: 0 40px 10px 100px;

}

#headermodule1,#headermodule2 {

}

#topmenu_container {

	width: 100%;

	margin:0;

	height: auto;

	min-height:30px;

}

#topmenu {

	height:auto;

    margin:auto;

}

#topmenu ul, #topmenu ul li {

	list-style : none;

}

#subhead {

	height:30px;

	width: 99.5%;

	margin: 10px .2% 0 .2%;

	overflow:hidden;

	background-image:url('../images/subhead.png');

	background-repeat:repeat-x;

}

.breadcrumbs {

	float:left;

	max-width: 650px;

	height:16px;

	line-height:16px;

	overflow:hidden;

	font-size:11px;

	margin:8px 0 0 26px;

	padding: 0 7px;

}

#search {

	position:relative;

	float:right;

	height:22px;

	padding: 0 0 0 18px;

	margin: 4px 28px 0 0;

	background-image:url('../images/search.png');

	background-repeat:no-repeat;

	background-position: left 2px;

}

#container {

	text-align:left;

	padding: 10px 7px 0 7px;

	margin:auto;

}

#container2 {

	text-align:left;

	margin:auto;

}

#page_content {

	padding: 0px;

	margin: 0px;

	width: 100%;

}

#leftcol {

	width: 21%;

	float: left;

	margin:0;

	padding: 0 0 10px 0;

}

#rightcol {

	float: right;

	margin:0;

	padding: 0 0 10px 0;

}

/* left and right NOT loaded */

#content_out {

	margin: 0 0 0 0.2%;

}

/* just left loaded */

#content_outleft {

	float:right;

}

/* left and right loaded */

#content_outmiddle {

	float:left;

	margin: 0 1%;

}

/* just right loaded */

#content_outright {

	float:left;

}

#maincontent {

	float:left;

	width: 93.6%;

	padding: 20px 3% 20px 3%;

	margin:10px 0 0 0;

	min-height: 200px;

	overflow:hidden;

	background-image:url('../images/background.png');

}

.clr {

	clear:both;

}

#subfoot {

	min-height: 15px;

	line-height: 15px;

	width: 100%;

}

.copytext {

	padding: 3px 0;

	font-size: 11px;

	text-align:center;

	font-weight:bold;

}

#footer {

	min-height: 30px;

	margin: 0 -16px 0 -16px;
	padding:0;
	position:relative;
/*	padding-bottom:10px; */

	overflow:visible;

	background-image:url('../images/footer.png');

	background-repeat:repeat-x;

}

.footer-inner {

	display:inline-block;

	width:100%;

	min-height:30px;

}

.feckl {  

	width: 0; height: 0;  

	line-height: 0;  

	border-left: 14px solid transparent;  

	top: -11px;  

	left: 0;  

	position: absolute;  

}

.feckr {  

	width: 0; height: 0;  

	line-height: 0;  

	border-right: 14px solid transparent;  

	top: -11px;  

	right: 0;  

	position: absolute;  

}



#scroll_up {

	float: right;

	width: 10%;

}

a#gotop {

	display:block;

	height:50px;

	line-height:45px;

	width:100%;

	text-align:center;

}

a#gotop:hover {

	text-decoration:overline;

}



.footer-bottom {

	display:inline-block;

	width: 100%;

	line-height:15px;

	font-style:italic;

}

span#date {

	font-size:10px;

	float:left;

	padding-left:20px;

}



span#copy {
color:#efefef;
font-style:italic;
font-weight:bold;
	font-size:10px;
	text-align:center;
}

span#copy2 {
color:#efefef;
font-style:italic;
	font-size:9px;
	text-align:center;
}

span#copy a:hover {

	text-decoration:none;

}



#leftcol .module, #leftcol .module_menu, #leftcol .module_text, 

#rightcol .module, #rightcol .module_menu, #rightcol .module_text {

	margin-top:0;

	background-color: transparent;

	border:0;

}

#leftcol .module div div, #leftcol .module_menu div div, #leftcol .module_text div div, 

#rightcol .module div div, #rightcol .module_menu div div, #rightcol .module_text div div {

}

#leftcol .module div.lvround-inner, #leftcol .module_menu div.lvround-inner, #leftcol .module_text div.lvround-inner, 

#rightcol .module div.lvround-inner, #rightcol .module_menu div.lvround-inner, #rightcol .module_text div.lvround-inner {

	margin: 0;

	padding: 10px 3%;

}

#leftcol .module div div div div, #leftcol .module_menu div div div div, #leftcol .module_text div div div div, 

#rightcol .module div div div div, #rightcol .module_menu div div div div, #rightcol .module_text div div div div {

	border: 0;

}

#leftcol h3.moduleh3, #rightcol h3.moduleh3 {

	font-size: 120%;

	background-image:url('../images/h3-module.png');

	background-repeat:repeat-x;

	border-bottom:0;

}

#wrapper #leftcol h3.moduleh3 {

	min-height:35px;

	line-height:35px;

	margin: 10px 0 0 -20px;

	padding: 0 10px 0 30px;

	text-align:left;

	position:relative;

	border-bottom:0;

}

#wrapper #rightcol h3.moduleh3 {

	min-height:30px;

	line-height:30px;

	margin: 10px -20px 0 0;

	padding: 0 30px 0 10px;

	text-align:right;

	position:relative;	

}

.h3eckl {  

	width: 0; height: 0;  

	line-height: 0;  

	border-left: 11px solid transparent;  

	top: 100%;  

	left: 0;  

	position: absolute;  

}

.h3eckr {  

	width: 0; height: 0;  

	line-height: 0;  

	border-right: 11px solid transparent;  

	top: 100%;  

	right: 0;  

	position: absolute;  

}

.moduletable h3 {

	margin: 10px 0;

}

/****************** MENUES ******************/



/**** Mainmenu with suffix: _menu START ****/



.module_menu ul.menu {

	margin: 0;

	padding : 0;

	background : none;

	list-style:none;

}

.module_menu ul.menu li {

	margin : 0;

	padding : 0 0 0 4px;

	background : none;

	list-style:none;

	margin: 0;

}

.module_menu ul.menu li a, .module_menu ul.menu li span.separator {

	display : block;

	vertical-align : middle;

	text-align : left;

	text-decoration : none;

	padding:3px 0;

	margin:4px 0 0 0;

	border-bottom:1px dotted #ccc;

	clear:both;

	overflow:visible;

}

.module_menu ul.menu li a img { 

	vertical-align:middle;

	padding-right: 5px;

}

.module_menu ul.menu li a span {

	vertical-align:middle;

}

.module_menu ul.menu li.current a {

	font-weight:bold;

}

.module_menu ul.menu li.current ul li a {

	font-weight:normal;

}

.module_menu ul.menu li ul {

	margin : 0 0 0 10px;

	padding : 0px;

}

.module_menu ul.menu li li {

	list-style: none !important;

	margin :0;

	padding : 0;

	min-height:22px;

	line-height: 22px;

	background : none;

}

.module_menu ul.menu ul li a {

	background: none;

	font-size:90%;

	min-height:18px;

	line-height:18px;

}

/**** Mainmenu with suffix: _menu END ****/



/* Mainmenu normal */



ul.menu {

	line-height:22px;

}

ul.menu li a span {

	clear:both;

	vertical-align:middle;

}



/* Mainmenu normal END */



.input, .inputbox {

	font-size:11px;

	padding : 2px 3px 2px 3px;

	margin : 2px 3px 2px 3px;

}

a, a:link, a:visited, a:active, a:focus {

	outline : none;

	text-decoration : none;

}



.shadow-left {

    display: block;

	height:8px;

	background-image:url('../images/shadow-l.png');

	background-repeat:no-repeat;

	background-position: left;

}

.shadow-right {

    display: block;

	height:8px;

	background-image:url('../images/shadow-r.png');

	background-repeat:no-repeat;

	background-position: right;

	margin-top:-8px;

	margin-bottom:10px;

}



/* To disable the shadows in modules using suffix "-shadows-off" */

.module-outer-shadows-off .shadow-left,

.module-outer-shadows-off .shadow-right {

	display:none;

}



.dida {
font-family: Lucida sans unicode,Verdana,Helvetica;
	font-size: 9px;
	color: #666666;
	text-align:center;
	}
hr.mio { border: thin solid 2px; color: #703003; width:100%; }
.rsscontent {
font-size:9px;
}
