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

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

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

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

	
	body {
		color: #000;
		background-color: #6190c7;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 58.5%;
		line-height: 180%;
	}
	
p {
	margin: 3px 3px 8px 3px;
}

#website {
	position: absolute;
	top: 3px;
	left: 50%;
	width: 960px;
	margin-left: -480px;
	background-position: left;
	border: 1px dotted #ece4da;
	background-color: #FFFFFF;
	background-image: url(1bgw.gif);
	background-repeat: repeat;	
	
}

	
	
	
/* ==================================
   3. Styles für Layoutbereiche
   =============================== */
		
	#head {
		width: 100%;
		height: 289px;
		position: relative;
		margin-top: 5px;
		/*background-image: url(../img/header-bild.jpg);*/
		border-bottom: 1px solid #dc231a;
	}
		#titelbild {
			width: 960px;
			height: 289px;
			position: absolute;
			left: 0;
			top: 0px;
			z-index: 1;
		}
		#logo {
	width: 240px;
	height: 289px;

	position: absolute;
	left: 0;
	top: 0px;
	z-index: 9999;
	cursor: pointer;
		}
		
		
		
/* Navigation */		
		#navigation {
			position: absolute;
			right: 0;
			bottom: 0;
			z-index: 9999;
			background-color: #fff;
			background-color: rgba(255,255,255,.65);
			-webkit-border-radius: 10px 0px 0px 0px;
			border-radius: 10px 0px 0px 0px; 
		}
			#navigation li {
				list-style-type: none;
				float: right;
				padding: 0 1.6em;
				font-size: 1.4em;
				line-height: 40px;
				color: #0b458d;
			}
			#navigation li:last-Child { padding-right: 1.5em; }
				#navigation a {
					color: #0b458d;
					text-decoration: none;
				}
				#navigation a:hover, #navigation a:active, #navigation a:focus { color: #58585a; text-decoration: underline; font-weight: bold; }
				


		/* ==================== NAVIGATION [immer anpassen] ==================== */
	#page_index #navi_index { }
	#page_index #navi_index a { color: #58585a; font-weight: bold; }
	
	#page_form #navi_paziresh { }
	#page_form #navi_paziresh a { color: #58585a; font-weight: bold;}
	
	#page_form #navi_form { }
	#page_form #navi_form a { color: #58585a; font-weight: bold;}

	#page_links #navi_links { }
	#page_links #navi_links a { color: #58585a; font-weight: bold;}
	
	#page_madarek #navi_madarek { }
	#page_madarek #navi_madarek a { color: #58585a; font-weight: bold;}

	#page_unis #navi_unis { }
	#page_unis #navi_unis a { color: #58585a; font-weight: bold;}
	
	#page_kontakt #navi_kontakt { }
	#page_kontakt #navi_kontakt a { color: #58585a; font-weight: bold;}


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

	
	
	
	#content {

		min-height: 800px;
		padding-bottom: 32px;
		background-color: #fff;
		margin: 20px;


	}
	
	.page-hairstyle { background-image: url(file:///C|/xampp/htdocs/Daneschjoo/img/hairstyle.jpg) !important; }
	.page-makeup { background-image: url(file:///C|/xampp/htdocs/Daneschjoo/img/content-2.jpg) !important; }
	.page-pflegeprodukte { background-image: url(file:///C|/xampp/htdocs/Daneschjoo/img/content-2.jpg) !important; }
	.page-preise { background-image: url(file:///C|/xampp/htdocs/Daneschjoo/img/preise.jpg) !important; }
	.page-kontakt { background-image: url(file:///C|/xampp/htdocs/Daneschjoo/img/kontakt.jpg) !important; }
	
	
		#text {
			width: 800px;
			margin-left: 10px;
			margin-right: 10px;
			padding-top: 10px;
			text-align: center;
		}

	
	#footer {

		width: 100%;
		height: 40px;
		margin-top: -32px;
		border-top: 2px solid #ccc;
		background-color:#FFF;
		text-align: left;
	}
		#footer p {
			margin-right: 125px;
			font-size: 1.3em;
			line-height: 30px;
		}
		#footer a {
			text-decoration: none;
			color: #000;
		}
	
#ol {
	padding: 3px;

	}
	
#ul {
	padding: 3px;
	}
	
#li  {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	margin: 0px 22px 0px 0px;
	list-style-image: url(file:///C|/xampp/htdocs/Daneschjoo/img/pfeil_blau.gif);
	text-align: right;
	
	}
	

	

.ul {
	padding: 3px 0px 3px 0px;
	}
	
.li  {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	margin: 0px 0px 0px 22px;
	list-style-image: url(file:///C|/xampp/htdocs/Daneschjoo/img/pfeil_blau.gif);
	text-align: right;
	}
	
.ul {
	padding: 3px 0px 3px 0px;
	}
.li_rot   {
	padding: 2px 0 0px 0px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	margin: 0px 0px 0px 22px;
	list-style-image: url(file:///C|/xampp/htdocs/Daneschjoo/img/pfeil_rot.gif);
	text-align: right;
	}
	
	

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

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