/*---------------------------------------------------
Designed by Juergen Koller
Designers Home: http://www.LernVid.com
---------------------------------------------------*/

/* Module Styles Start */

	/* top-panel */
#toppanel {
	background: #333;
	color: #ccc;
	border: 1px solid #ccc;
	height:auto;
	width: 95.8%;
	margin:0;
	padding:2%;
	position:relative;
	z-index:9999;
	display:inline-block;
	text-shadow: 0 1px 0 #000;
}
a#togglelink {
	font-size: 400%;
	color: #555;
	height:auto;
	width: auto;
	margin:0;
	padding: 3px 16px;
	text-align:center;
	position:absolute;
	top:0;
	right:30px;
	z-index:9999;
	text-shadow: 1px 1px 0 #777, 0 0 4px #000;
}
a#togglelink:hover {
	text-decoration:none;
	color: #999;
	text-shadow: 1px 1px 0 #777, 4px 4px 4px #000;
}

	/* beforehead1, beforehead2, beforehead3 */
#beforehead123 {
	width: 100%;
	display: inline-block;
	margin: 15px -1% 15px -1%;
	padding: 10px 1%;
	height: auto;
	background: #e5e5e5;
	border: 1px solid #fff;
}
#beforehead1, #beforehead2, #beforehead3 {
	float:left;
	width: 31.3%;
	margin: 0;
	padding: 0 1% 0 1%;
}
#beforehead1 .module div div div, #beforehead2 .module div div div, #beforehead3 .module div div div {
	padding: 5px;
	overflow:hidden;
	background:#fff;
}
	/* beforehead4, beforehead5 */
#beforehead45 {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#beforehead4, #beforehead5 {
	float:left;
	width: 48.5%;
	margin: 0 1% 0 0;
}
#beforehead4 .module, #beforehead5 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#beforehead4 .module div div div, #beforehead5 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}
	/* beforehead6*/
#beforehead6out {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#beforehead6 {
	float:left;
	width: 98%;
	margin: 0 1% 0 0;
}
#beforehead6 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#beforehead6 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}


	/* afterhead1, afterhead2, afterhead3 */
#afterhead123 {
	width: 100%;
	display: inline-block;
	margin: 15px -1% 15px -1%;
	padding: 10px 1%;
	height: auto;
	background: #e5e5e5;
	border: 1px solid #fff;
}
#afterhead1, #afterhead2, #afterhead3 {
	float:left;
	width: 31.3%;
	margin: 0;
	padding: 0 1% 0 1%;
}
#afterhead1 .module div div div, #afterhead2 .module div div div, #afterhead3 .module div div div {
	padding: 5px;
	overflow:hidden;
	background:#fff;
}
	/* afterhead4, afterhead5 */
#afterhead45 {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#afterhead4, #afterhead5 {
	float:left;
	width: 48.5%;
	margin: 0 1% 0 0;
}
#afterhead4 .module, #afterhead5 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#afterhead4 .module div div div, #afterhead5 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}
	/* afterhead6*/
#afterhead6out {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#afterhead6 {
	float:left;
	width: 98%;
	margin: 0 1% 0 0;
}
#afterhead6 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#afterhead6 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}

	/* top1, top2, top3 */
#top123 {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#top1, #top2, #top3 {
	float:left;
	width: 32%;
	margin: 0 1% 0 0;
}
#top1 .module, #top2 .module, #top3 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#top1 .module div div div, #top2 .module div div div, #top3 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}
	/* top4, top5 */
#top45 {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#top4, #top5 {
	float:left;
	width: 48.5%;
	margin: 0 1% 0 0;
}
#top4 .module, #top5 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#top4 .module div div div, #top5 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}
	/* top6*/
#top6out {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#top6 {
	float:left;
	width: 98%;
	margin: 0 1% 0 0;
}
#top6 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#top6 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}


	/* advert1, advert2, advert3, advert7, advert8, advert9 */
#advert123, #advert789 {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#advert1, #advert2, #advert3, 
#advert7, #advert8, #advert9 {
	float:left;
	width: 32%;
	margin: 0 1% 0 0;
}
#advert1 .module, #advert2 .module, #advert3 .module, 
#advert7 .module, #advert8 .module, #advert9 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#advert1 .module div div div, #advert2 .module div div div, #advert3 .module div div div,
#advert7 .module div div div, #advert8 .module div div div, #advert9 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}
	/* advert4, advert5, advert10, advert11 */
#advert45, #advert1011 {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#advert4, #advert5, #advert10, #advert11 {
	float:left;
	width: 48.5%;
	margin: 0 1% 0 0;
}
#advert4 .module, #advert5 .module, 
#advert10 .module, #advert11 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#advert4 .module div div div, #advert5 .module div div div,
#advert10 .module div div div, #advert11 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}
	/* advert6, advert12 */
#advert6out,#advert12out {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#advert6, #advert12 {
	float:left;
	width: 98%;
	margin: 0 1% 0 0;
}
#advert6 .module, #advert12 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#advert6 .module div div div, #advert12 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}


	/* bottom1, bottom2 */
#bottom12 {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#bottom1, #bottom2 {
	float:left;
	width: 48.5%;
	margin: 0 1% 0 0;
}
#bottom1 .module, #bottom2 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#bottom1 .module div div div, #bottom2 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}

	/* bottom3, bottom3, bottom5 */
#bottom345 {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#bottom3, #bottom4, #bottom5 {
	float:left;
	width: 32%;
	margin: 0 1% 0 0;
}
#bottom3 .module, #bottom4 .module, #bottom5 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#bottom3 .module div div div, #bottom4 .module div div div, #bottom5 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}
	/* bottom6*/
#bottom6out {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#bottom6 {
	float:left;
	width: 98%;
	margin: 0 1% 0 0;
}
#bottom6 .module {
	border: 1px solid #ddd;
	margin: 0;
	background:#efefef;
}
#bottom6 .module div div div {
	border: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}
	/* foot1, foot2, foot3 */
#foot123 {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#foot1, #foot2, #foot3 {
	float:left;
	width: 32%;
	margin: 0 1% 0 0;
}
#foot1 .module, #foot2 .module, #foot3 .module {
	border: 1px solid #fff;
	margin: 0;
}
#foot1 .module div div div, #foot2 .module div div div, #foot3 .module div div div {
	border: 1px solid #aaa;
	padding: 10px;
	overflow:hidden;
}
	/* foot4, foot5 */
#foot45 {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#foot4, #foot5 {
	float:left;
	width: 48.5%;
	margin: 0 1% 0 0;
}
#foot4 .module, #foot5 .module {
	border: 1px solid #fff;
	margin: 0;
}
#foot4 .module div div div, #foot5 .module div div div {
	border: 1px solid #aaa;
	padding: 10px;
	overflow:hidden;
}
	/* foot6*/
#foot6out {
	width: 100%;
	display: inline-block;
	margin: 5px 0 5px 1%;
	padding:0;
	height: auto;
}
#foot6 {
	float:left;
	width: 98%;
	margin: 0 1% 0 0;
}
#foot6 .module {
	border: 1px solid #fff;
	margin: 0;
}
#foot6 .module div div div {
	border: 1px solid #aaa;
	padding: 10px;
	overflow:hidden;
}

/* module div abd border reset */

#beforehead1 .module div div div div, #beforehead2 .module div div div div, #beforehead3 .module div div div div,
#beforehead4 .module div div div div, #beforehead5 .module div div div div, #beforehead6 .module div div div div,
#afterhead1 .module div div div div, #afterhead2 .module div div div div, #afterhead3 .module div div div div,
#afterhead4 .module div div div div, #afterhead5 .module div div div div, #afterhead6 .module div div div div,
#top1 .module div div div div, #top2 .module div div div div, #top3 .module div div div div,
#top4 .module div div div div, #top5 .module div div div div, #top6 .module div div div div,
#advert1 .module div div div div, #advert2 .module div div div div, #advert3 .module div div div div,
#advert4 .module div div div div, #advert5 .module div div div div, #advert6 .module div div div div,
#advert7 .module div div div div, #advert8 .module div div div div, #advert9 .module div div div div,
#advert10 .module div div div div, #advert11 .module div div div div, #advert12 .module div div div div,
#bottom4 .module div div div div, #bottom5 .module div div div div, #bottom6 .module div div div div,
#bottom1 .module div div div div, #bottom2 .module div div div div, #bottom3 .module div div div div,
#bottom4 .module div div div div, #bottom5 .module div div div div, #bottom6 .module div div div div,
#foot1 .module div div div div, #foot2 .module div div div div, #foot3 .module div div div div,
#foot4 .module div div div div, #foot5 .module div div div div, #foot6 .module div div div div {
	padding:0;
	border:0;
}

/* module h3 sytles */

#wrapper h3.module {
	margin: 0;
	padding: 0 0 0 10px;
	font-size:120%;
}
#beforehead1 h3.module, #beforehead2 h3.module, #beforehead3 h3.module {
	background:#ddd;
	min-height:25px;
	line-height:25px;
	text-align:left;
	color: #555;
	position:relative;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-shadow: 0 1px 0 #fff;
}
#afterhead1 h3.module, #afterhead2 h3.module, #afterhead3 h3.module {
	background:#ddd;
	min-height:25px;
	line-height:25px;
	text-align:left;
	color: #555;
	position:relative;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-shadow: 0 1px 0 #fff;
}
#beforehead4 h3.module, #beforehead5 h3.module, #beforehead6 h3.module,
#afterhead4 h3.module, #afterhead5 h3.module, #afterhead6 h3.module,
#top1 h3.module, #top2 h3.module, #top3 h3.module,  
#top4 h3.module, #top5 h3.module, #top6 h3.module,
#advert1 h3.module, #advert2 h3.module, #advert3 h3.module,  
#advert4 h3.module, #advert5 h3.module, #advert6 h3.module,
#advert7 h3.module, #advert8 h3.module, #advert9 h3.module,  
#advert10 h3.module, #advert11 h3.module, #advert12 h3.module,
#bottom1 h3.module, #bottom2 h3.module, 
#bottom3 h3.module, #bottom4 h3.module, #bottom5 h3.module, #bottom6 h3.module {
	background:#383838;
	min-height:25px;
	line-height:25px;
	text-align:left;
	color: #aaa;
	position:relative;
	border: 1px solid #fff;
	text-shadow: 0 1px 0 #000;
}
#foot1 h3.module, #foot2 h3.module, #foot3 h3.module,  
#foot4 h3.module, #foot5 h3.module, #foot6 h3.module {
	background:#aaa;
	min-height:35px;
	line-height:35px;
	text-align:left;
	color: #333;
	position:relative;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	text-shadow: 0 1px 1px #fff;
	padding: 0 0 0 10px;
}

div.module-red {
	color: #5b0002;
	background: #e6c0c0;
}
div.module-red div {
	border: 1px solid #fff;
}
div.module-red div div {
	border: 1px solid #de7a7b;
}
div.module-red div div div {
	padding:10px;
	border: 1px solid #fff;
}
div.module-red div div div div {
	border:0;
}

div.module-blue {
	color: #00295b;
	background: #c3d2e5;
}
div.module-blue div {
	border: 1px solid #fff;
}
div.module-blue div div {
	border: 1px solid #84a7db;
}
div.module-blue div div div {
	padding:10px;
	border: 1px solid #fff;
}
div.module-blue div div div div {
	border:0;
}

div.module-yellow {
	color: #665900;
	background: #fff29b;
}
div.module-yellow div {
	border: 1px solid #fff;
}
div.module-yellow div div {
	border: 1px solid #ffe73c;
}
div.module-yellow div div div {
	padding:10px;
	border: 1px solid #fff;
}
div.module-yellow div div div div {
	border:0;
}

div.module-green {
	color: #225b00;
	background: #a6fe9c;
}
div.module-green div {
	border: 1px solid #fff;
}
div.module-green div div {
	border: 1px solid #77fe3d;
}
div.module-green div div div {
	padding:10px;
	border: 1px solid #fff;
}
div.module-green div div div div {
	border:0;
}
/* Module Styles End */