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

Titel		: Schuvo Fenster und Türen
Autor		: Stefan Walcher
URL 		: www.schuvo-fenster.de

Erstellt	: 16. Oktober 2013
Modifiziert	: 16. Oktober 2013

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

@import url("formular.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;
}

/* #################################################################### Basic ########## */
	
.cb, .clear 		{clear:both}
.left 				{float:left}

.wrapper {
	margin:			0 auto;
	width:			940px;
}

h1 {
	color:			#fff;
	margin:			0 0 0 30px;
	padding:		6px 0 3px 0;
	font-family:	Helvetica, Arial, sans-serif;
	font-size:		22px;
	font-weight:	normal;
}


/* #################################################################### Header ########## */

.logo_schuvo {
	margin:			20px 0 0 0;
	width:			235px; 
	height:			105px;
	background-image:url(../images/basic/logo_schuvo.jpg);
	background-repeat:no-repeat,
}


.head_nav_position {	
	margin:			20px 0 0 30px;
	width:			675px;
}

.nav_01 a {
	float:			right;
	font-family: 	Helvetica, Arial, sans-serif;
	font-size:		12px;
	font-weight:	normal;
	color:			#7d7d7d;
	margin:			0 0 0 20px;
	text-decoration:none;
}


.nav_01 a:hover {
	text-decoration:underline;
	color:			#4d80a8;
}

.nav_01_on a, .nav_01_on a:hover{
	float:			right;
	font-family: 	Helvetica, Arial, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	color:			#000;
	margin:			0 0 0 20px;
	text-decoration:none;	
}

.slogan {
	margin:			8px 0 0 30px;
	width:			675px;
	height:			79px;
	background-color:#7d7d7d;
}

#zeile_01_slogan {
	margin:			5px 0 0 20px;
	font-family: 	Helvetica, Arial, sans-serif;
	font-size:		28px;
	font-weight:	normal;
	color:			#fff;
}

#zeile_02_slogan {
	margin:			5px 0 0 20px;
	font-family: 	Helvetica, Arial, sans-serif;
	font-size:		20px;
	font-weight:	normal;
	color:			#fff;
}



	

/* #################################################################### Navigation ########## */


.spalte_navigation {
	float:				left;
	margin:				16px 0 0 0;
	width:				235px;
}

.navi_rubrik {
	width:				177px;
	padding:			6px 0 6px 58px;
	color:				#fff;
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			14px;
	text-align:			left;
	background-color:	#006ab3;
}
	
.main_navigation {
	width:				235px;
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			14px;
	text-align:			left;
	padding:			0 0 0 0;

}

.main_navigation ul {
	margin:				0 0 0 0;
	list-style:			none;
}


.main_navigation ul li {
	margin:				0 0 0 0px;
	padding:			0 0 0 0px;
	border-bottom:		#b9c3c5 1px solid;
}


.main_navigation ul li a {
	display:			block;
	padding:			6px 0 6px 58px;
	color:				#7d7d7d;
	text-decoration:	none;
}

.main_navigation ul li a:hover {
	color:				#006ab3;
	background-color:	#f2f2f2;
	background-image:	url(../images/basic/nav_pfeil.gif);
	background-repeat:	no-repeat;
	background-position: 0px 7px;
}

.main_navigation #active a, .main_navigation #active a:hover {
	margin:				0 0 0 0;
	color:				#fff;
	font-weight:		bold;
	background-color:	#000;
	background-image:	none;
	background-image:	url(../images/basic/nav_pfeil.gif);
	background-repeat:	no-repeat;
	background-position: 0px -93px;
}

/* #################################################################### Content ########## */

.content {
	margin:				16px 0 0 30px;
	width:				675px;
}	

.main_pic {
	width:				675px;
	height:				284px;
}

.page_headline {
	margin:				186px 0 0 318px;
	width:				344px;
	background-image:	url(../images/home/white_transparent_80.png);
	font-family:		Helvetica, Arial, sans-serif;
	color:				#006ab3;
	font-size:			21px;
	line-height:		28px;
	padding:			8px 0 8px 13px;
}



.spalte_01 {
	float:				left;
	margin:				15px 0 0 0;
	width:				303px;
}

.h1_block {
	width:				303px;
	height:				38px;
	background-color:	#006ab3;
}
	
.textblock {
	width:				273px;
	padding:			10px 0 0 30px;
	font-family:		Helvetica, Arial, sans-serif;
	color:				#58585a;
	font-size:			14px;
	line-height:		24px;
}


	
.spalte_02 {
	float:				left;
	margin:				15px 0 0 16px;
	width:				356px;
}

.textformat {
	font-family:		Helvetica, Arial, sans-serif;
	color:				#58585a;
	font-size:			14px;
	line-height:		24px;
}
	


/* #################################################################### Footer ########## */


.footer {
	margin:				0 0 50px 0;
	width:				940px;
	background-color:	#7d7d7d;
}

.adresse {
	float:				left;
	margin:				30px 0 30px 58px;
	width:				700px;
	font-family: 		asapregular, Arial, Helvetica, sans-serif;
	font-size:			14px;
	line-height:		22px;
	font-weight:		normal;
	color:				#fff;
}

.adresse a {
	color:				#fff;
	text-decoration:	none;
}

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


.footer_nav {
	padding:			30px 0 0 0;
	float:				left;
	margin:				0 0 0 0;
	width:				140px;
}


.ft_nav {
	font-family:		Helvetica, Arial, sans-serif;
	font-size:			13px;
	line-height:		19px;
	text-align:			right;
	padding:			0 0 0 0;

}

.ft_nav ul {
	margin:				0 0 0 0;
	list-style:			none;
}


.ft_nav ul li {
	margin:				0 0 0 0px;
	padding:			0 0 0 0px;
}


.ft_nav ul li a {
	display:			block;
	color:				#fff;
	text-decoration:	none;
}

.ft_nav ul li a:hover {
	text-decoration:	underline
}

/* #################################################################### Links ########## */




.link a {
	margin:			0 0 0 50px;
	font-family: 	Helvetica, Arial, sans-serif;
	font-size:		14px;
	line-height:	26px;
	color:			#333434;
	text-decoration:none;
}


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











/* #################################################################### Sitemap ########## */




.sitemap a {
	display:		block;
	width:			200px;
	font-family: 	asapregular, Arial, Helvetica, sans-serif;
	padding:		5px 20px;
	font-size:		16px;
	line-height:	30px;
	font-weight:	normal;
	color:			#333434;
	text-decoration:none;
}


.sitemap a:hover {
	color:			#fff;
	background-color:#014a80;
}



/* #################################################################### Galerie ########## */



.spalte_bildgalerie, .spalte_675px {
	float:				left;
	margin:				15px 0 0 0;
	width:				675px;
	font-family:		Helvetica, Arial, sans-serif;
	color:				#58585a;
	font-size:			14px;
	line-height:		24px;
}


#gallery { width:675px; margin: 0 auto;}

#gallery ul { 
	list-style: none;  
}
#gallery ul li { 
	display: inline;  
	list-style: none;
}	
#gallery ul li a {
	background:		none;
	font-size:		0px;
	margin:			0 40px 0 0;
	filter:alpha(opacity:70);
	KHTMLOpacity:0.70;
	MozOpacity:0.70;
	opacity:0.70;
}

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

#gallery ul li a img {
	border: 		#999 3px solid;
	margin:			0 0 40px 0;
}




.link_button a {
	padding:			15px 40px 15px 40px;
	color:				#fff;
	font-size:			24px;
	font-weight:		bold;
	text-decoration:	none;
	border-top:			#4d80a8 2px solid;
	border-right:		#599ece 2px solid;
	border-bottom:		#599ece 2px solid;
	border-left:		#4d80a8 2px solid;
	background-color:	#4d80a8;
	text-shadow: 1px 1px 0px #000;
}

.link_button a:hover {
	padding:			15px 40px 15px 40px;
	color:				#fff;
	font-size:			24px;
	font-weight:		bold;
	text-decoration:	none;
	border-top:			#599ece 2px solid;
	border-right:		#4d80a8 2px solid;
	border-bottom:		#4d80a8 2px solid;
	border-left:		#599ece 2px solid;
	background-color:	#b1c800;
	text-shadow: 		-1px -1px 0px #666;
}