/*  
Theme Name: yab-academy.de-style
Theme URI: http://www.maru-design.eu/
Description: MakeUp-Artist & Hair-Stylist Academy. Horizontal drop-down menu by jillij.com.
Version: 4.9 (22.06.2010)
Author: maru design Team
Author: URI: http://www.maru-design.eu/
Copyright: © maru desgin Team 
*/

/* Allgemein */
* {margin:0; padding:0;}

/* body */
body {background-color: #9C9C9C; font-family: 'Arial Narrow', Verdana, Arial, Sans-Serif; font-size: 12px;
font-style: normal; color: #000; letter-spacing: 0.2em;}

/* Main */
#wrap {width: 900px; margin: 5px auto 0;}
.page-bottom {background: url("images/page_bottom.jpg") no-repeat bottom center; width: 900px; height: 25px;
margin-left: 0px; float:none; clear:both;}

/* Header */	
#topheader {font-weight: bold; padding: 2px 15px;}
#topheader img{margin-bottom: -1px;}
#topheader a {color: #fff; text-decoration: none; margin-left: 1px;}
#topheader a:hover {color: #D2469C; text-decoration: none;}
#header {background: url("images/header.jpg") no-repeat bottom center; width: 900px; height: 150px;}

/* Menue */	
#menue {background: #555; width:898px; margin-left:1px;}
#menue ul {background: #555; list-style-type: none;}
#menue li {position: relative; padding: 4px 14px; display: inline; float: left;}
#menue ul li{font-weight:bold; float:left;}
#menue li ul {font-weight: normal; top: 100%; left: 0px;}
#menue li ul li {width: 115px; font-weight: normal; line-height:1.2em; margin-left: 0px; padding:5px 12px;}
#menue li li ul {top: 0;}
#menue a {color: #fff; text-decoration: none;}
#menue li li:hover ul {left: 139px;}
#menue ul ul, #menue ul li:hover ul ul, #menue ul ul li:hover ul ul, #menue ul ul ul li:hover ul ul, 
#menue ul ul ul ul li:hover ul ul {position: absolute; display:none;}
#menue li:hover ul, #menue ul li:hover ul, #menue ul ul li:hover ul, #menue ul ul ul li:hover ul, 
#menue ul ul ul ul li:hover ul, #menue ul ul ul ul ul li:hover ul {display: block;}
#menue ul li:hover {background: #333;}
#menue ul li ul li:hover, #menue ul li ul ul li:hover {background: #666;}

/* Footer */
#footer {background: url("images/footer.jpg") no-repeat top center; width: 900px; height: 60px; color: #555;
font-size: 12px; font-weight: bold; text-align: center; padding-bottom: 15px;} 	
.footer-sponsor {margin-top: 7px;}
#footer a {color: #555; text-decoration: none;}
#footer a:hover {color: #868686; text-decoration: none;}
	
/* Seiten */
#page {background: url("images/pages.jpg") no-repeat top center; width: 900px; height: 528px;}

/* Startseite */
.page-home {background: url("images/home.jpg") no-repeat top center ; width: 900px; height: 528px;}

/* Startseite - linke Seite */
.home-links {width: 530px; text-align: center; line-height: 1.8em; float:left; }
.home-links h2 {font-size: 4em;}
.home-links h3 {font-size: 1.8em;}
.home-links h2, .home-links h3 {font-weight: normal; letter-spacing:0.2em;}
.home-links a {color: #000; text-decoration: none;}
.home-links h2 a:hover {color: #9C9C9C; text-decoration: none;}
.home-links h3 a:hover {color: #D2469C; text-decoration: none;}
.home-links-1 {width: 530px; margin-top:5px; padding-top: 50px; padding-bottom: 45px;}
.home-links-2 {width: 530px; padding-top: 50px; padding-bottom: 75px;}
.home-links-2-1 {width: 255px; margin-left: 10px; float:left;}
.home-links-2-2 {width: 245px; margin-right: 20px; float: right;}
.home-links-3 {width: 530px; padding-top: 50px; padding-bottom: 65px;}
.home-links-3-1 {width: 255px; margin-left: 10px; float:left;}
.home-links-3-2 {width: 245px; margin-top: 23px; margin-right: 20px; float:right;}
.home-links-4{width: 530px;	margin-top: 30px; padding: 50px 0;}

/* Home - rechte Seite*/
.home-rechts {border-left: 1px dotted #555; width: 365px;	height: 520px; float:right;}
.home-rechts h3  {font-size:24px; color: #d2469c;}
.posts {font-size: 11px; margin-bottom: 23px;}
.post-meta {font-size: 10px; font-style:italic; margin-top: -4px; margin-bottom: 5px;}

/* Pagebar */
#pagebar {width: 320px; height: 50px; list-style: none;}
#pagebar li {height: 30px; float: left;}
#pagebar li.pagebar-numbers {width: 320px;}
#pagebar li.pagebar-numbers a {background: #fff; border: 1px solid #ccc; text-align: center; margin: 0 2px; 
padding: 5px; display: inline-block;}
#pagebar li.pagebar-numbers a:hover {background: #ccc;}
#pagebar li.pagebar-numbers a.active {background: #ccc; padding: 5px;}
#pagebar li.prev, #pagebar li.next {width: 80px;}

/* PopUp */
.pop-up-content {width: 600px; height: 400px; overflow:auto;}
.pop-up-content-text {width: 550px; height: 300px;}

/* linke Seite */
.page-links {width: 520px; float:left;}
.page-links h2{font-size: 2.0em; margin-bottom: 10px;}
.page-links-text{width: 500px; line-height: 1.2em; margin-top: 10px; padding-left: 15px;}

/* rechte Seite */
.page-rechts{border-left: 1px dotted #555; width: 365px; height: 520px; text-align: center; float:right;}
.page-rechts-bild {margin-top: 50px;}
.page-rechts-bild-credit {font-size: 8px; line-height: 1.3em;}

/* linke Seite - academy */
.academy-image{width: 490px; height: 75px;}
.academy-image a:focus {color: transparent !important;}

/* rechte Seite - die ausbildung */
.page-rechts-ausbildung {background: url("images/die_ausbildung.jpg") no-repeat center; width: 350px; height: 500px;
line-height: 1.2em; margin-top: 8px;}
.page-rechts-ausbildung-1, .page-rechts-ausbildung-2, .page-rechts-ausbildung-3, {text-align: center; width: 365px;}
.page-rechts-ausbildung-1{padding: 45px 0;}
.page-rechts-ausbildung-2 {padding: 90px 0;}
.page-rechts-ausbildung-3 {padding: 65px 0;}
.page-rechts-ausbildung p {padding: 1px 0;}

/* rechte Seite - aufbaukurse */
.page-rechts-aufbaukurs {width: 330px; text-align: left;}

/* Seiten ohne Hintergrundsbild*/
#page-ohne-hintergrundsbild {background: #fff; width: 898px; margin-left: 1px; float:left;}
.page-ohne-hintergrundsbild-text {line-height: 1.2em; padding: 9px 15px;}
.page-ohne-hintergrundsbild-text h2{font-size: 2.0em; margin-bottom: 10px;}

/* Galerie */
.page-12 img{border: 1px solid #555;}
.galerie-title {font-size: 2.0em; font-weight: bold; padding: 5px 0 25px 0; float: right;}

/* Kontakt rechte Seite*/
.page-rechts-kontakt {width: 325px; text-align: left; margin-top: 15px; margin-left: 15px;}

/* Impressum */
.page-impressum-links {width: 325px; float:left;}
.page-impressum-links h3, .page-impressum-rechts h3 {font-size: 1.4em; color: #D2469C;}
.page-impressum-links h3 {margin-top: 15px; margin-bottom: 5px;}
.page-impressum-rechts {width: 400px;	text-align: right; float: right;}

/* Links */
a{color: #D2469C; text-decoration: none;}
a:hover {color: #DE77B7; text-decoration: none;}
a img {border: none;}

/* img */
.home-rechts img, .thum {background-color: #fff; border: 1px solid #ccc; margin: 5px; padding: 3px;}
.thum {float:left; clear: none;}

/* Sonstiges */
.page-rechts li {list-style-type: disc; list-style-position:outside; margin-left: 15px; padding: 5px 0; }
p {padding: 5px 0;}
.alignleft {float:left;}
.alignright {float:right;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility:hidden; }