/* ==================================================================
Zusätzliches Stylesheet fuer den Siteaufbau der Startseite
Datei: starseite.css
Media: all

Datum: 27.04.2010
Autor:	Agentur Grintsch
Internet: www.grintsch.com

Inhalt:
CSS-Anweisungen für Friendsmobile

Aufbau:
1. Allgemeine Selektoren
	1.1 Inline-Elemente
	1.2 Block-Elemente
	1.3 Klassen

2. Site-Wrapper

3. Logo

4. Contentbereich
	4.1 TextContent
		4.1.1 box_text
		4.1.2 box_header 
		4.1.3 text_full
		4.1.4 text_half
		4.1.5 text_one_third
		4.1.6 contacts
	4.2 InfoContent
		4.2.1 InfoContent für Startseite

5. Header
	5.1 Subnavigation
	5.2 download-area
	5.3 Breadcrumb

6. Menu Main

7. Footer
8. Seitenspezifische Klassen
9. Klassenspezifische Inline-Elemente
10. Klassenspezifische Block-Elemente
11. Klassenspezifische Listen
12. Spezielle Klassen
==================================================================== */

/* ======================================================

	=2. Site-Wrapper

========================================================= */
#wPage.page_startseite { background: #2967c0 url(img/bg/wPage_blue_gradient.gif) repeat-x; }

/* ======================================================

	=3. Logo

========================================================= */
#wPage.page_startseite #wLogo { background: #2967c0 url(img/bg/wLogo_blue_gradient.gif) no-repeat; }

/* ======================================================

	=4. Contentbereich

========================================================= */
#wPage.page_startseite #wContent { background: none; }

#wPage.page_startseite #wContentBg { 
	padding-bottom: 10px;
	background: url(img/bg/wContentBg_startseite.gif) no-repeat bottom left; 
}
	
/* ======================================================

	=4.1 ContentText

========================================================= */
#wPage.page_startseite #wContentText {
	float: left;	
	width: 975px;
}

	/* ======================================================
		=4.1.2 box_header
	========================================================= */
	#wPage.page_startseite #wContentText div.box_header { position: absolute; }

	/* ======================================================
		=4.1.4 text_half
	========================================================= */
	#wPage.page_startseite #wContentText div.text_half {
		float: left;
		
		width: 460px;		
		height: 185px;
		margin: 0 15px 0 0;
		padding: 0 10px 25px;
		
		background: #fff url(img/bg/wContentText_startseite_shadow.gif) repeat-x bottom left;
	}

		/* ======================================================
			=4.1.4.1 text_half Galerie
		========================================================= */
		#wPage.page_startseite #wContentText div.text_half.galerie {
			position: relative;
			width: 480px;
			padding: 0 0 25px;
		}
		
		#wPage.page_startseite #wContentText div.text_half.galerie div.scrollable {
			overflow: hidden;
			position: relative;
			width: 480px;
			height: 195px;
		}
	
		#wPage.page_startseite #wContentText div.text_half.galerie div.scrollable div.items {
			position:absolute;
			xxxwidth: 960px;
		}
	
		#wPage.page_startseite #wContentText div.text_half.galerie div.scrollable div.items a { 
			float: left;
			width: 480px;
		}

		#wPage.page_startseite #wContentText div.text_half.galerie div.scrollable div.items a.cloned {
			display: none;
		}

		#wPage.page_startseite #wContentText div.text_half.galerie a.browse {
			position: absolute;
			top: 65px;
			width: 35px;
			height: 58px;		
			z-index: 20;
			cursor: pointer;
		}
	
		#wPage.page_startseite #wContentText div.text_half.galerie a.left {
			left: -8px;
			background: url(img/reste/sprite_arrows.png) no-repeat 0 0;
		}
	
		#wPage.page_startseite #wContentText div.text_half.galerie a.right {
			right: -8px;
			background: url(img/reste/sprite_arrows.png) no-repeat -35px 0;
		}

		#wPage.page_startseite #wContentText div.text_half.galerie a.left.disabled { 
			background: url(img/reste/sprite_arrows.png) no-repeat 0 -63px;
		}

		#wPage.page_startseite #wContentText div.text_half.galerie a.right.disabled { 
			background: url(img/reste/sprite_arrows.png) no-repeat -35px -63px;
		}


	/* ======================================================
		=4.1.5 text one third
	========================================================= */
	#wPage.page_startseite #wContentText div.text_one_third {
		float: left;
		
		width: 205px;
		height: 185px;
		margin: 0 15px 0 0;
		padding: 0 10px 25px;
		
		background: #fff url(img/bg/wContentText_startseite_shadow.gif) repeat-x bottom left;
	}

/* ======================================================

	=4.2 InfoContent

========================================================= */
#wPage.page_startseite #wContentInfo {
	float: left;	
	width: 975px;
}

	/* ======================================================
		=4.2.x text_full
	========================================================= */
	#wPage.page_startseite #wContentInfo div.text_one_third,
	#wPage.page_startseite #wContentInfo div.text_half,
	#wPage.page_startseite #wContentInfo div.text_full {
		float: left;
		
		width: 940px;		
		height: 18px;
		padding: 6px 10px;
		margin: 0;
		
		border-bottom: 0 none;
		background: #fff url(img/bg/content_startseite.gif) no-repeat;
	}

/* ======================================================

	=9. Klassenspezifische Inline-Elemente

========================================================= */
	/* ==================================================
		= BoxText
	===================================================== */
	#wPage.page_startseite div.box_text a.img_teaser {
		float: left;
		
		width: auto;
		padding-bottom: 0;
	}

		#wPage.page_startseite div.box_text a.img_teaser.left { padding-right: 0; }
		#wPage.page_startseite div.box_text a.img_teaser.right { padding-left: 0; }

	/* ==================================================
		= ContentInfo
	===================================================== */
	#wPage.page_startseite #wContentInfo a {
		float: right;
		padding: 0 0 0 10px;
		background: url(img/reste/arrow_e2001a_8x12.gif) no-repeat 0 3px;
	}

		#wPage.page_startseite #wContentInfo a:hover,
		#wPage.page_startseite #wContentInfo a:active,
		#wPage.page_startseite #wContentInfo a:focus { text-decoration: underline; }

/* ======================================================

	=10. Klassenspezifische Block-Elemente

========================================================= */
	/* ==================================================
		= #wContentText
	===================================================== */	
	#wPage.page_startseite #wContentText h2 {
		padding: 10px 10px 5px 10px;
		margin: 0 -10px;
		background: #fff url(img/bg/content.gif) no-repeat;
	}

		#wPage.page_startseite #wContentText div.text_one_third h2,
		#wPage.page_startseite #wContentText div.half h2 {
			height: 16px;
			margin: 0 -10px 2px;
			overflow: hidden;
		}

	#wPage.page_startseite #wContentText h3 { padding: 0; }
	
	/* ==================================================
		= Box Header
	===================================================== */	
	#wPage.page_startseite #wContentText div.box_header h1 {
		position: relative;
		top: 0px;
		left: 0px;
		
		font-size: 28px;
		line-height: 32px;
		color: #fff;
		padding: 0;
		margin: 0;
	}
	
	#wPage.page_startseite #wContentText div.box_header h2 {
		position: relative;
		top: 0px;
		left: 0px;
		
		font-size: 24px;
		color: #004ebd;
		padding-top: 5px;
		
		background: none;
	}

	/* ==================================================
		= text half / text one third
	===================================================== */	
	#wPage.page_startseite #wContentText div.text_one_third p,
	#wPage.page_startseite #wContentText div.text_half p {
		height: 125px;
		overflow: hidden;
	}
	
	/* ==================================================
		= ContentInfo
	===================================================== */	
	#wPage.page_startseite #wContentInfo h2 {
		float: left;
		font-size: 14px;
		text-transform: uppercase;
		color: #E2001A;
		padding: 0 10px 0 0;
		border-right: 1px solid #72737a;
	}

		#wPage.page_startseite #wContentInfo h2 a {
			font-size: 14px;
			color: #E2001A;
			padding: 0;
			background: none;
		}
		
		#wPage.page_startseite #wContentInfo h2 a:hover { text-decoration: none; }

		#wPage.page_startseite #wContentInfo h2 a span { padding-left: 5px; }

		#wPage.page_startseite #wContentInfo h2 span.blue,
		#wPage.page_startseite #wContentInfo h2 a span.blue { text-transform: none; }

	#wPage.page_startseite #wContentInfo h3 {
		float: left;
		font-size: 14px;
		color: #004EBD;
		padding: 2px 10px 0 0;
		border-right: 1px solid #72737a;
	}
	
	#wPage.page_startseite #wContentInfo p {
		float: left;
		padding: 0 10px 0 10px;
	}

	/* ==================================================
		= location teaser
	===================================================== */	
	#wContentText div.box_location {
		height: 125px; 
		margin-bottom: 10px;
	}

	#wContentText div.box_location select {
		font-size: 12px;
		width: 200px;
		
		background-color: #fff;
		border: 1px solid #b2b2b2;
		border-right: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		margin: 5px 0 30px;
	}