/* - - - - - - - - - - - - - - - - - - - - -

Titel		: Sozialstation Rot an der Rot
Autor		: Stefan Walcher
URL 		: sozialstation-rot.de

Erstellt	: 20. Oktober 2012
Modifiziert	: 20. Oktober 2012

- - - - - - - - - - - - - - - - - - - - - */


@import url("fonts.css");


/* 
	Resets
	------
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}



/* 
	Struktur
	--------
*/

.left {float:left}
.clear, cl {clear:both;}


.wrapper {
	margin: 	0 auto;
	width:		100%;
	background:	none;
	border:		none;
	background-color:#e5e5e5;
	background-image: url(../images/basic/white_stripe.gif);
	background-repeat:repeat-x;
	}


/* 
	Head
	----
*/	

.head {
	margin:		0 auto;
	width:		980px;
	height:		100px;
	background-color:#FFF;
}

.logo {
	float:		left;
	margin:		24px 0 0 15px;
	width:		450px;
	height:		62px;
	background-image: url(../images/basic/logo_sozialstation_rot.png);
}

.top_navigation {
	margin:		65px 0 0 205px;
	float:		left;
	width:		300px;
	height:		20px;
}

.nav_01, .nav_01_on {
	margin:		0 10px 0 0;
	font-family: 'gudearegular', Arial, Helvetica, sans-serif;
	font-size:	14px;
	float:		left;
}

.nav_01 a {
	padding:	32px 4px 9px 4px;
	color:		#7a7a72;
	text-decoration:none;
}

.nav_01 a:hover {
	padding:	32px 4px 9px 4px;
	color:		#7a7a72;
	text-decoration:underline;
}

.nav_01_on a {
	padding:	32px 4px 9px 4px;
	color:		#7a7a72;
	text-decoration:underline;
}

/* 
	Linien
	------
*/

.linie_gruen {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#7ab030;
}

.linie_rot {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#bd0926;
}

.linie_pink {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#d40050;
}

.linie_hellgelb {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#f8b333;
}

.linie_blau {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#0e72b5;
}

.linie_hellblau {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#66b8dc;
}

.linie_braun {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#af7f48;
}

.linie_dunkelgruen {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#41a62a;
}

.linie_lila {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#622181;
}

.linie_lila {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#622181;
}

.linie_orange {
	float:left;
	width:		10%;
	height:		3px;
	background-color:#e36929;
}

/* 
	Hauptnavigation
	---------------
*/
.spacer_01 {
	margin:		0 auto;
	width:		980px;
	height:		5px;
}

.mainnav {
	margin:		0 auto;
	width:		960px;
	height:		43px;
	padding:	0 0 0 20px;
	background-image:url(../images/basic/nav_balken.jpg);
	background-repeat:repeat-x;
}

.nav_02, .nav_02_on {
	margin:		11px 0 0 0;
	font-family: 'kameronregular', Arial, Helvetica, sans-serif;
	font-size:	20px;
	float:		left;
}

.nav_02 a {
	margin:		11px 3px 0 3px;
	padding:	11px 8px 8px 8px;
	color:		#FFF;
	text-decoration:none;
}

.nav_02 a:hover {
	color:		#FFF;
	background-color:#e6822a;
	background-image:url(../images/basic/main_nav_arrow.gif);
	background-repeat:	no-repeat;
	background-position: center bottom;
}

.nav_02_on a {
	margin:		11px 5px 0 5px;
	padding:	11px 10px 8px 10px;
	text-decoration:none;
	color:		#FFF;
	background-color:#f8b333;
	background-image:url(../images/basic/main_nav_arrow.gif);
	background-repeat:	no-repeat;
	background-position: center bottom;
}






/* 
	Content
	-------
*/
.content_sektion {
	width:		980px;
	margin:		0 auto;
}

.einzug_links_oben {
	float:		left;
	width:		15px;
	height:		9px;
	background-image: url(../images/basic/einzug_links_oben.gif);
	background-repeat:no-repeat;
}

.einzug_rechts_oben {
	float:		left;
	width:		15px;
	height:		9px;
	background-image: url(../images/basic/einzug_rechts_oben.gif)
}


.content {
	float:		left;
	width:		950px;
	height:		auto;
	background-color:#FFF;
}

.bild_und_schatten {
	position:		relative;
	width:			500px;
	height:			380px;
}

.bild_und_schatten_klein {
	position:		relative;
}


.schatten_oben {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			950px;
	height:			9px;
	background-image:url(../images/basic/schatten_oben.png);
	background-position: -15px 0px;
}


/* 
	Footer
	------
*/

.footer_sektion {
	width:		980px;
	margin:		0 auto;
}

.einzug_links_unten {
	float:		left;
	width:		15px;
	height:		9px;
	background-image: url(../images/basic/einzug_links_unten.gif)
}

.einzug_rechts_unten {
	float:		left;
	width:		15px;
	height:		9px;
	background-image: url(../images/basic/einzug_rechts_unten.gif)
}


.roter_bereich {
	width:		980px;
	height:		150px;
	margin:		0 0 5px 0;
	background-color:#d80007;
}

.adresse {
	margin:		20px 0 0 60px;
	font-family: 'kameronregular', Arial, Helvetica, sans-serif;
	font-size:	14px;
	color:		#FFF;
	float:		left;
}

.adresse a {
	font-family: 'kameronregular', Arial, Helvetica, sans-serif;
	font-size:	14px;
	color:		#FFF;
	text-decoration:	none;
}

.adresse a:hover {
	text-decoration:	underline;
}
	


.copyright {
	margin:		110px 0 0 350px;
	font-family: 'kameronregular', Arial, Helvetica, sans-serif;
	font-size:	14px;
	color:		#FFF;
	float:		left;
}
	




/* 
	Home
	----
*/

.linke_spalte {
	width:		340px;
	height:		auto;
	float:		left;
	font-family: 'gudearegular', Arial, Helvetica, sans-serif;
	font-size:	15px;
	line-height: 22px;
	color:		#292929;
}

.rechte_spalte {
	width:		610px;
	height:		auto;
	float:		left;
	font-family: 'gudearegular', Arial, Helvetica, sans-serif;
	font-size:	15px;
	line-height: 22px;
	color:		#292929;
}


.rechte_spalte_gross {
	width:		700px;
	height:		auto;
	float:		left;
	font-family: 'gudearegular', Arial, Helvetica, sans-serif;
	font-size:	15px;
	line-height: 22px;
	color:		#292929;
	margin-left: 100px;
}

.aktuelle_termine {
	width:		200px;
	height:		30px;
	margin:		55px 0 0 0;
	padding:	7px 0 0 37px;
	background-color:#d80007;
	font-family: 'kameronregular', Arial, Helvetica, sans-serif;
	font-size:	18px;
	color:		#FFF;
}

.termin_box {
	width:		200px;
	height:		auto;
	margin:		0 0 40px 0;
	padding:	7px 0 0 37px;
	background-color:#cccccc;
	font-family: 'gudearegular', Arial, Helvetica, sans-serif;
	font-size:	14px;
	color:		#292929;
}




h1 {
	font-family: 'kameronregular', Arial, Helvetica, sans-serif;
	font-size:	24px;
	line-height:33px;
	font-weight:normal;
	color:		#d80007;
}

	
.teaser_box {
	position:	relative;
	width:		554px;
	height:		129px;
	background-image:url(../images/basic/teaser_box_higru.jpg);
	background-repeat:repeat-x;
}

.teaser_bild {
	position:	absolute;
	top:		0px;
	left:		0px;
	width:		150px;
	height:		129px;
}

.teaser_text {
	position:	absolute;
	left:		170px;
	top:		10px;
	font-family: 'gudearegular', Arial, Helvetica, sans-serif;
	font-size:	14px;
	line-height:	20px;
	color:		#292929;
}

.teaser_link {
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		552px;
	height:		127px;
	border:		2px solid #fff;
}

.teaser_link:hover {
	background-image:url(../images/basic/teaser_over.png);
	border:		2px solid #d80007;
}


/* 
	Team
	----
*/

.team_box {
	width:		175px;
	height:		225px;
}

/* 
	Leistungen
	----------
*/
	
.leistungen_ueber {
	font-family: 'gudearegular', Arial, Helvetica, sans-serif;
	font-size:	14px;
	color:		#fff;
	padding:	3px 10px 3px 10px;
	background-color:#d80007;
}


/* 
	Galerie
	-------
*/	

.gruen {
	width:			880px;
	padding:		20px 20px 20px 60px;
	background-image:url(../images/basic/gruen_50.png);
}
	
	
#gallery { width:300px;}

#gallery_02 { width:300px;}

#gallery ul, #gallery_02 ul { 
	list-style: none;  
}
#gallery ul li, #gallery_02 ul li { 
	list-style: none;
}	
#gallery ul li a {
	background:		none;
	font-size:		0px;
	margin:			0 20px 20px 0;
	filter:alpha(opacity:100);
	KHTMLOpacity:1;
	MozOpacity:1;
	opacity:1;
}

#gallery_02 ul li a {
	background:		none;
	font-size:		0px;
	margin:			0 20px 20px 0;
	filter:alpha(opacity:100);
	KHTMLOpacity:1;
	MozOpacity:1;
	opacity:1;
}

#gallery ul li a:hover {
	background:		none;
	filter:alpha(opacity:80);
	KHTMLOpacity:0.8;
	MozOpacity:0.8;
	opacity:0.8;
}

#gallery ul li a img, {
	border: 		#FFF 3px solid;
}


#essen li {
    list-style-image: url(../images/basic/li_grafik.gif);
    margin: 10px 10px 10px 0;
}

# essen ul {
}



/* 
	Mail-Link
	---------
*/	



.link a:link { font-size:15px; color:#2a2c26; font-family:'gudearegular', Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:underline; }
.link a:visited { font-size:15px; color:#2a2c26; font-family:'gudearegular', Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:underline; }
.link a:hover { font-size:15px; color:#d25b17; font-family:'gudearegular', Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; }
.link a:active { font-size:15px; color:#d25b17; font-family:'gudearegular', Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; }
	

/* 
	Fontsize
	--------
*/	

.px7 {font-size:7px} 
.px8 {font-size:8px} 
.px9 {font-size:9px} 
.px10 {font-size:10px} 
.px11 {font-size:11px} 
.px12 {font-size:12px} 
.px13 {font-size:13px} 
.px14 {font-size:14px} 
.px15 {font-size:15px} 
.px16 {font-size:16px} 
.px17 {font-size:17px} 
.px18 {font-size:18px} 
.px19 {font-size:19px} 
.px20 {font-size:20px} 
.px21 {font-size:21px} 
.px22 {font-size:22px} 
.px23 {font-size:23px} 
.px24 {font-size:24px} 
.px25 {font-size:25px} 
.px26 {font-size:26px} 
.px27 {font-size:27px} 
.px28 {font-size:28px} 
.px29 {font-size:29px} 
.px30 {font-size:30px} 
.px31 {font-size:31px} 
.px32 {font-size:32px} 
.px33 {font-size:33px} 
.px34 {font-size:34px} 
.px35 {font-size:35px} 
.px36 {font-size:36px} 
.px37 {font-size:37px} 
.px38 {font-size:38px} 
.px39 {font-size:39px} 
.px40 {font-size:40px}