/*--------------------------------------------
Name:     	Anthony-James Owen
Designer: 	Wirkwelt- Agentur fuer digitale Medien, 
			Nina Scharein
URL:      	www.guerrilla.de
Date:     	29. Oktober 2006
----------------------------------------------- */
/*Used Colors in hexadecimal
Oliv			#526552	: Teaserleiste, aktive und besuchte Links
helles Oliv		#92A06E	: Besuchte Links
Helles Gruen		#CDDBB	: Texthintergrundfarbe
Mittelgruen		#DBA8C	: Navigation Level 3
Giftgruen:		#D52B35	: Rollovereffekt bei Links
Orange			#FF9A00	: Navigationshintergrundfarbe
Weiss			#FFFFFF	: Teasertextfarbe, Navigationstextfarbe
Schwarz			#000000	: Contenttextfarbe						
================================================*/
/*PAGE Struktur der Site
================================================*/
body {
	background: #CCDDBB;
	color: #000000;
	margin: 0px;
	padding: 10px 0px 14px;
	width: 100%;
	/* Mindesbreite fuerr den Mainbereich bei skalierbarer Seitenrasterbreite*/
	min-width: 80em;
	/* Allgemeine wiederzuvererbdende Schriftformatierung */
	font-family: Arial, Verdana;
	font-size/* */:/**/	12px;
	font-weight:normal;
	font-style: normal;
	text-align: center;
}
/* Seitenaufbau fuer den Bildschirm und Handy
----------------------------------------------- */
@media screen {
	#wrap {
	    position: relative;
	    top: 4px;
	    left: 4px;
	    background: #526552;
	    /* Muss genaue Pixelangabe sein, da ansosnten IE 
	       Probleme mit den Breiten hat; IE versteht kein min-width */
	    width: 1200px;	
	    margin: 0 auto;
	    text-align: left;
    }
}
@media handheld {
  	#wrap {
    	    width: 50%;
    	}
}
#wrap2 {
	  position: relative;
	  top: -4px;
	  left: -4px;
	  background: #FFFFFF;
	  padding: 10px;
}
#contentarea2 {
	  background: #D9E6CD url('../res/background/main_bg.gif') repeat-y right top;
	  margin-left: 30px;
	  border-left: 8px solid #FFFFFF;
}
@media screen {
  	#main {
		background: transparent;
		width: 610px;
    		float: left;
		color: #000000;
		font-size: 12px;
 	}
  	#teaserbar {
  		background: #transparent;
		margin-right: 5px;
    		width: 309px;
    		overflow: hidden;
		float: right;
    		color: #FFFFFF;
		font-size: 12px;
    }
}
@media handheld {
  	#main {
   	 	width: 100%;
   	 	float: none;
    }
  	#teaserbar {
    	width: 100%;
	   	float: none;
    }
}
#main2 {
	margin: 0px;
	margin-right: 5px;
	padding: 10px 0px 20px 10px;
}
#teaserbar2 {
	margin: 0px;
	padding: 5px 5px 40px 5px;
}
/*Seitenaufabu fuer den Ausdruck */
@media print {
	#main {
   		width: 100%;
   		float: none;
	}
	#navbar {
		display: none;
	}
	#teaserbar {
		display: none;
	}
	#footerbar {
		display: none;
	}
}

/* Seitenheaderaufbau
----------------------------------------------- */
#header {
	background: #BDEF42;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px;
	width: 100%;
	width/* */:/**/auto;
	width: auto;
		
}
div.claim {
   	color: #D52B35;
	background: #BDEF42;
	width: 320px;
	height:40px;
	padding-right: 5px;
	padding-bottom: 20px;
	margin-top: -40px;
	margin-left: 8px;
	word-spacing: 0.2em;
	letter-spacing: 0.3em;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
#pagetitle {
	background:#BDEF42 url('../res/logo.gif') no-repeat top left;
	color: #FFFFFF;
	margin: 0px;
	font-style:	normal;
	font-size: 36px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right; padding-left:35px; padding-right:15px; padding-top:130px; padding-bottom:0px
}
/* Footer
----------------------------------------------- */
#footerbar {
	clear:both;
	background: #92A06E;
	border-top: 8px #FFFFFF solid;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	/*height: 30px;*/
}
#footerbar2 {	
	
}
#footer {
	display: block;	
	margin: 0px;
	padding: 5px 5px 5px 5px;	
	text-align: left;
	max-width: 100%;
	font-weight: bold;
}
.listMenu {
	width: 100%;
	font-size: 14px;
	padding-left: 15px;
	text-align:left;
	width: 100%;
}
.copyright {
	background: #92A06E;
	width: 400px;
	margin-left: 38px;
	height: 20px;
	float: right;	
	margin-top: -18px;	
	padding-top: 2px;
	font-size: 12px;
}