@charset "utf-8";
/* ===================================
Stylesheet top-schneiderei.at Website

Stand: Stylesheet für die Bildschirmausgabe
Datei: screen.css
Datum: Mai 2015
Autor: Farzaneh Emadi, Armin Priesner

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
		gelb: f0d61e
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */
  
	* { padding: 0; margin: 0; } /* Abstaende auf Null */ 
  
	
/* ==================================
   2. Allgemeine Styles
   =============================== */
	
	html, body, #wrapper {
		height: 100%;
	}

	
	body {
		color: #000;
		background-color: #fff;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		background:url(http://modesalon-sievering.at/index_files/bg.jpg) repeat;
}
	
	#wrapper {
		width: 980px;
		margin: 0 auto;



	}
	
	#main {
		min-height: 100%;
		-webkit-box-shadow:  5px 5px 5px 5px rgba(215, 215, 215, 0.5);
		background-image: url(../img/bg_grau_weiss.gif);
		background-repeat:repeat-y;

        
        /*box-shadow:  5px 5px 5px 5px rgba(0, 0, 0, 0.5);
		-webkit-border-radius: 5px;*/

		}
	
	
	
/* ==================================
   3. Styles für Layoutbereiche
   =============================== */
		

	#head {
		width: 100%;
		height: 321px;
		position: relative;

		/*background-image: url(../img/header-bild.jpg);*/

	}
		#titelbild {
			width: 980px;
			height: 320px;
			position: absolute;
			left: 0;
			top: 0px;
			z-index: 1;

		}

		#navigation {
			position: absolute;
			right: 0;
			bottom: 0;
			z-index: 9999;
			background-color: #fff;
			background-color: rgba(255,255,255,.40);
			-webkit-border-radius: 10px 0px 0px 0px;
			border-radius: 10px 0px 0px 0px;

		}
			#navigation li {
				list-style-type: none;
				float: left;
				padding: 0 1.6em;
				font-size: 1.4em;
				line-height: 40px;
				color: #a49fa0;
			}
			#navigation li:last-Child { padding-right: 3.5em; }
				#navigation a {
					color: #555353;
					text-decoration: none;
				}
				#navigation a:hover, #navigation a:active, #navigation a:focus { color: #e3151a; text-decoration: underline; }
								#navigation a:hover, #navigation a:active {text-decoration: underline; #e3151a; color: #e3151a;}, #navigation a:focus { text-decoration: underline;}
						/* ==================== NAVIGATION [immer anpassen] ==================== */
	#page_index #navi_index { }
	#page_index #navi_index a {text-decoration: underline; color: #e3151a;}
	
	#page_leistungen  #navi_leistungen  { }
	#page_leistungen  #navi_leistungen  a {text-decoration: underline; color: #e3151a;}
	
	#page_kontakt #navi_kontakt  {}
	#page_kontakt #navi_kontakt a {text-decoration: underline; color: #e3151a;}

	#page_impressum #navi_impressum {}
	#page_impressum #navi_impressum a {text-decoration: underline; color: #e3151a;}


	/* ==================== NAVIGATION [immer anpassen] ==================== */

	
	#content {
		width: 100%;
		padding-bottom: 15px;
		margin-bottom: 10px;

	}

		#leftbox {
			float:left;
			width: 290px;
			margin-left: 2px;
			padding-top: 17px;
			font-size: 11px;
			text-align: center;

			}
			#leftbox .table { display: table; }
			#leftbox .tr { display: table-row; }
			#leftbox .td { display: table-cell; padding: 10px; 
			}
			#angebot {
			width: 270px;
			font-size: 12px;
			line-height: 21px;
			margin: 5px 0px 0px 8px;

			
		}
		 
		#text {

			width: 630px;
			margin: 40px 30px 20px 320px;

			
		}
			#text a {
			text-decoration: none;
			color: #666;
			}
			#text p {
				font-size: 11px;
				margin: 8px 0;
				line-height: 19px;
				text-align: justify;
			}

			#text h1 {
				font-size: 14px;
				font-weight: bold;
				margin: 8px 0 6px 0px;;
				color: #e3151a; /* rot */
			}
			#text h2 {
				font-size: 13px;
				font-weight: bold;
				margin: 8px 0;
			}
			#text h3 {
				font-size: 12px;
				font-weight: bold;
				margin: 8px 0;
				color: #e42120; /* rot */
			}

			
			#text ol, #text ul {
				margin: 0.5em 0 0.5em 3em;
			}
			#text li {
				font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
				list-style-image:url(../img/pfeil_grau.jpg);
				margin: 0.5em 0 0.5em 1em;
			}
			#text p:first-Child, #text h1:first-Child, #text h2:first-Child, #text h3:first-Child, #text h4:first-Child, #text h5:first-Child, #text h6:first-Child { margin-top: 0; }
			
			
			span.more { display: none; }

/*css zur gestaltung der Tabelle*/

table {
	width: 642px;
	border-collapse: collapse;
	color: #000;
	margin: 3px 0px 0px 0px;

}

/* Tabellenzellen gestalten */
th, td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	
}
	th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #000;
	}
	

	
thead {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

tfoot {
	border-top: 1px solid #fff;
	font-size: 10px;
}

/* Zebrastreifen und Hovern 

tr#zebrastreifen {
	background-color: #f8f4f5; 
	color: #000;
}
*/



/*css zur gestaltung der Tabelle
thead tr:hover, 
tfoot tr:hover {
	background-color: #f8f4f5;
	color: #000;
	font-size: 11px;
}

tr:hover { background-color: #f8f4f5; color: black; }
thead tr:hover,
tfoot tr:hover { 
   background-color: transparent; 
   color: #333; 
}			
*/			
	
	#footer {
		width: 100%;
		height: 80px;
		padding-top: 4px;
		margin-top: -40px;
		color: #000;
		background-color: #fbfbfb;
		line-height: 18px;
		border-top: 1px solid #CCC;




	}
		#footer p {

			font-size: 11px;
			padding-top: 10px; 
			padding-left: 10px;
		}
		#footer a {
			text-decoration: none;
			color: #989393;
		}
	


	
/* ==================================
   3. Sonstige Styles
   =============================== */
	
	.clearfix:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}
	
/* ==================================

   ENDE DES STYLESHEETS
   =============================== */