/**

 * @copyright   Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.

 * @license      GNU/GPL, see LICENSE.php

 * Joomla! is free software. This version may have been modified pursuant

 * to the GNU General Public License, and as distributed it includes or

 * is derivative of works licensed under the GNU General Public License or

 * other free or open source software licenses.

 * See COPYRIGHT.php for copyright notices and details.

 */

 

/**

Namibia Template for Joomla



Das Namibia Template for Joomla von i-cons.ch / namibia-forum.ch steht unter einer Creative Commons Namensnennung-Weitergabe unter gleichen Bedingungen 2.5 Schweiz Lizenz.

Weitere Infos: http://creativecommons.org/licenses/by-sa/2.5/ch/



Ein sichtbarer Link zu i-cons.ch und namibia-forum.ch muss auf jeder Seite oder im Impressum enthalten sein.

**/



/*

	Standard-Font Einstellungen

*/



html { 

	height: 100%; 

	margin-bottom: 1px; 

  font-size: 110.01%;

}



body {

  background: #0000FF;

	padding: 0;

	text-align: center;

  font-family: Verdana,Arial,Helvetica,sans-serif;

  font-size: 75.00%; 

  color: #fff;  

}



h1,h2,h3,h4,h5,h6 { 

	font-weight:bold; 

	color:#FFFF33;

	margin: 0 0 0.25em 0; 

}



h1 { font-size: 150% }                        

h2 { font-size: 150% }         

h3 { font-size: 150% }                        

h4 { font-size: 133.33% }                     

h5 { font-size: 116.67% }                     

h6 { font-size: 116.67%; font-style:italic }  





/*

	Div Adresse

*/

#adresse {

	border: 1px solid #666666; 

	margin-left: 200px; 

	padding: 5px 8px; 

	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;

	font-size: 9px; 

	font-weight:bold; 

	line-height:10px;

	background-color: white; 

	text-align: left; 

	white-space: nowrap;

	width: 170px;

}





/*

	Setzt das Bild für die Ecke Oben Links

*/



.corner { 

	background:url(../corner/001.jpg) top left no-repeat; 

}



#page_margins {

	max-width: 1200px;

	min-width: 950px;

}





#SiteName {

	position: relative;

	margin: 0;	

	width : 400px;

	

}



#SiteLogo {

	position: absolute;

	left: -30px;

	width : 283px;

	font-family: 'Times New Roman',Times,serif;

	font-size: 30px;

	font-style: oblique;

	color: #000;

	line-height: 40px;

	text-align: center;

	margin-top: 155px;

}



#banner {

	position: relative;

	margin: 0;	

	width : 460px;

}



#banner_content {

	position: absolute;

	top: 0px;

	left: 300px;

	height: 60px;

	width: 460px;



}



.banneritem {

	margin: 10px 0;

	text-align: left;

}

#banner2 {
	position: relative;
	margin: 0;
	width : 159px;
	float: right;
}



#banner_content2 {

	position: absolute;

	top: 135px;

	left: 230px;

	height: 100px;

	width: 159px;



}


#scroll_top {

	position: relative;

	margin: 0;	

	width : 350px;

}



#scroll_content_top {

	position: absolute;

	top: 178px;

	left: 280px;

	height: 20px;

	width: 350px;



}



#headerspace {
	height: 210px;
}


#breadcrumb {

	margin: 10px 0 5px 120px;

	line-height: 20px;

	border-top-style: double;

	border-top-color: #0066FF;

	border-bottom-color: #0066FF;

	border-bottom-style: double;

	background-color: #666666;

	border-right-color: #0066FF;

	border-left-color: #0066FF;

	border-right-style: double;

	border-left-style: double;

	padding-left: 5px;

}





/* Menu Links */

.menu_links {

	margin-top: 310px;

	margin-left: 0;

}

.menu_links_content {

	width:190px;

	padding: 15px 15px 20px 20px;

	min-height: 200px;

}

.menu_links_content a {

	color: #FFFFFF;

	text-decoration: none;

}

.menu_links_content a:hover {

	color: #FF0000;

	text-decoration: underline;

}

.menu_links_content a:active {

	color: #00FF00;

	text-decoration: underline;

}

.menu_links_content a:focus {

	color: #FF9900;

	text-decoration: underline;

}

.menu_links_content table.moduletable {

	margin: 0;

	padding: 10px 0 0 0;

	width: 180px;

	border: 0px solid blue;

}

.menu_links_content ul{

	list-style: none;

	margin: 0;

	padding: 0;

}



/* Menu Rechts */

.menu_rechts {

	margin-top: 240px;

}

.menu_rechts_content {

	width:180px;

	margin: 0 10px;

	padding: 20px 10px 40px;

	min-height: 200px;

}

.menu_rechts_content table.moduletable {

	margin: 0;

	padding: 10px 0 0 5px;

	width: 145px;

	border: 0px solid blue;

}

.menu_rechts_content ul {

	list-style: none; 

	margin: 0; 

	padding: 0;

}





.menu_links h3,.menu_rechts h3, .moduletable h3 {

	font-family: Verdana,Arial,Helvetica,sans-serif;

	font-size:110%;

	padding:2px 0px;

	border:solid 0;

	text-decoration: underline;

}

.moduletable h3 {

	color:#FF3300;

}

.menu_links h3, .menu_rechts h3 {

	color:#FFFF00;

}



.moduletable, .moduletable_menu {

	margin-bottom: 20px;

}



div.componentheading, table.contentpaneopen td.contentheading {

  color: #FFFF00;

  font-size: 120%;

  font-weight: bold;

}





.componentheading {

  font-size: 120%;

  font-weight: bold;

  text-decoration:underline;

  padding-bottom: 0px;

  margin: 15px 0;

}



table.contentpaneopen td.contentheading {

  color: #FFFFCC;

  font-size: 120%;

  font-weight: bold;

}



table.contentpaneopen td.buttonheading {

  padding: 2px;

  text-align: right;

}



table.contentpaneopen td.buttonheading img {

  margin: 0;

}



table.blog table td {

	padding-right: 10px;

}



.blog_more {

	margin: 20px;

}



.small, .createdate, .modifydate {

  font-size: 70%;

  padding: 0;

  margin: 0;

  color: #CC9900;

  font-style:italic;

}



.createdate {

	padding-bottom: 10px;

}





#mitte ul {

	margin: 0 20px;

}



#mitte ul li {

	margin: 5px 0;

}



.top {

	padding: 0 5px;

	border-bottom: 2px outset #00FFFF;

	border-top: 2px outset #00FFFF;

	margin-top: 15px;

	margin-bottom: 30px;

}



.button {

  font-size: 90%;

	padding: 1px 3px;

	margin:2px;

}



form.poll fieldset label {

padding:0pt 0pt 0pt 4px;

}



form.poll a:hover, form.poll a:active, form.poll a:focus, form.poll .button:hover, form.poll .button:active, form.poll .button:focus {

border:2px outset #CC3399;

}

form.poll .button {

background:#F2E3ED none repeat scroll 0%;

border:1px outset #CC3399;

cursor:pointer;

display:inline;

float:left;

font-size:1em;

height:1.55em;

line-height:0.9em;

margin:0pt 10px 0pt 0pt;

overflow:visible;

padding:0pt 2px !important;

width:auto;

}



/*

Unterteilung des Templates in zwei Randspalten mit fixer Breite

und einer Mittelspalte mit variabler Breite

*/



#links {

	background: none;

	float: left; 

	width: 240px;

}

#links_content {

	background: none;

	margin: 0;

	padding: 0 

}



#rechts {

	background: none;

	float:right;

	width: 240px;

	margin-right: -15px;

}

#rechts_content {

	background: none;

	margin: 0;

	padding: 0 

}

#mitte {

	width:auto;

	margin:0 260px;

	background: none;

}

#mitte_content {

	background: none;

	margin-top: 10px;

	padding: 0 

}



#user1, #user2 {

	margin-top: 10px;

	margin-bottom: 0px;

	border:2px outset #00CCFF;

	padding-left: 5px;

}

#user1 a {

	color: #FFFF33;

	text-decoration: none;

}

#user2 a {

	color: #FFFF33;

	text-decoration: none;

}

#user1 a:hover {

	color: #FF0000;

	text-decoration: underline;

}

#user2 a:hover {

	color: #FF0000;

	text-decoration: underline;

}





/*

Mittels eines clearfix-Hacks wird sichergestellt, dass immer die mittlere Spalte am längsten ist

*/



.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden

}



.clearfix { display: block }

.floatbox { overflow:hidden }

#ie_clearing { display: none }





/*

Diverse Standard Einstellungen

*/





* { 

	margin:0; 

	padding: 0; 

}





#mitte p { 

	line-height: 1.5em; 

	margin: 0 0 1em 0;

}





a {color: #FFFF00; text-decoration:underline;}

a:focus,

a:hover,

a:active {color:#FF0000; text-decoration:underline;}





fieldset, img { border: 0 solid; }



#page{ 

	/*background-color: #fff;*/

	border: 1px #fff solid; 

}



#page_margins {

	border: 2px solid #000;

	margin: 0 auto;

	text-align:left

}



#main {

	padding: 10px 0 50px;

	clear:both;


}



#footer { 

	margin: 20px 0 0 0;

  color:#FFFF99; 

  padding: 0;

  clear:both;

  font-size: 10px;

  font-family: Verdana,Arial,Helvetica,sans-serif;

  text-align: right;

}



#bottom {

	height: 140px;

	float: left;

}

.bottom {

	margin-top: 0px;

	padding-top: 20px;

}



.bottom_01 {

	background:url(../images/ypelaar/bottom_01.png) top left no-repeat;

}

.bottom_02 {

	background:url(../images/ypelaar/bottom_02.png) top left repeat-x;

}

.bottom_03 {

	background:url(../images/ypelaar/bottom_03.png) top right no-repeat;

}

.bottom_04 {

	background:url(../images/ypelaar/bottom_04.png) bottom left repeat-y;

}

.bottom_05 {

	background:url(../images/ypelaar/bottom_05.png) top left repeat;

}

.bottom_06 {

	background:url(../images/ypelaar/bottom_06.png) bottom right repeat-y;

}

.bottom_07 {

	background:url(../images/ypelaar/bottom_07.png) bottom left no-repeat;

}

.bottom_08 {

	background:url(../images/ypelaar/bottom_08.png) bottom left repeat-x;

}

.bottom_09 {

	background:url(../images/ypelaar/bottom_09.png) bottom right no-repeat;

}



#logo_rw {

	text-align: center;

	padding-left:50px;

}


#design_left {

	margin: 0px 5px 5px;

	color:#888;

	padding: 0px 5px 15px;

	clear:both;

	font-size: 8px;

	font-family: Verdana,Arial,Helvetica,sans-serif;

}

#design_left a {

	color:#888;

}

#design_left div#left { 

	padding-bottom: 0px;

	float: left;

}


#design_right {

	margin: 0px 35px 10px;

	color:#888;

	padding: 10px 0px 15px;

	clear:both;

	font-size: 10px;

	font-family: Verdana,Arial,Helvetica,sans-serif;

}



#design_right div#right {

	float: right;

	text-align: right;

	color: #FFFFFF;

}





.struktur {

	position:absolute;

	left:-1000px;

	top:-1000px;

	width:0px;

	height:0px;

	overflow:hidden;

	display:inline;

}







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

* Pagination

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



.pagenavcounter {

  margin-bottom: 5px;

  text-align: left;

  color: #FF6600;

  font-weight: bold;

}



span.pagination ul, .pagenavbar div {

  border-top: 2px outset #00FFFF;

  border-bottom: 2px outset #00FFFF;

  margin-top: 15px;

  padding: 5px 0;

}



span.pagination ul li {

  display: inline;

  list-style: none;

  margin: 0;

  padding: 0 5px;

  background: none;

}



.pagenavbar div {

  text-align: center;

}







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

* Polls

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



table.pollstableborder {

  margin-bottom: 10px;

  text-align: left;

}



table.pollstableborder td {

  padding: 5px;

  margin: 0;

}







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

* List

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







#middlebar li {

  margin-top: .3em;

  margin-bottom: .3em;

  margin-left: 1.5em;

}







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

* Contenttoc

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



table.contenttoc {

	margin: 10px;

	padding: 13px;

	border: 2px outset #00FFFF;

	background: #66CCFF;

	color: #FFFF00;	/*background-color: #66CCFF;*/

}

table.contenttoc a {

	color: #FFFFFF;

	text-decoration: none;

}

table.contenttoc a:hover {

	color: #FFCC00;

	text-decoration: underline;

}





table.contenttoc th, table.contenttoc td {

  padding: 2px 15px;

	background-color: #0066FF;

}



table.contenttoc th {

  border-bottom: 2px outset #00FFFF;

}



table.contenttoc a.toclink {

  display: block;

}





tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableheader, td.sectiontablefooter {

  padding: 2px 5px;

}





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

* Sectiontable

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



td.sectiontableheader {

	border-bottom: 1px solid black;

	vertical-align: middle;

	font-weight: bold;

	padding-top: 10px;

}





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

* Banner

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



.bannergroup {

  text-align: center;

}



.banneritem img {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.banneritem_text {

	padding: 4px;

	font-size: 80%;

}



.bannerfooter_text {

	margin-top: 15px;

	padding: 4px;

	font-size: 80%;

	border-top: 1px solid #CCCCCC;

}





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

* Preparing Page for Print

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



@media print

{

  #rechts {display:none}

  #links {display:none}

  

  #mitte, #mitte_content { width: 100%; margin:0; padding: 0; border:0}

}