html{
	width:100%;
	overflow-y:auto;
}
body{
    margin:0;
    padding:0;
	width:100%;
}
#header{
	position:absolute;
    background:transparent url(../images/headerBg.png) left top repeat-x;				/* Fensterbeschriftung  rechts und links */
	left:0;
	width:100%;
	height:100%;
    z-index:-100;
}
#headerImage{
    width:946px;
}
ul,li{
    margin:0;
    padding:0;
}
#mainNav{
    list-style-type:none;
}
#mainNav li{
    font-family:Arial;
    color:#000000;
    margin-top:-8px;
    display:block;
    float:left;
    padding-left:14px;
    padding-right:14px;
    background:transparent url(../images/navSpacer.png) right top no-repeat;
}
#content{
    width:640px;
    float:left;
    margin-left:20px;
}


#sideNavigation{
    float:left;
    width:170px;
}
#subNavigation{
    margin-left:20px;
    float:left;
    width:140px;
}
#footer{
    clear:left;
}
#pageWrapper{
    width:990px;
    margin: 0 auto;
    background:transparent url(../images/pageWrapperBackground.png) right top no-repeat;			/* terminvereinbarung oben  */
}

#sideNavigation .box2,
#sideNavigation .box3,
#sideNavigation .box4{
    margin-top:1em;
}

#sideNavigation .box5{
    position:absolute;
    bottom:0;
    width:170px;
}

#footer{
    text-align:center;
    font-size:80%;
}
#footer .spacer{
    margin-left:0.2em;
    margin-right:0.2em;
}

.boxWrapper{
	background:transparent url(../images/box/gray/boxCenter.gif) left top repeat;					/* Boxenhintergrundfarbe  */
}

.boxWrapper .topLeft{
    height:12px;
    background:transparent url(../images/box/gray/boxLeftTop.gif) left top no-repeat;
}
.boxWrapper .topRight{
	padding-left:12px;
    padding-right:12px;
    height:12px;
    background:transparent url(../images/box/gray/boxRightTop.gif) right top no-repeat;
}
.boxWrapper .top{
    height:12px;
     background:transparent url(../images/box/gray/boxTop.gif) left top repeat-x;
}
.boxWrapper .bottomLeft{
    height:12px;
     background:transparent url(../images/box/gray/boxLeftBottom.gif) left top no-repeat;
}
.boxWrapper .bottomRight{
    height:12px;
    padding-left:12px;
    padding-right:12px;
     background:transparent url(../images/box/gray/boxRightBottom.gif) right top no-repeat;
}
.boxWrapper .bottom{
    height:12px;
   background:transparent url(../images/box/gray/boxBottom.gif) left bottom repeat-x;
}
.boxWrapper .left{
    background:transparent url(../images/box/gray/boxLeft.gif) left top repeat-y;
}
.boxWrapper .right{
    background:transparent url(../images/box/gray/boxRight.gif) right top repeat-y;
     padding-left:12px;
    padding-right:12px;
}

.orange .boxWrapper{
    color:#666666;											/* Schriftfarbe Untermenübox  */
	background: url(../images/box/orange/boxCenter.png) left top repeat;
}

.orange .boxWrapper .topLeft{
     background-image:url(../images/box/orange/boxLeftTop.gif);
}
.orange .boxWrapper .topRight{
     background-image:url(../images/box/orange/boxRightTop.gif);
}
.orange .boxWrapper .top{
    background-image:url(../images/box/orange/boxTop.gif);
}
.orange .boxWrapper .bottomLeft{
    background-image:url(../images/box/orange/boxLeftBottom.gif);
}
.orange .boxWrapper .bottomRight{
     background-image:url(../images/box/orange/boxRightBottom.gif);
}
.orange .boxWrapper .bottom{
     background-image:url(../images/box/orange/boxBottom.gif);
}
.orange .boxWrapper .left{
      background-image:url(../images/box/orange/boxLeft.gif);
}
.orange .boxWrapper .right{
   background-image:url(../images/box/orange/boxRight.gif);
}

.orangeboxWrapper{
	background:transparent url(../images/box/orange/boxCenter.png) left top repeat;					/* Boxenhintergrundfarbe  */
}

.orangeboxWrapper .topLeft{
    height:12px;
    background:transparent url(../images/box/orange/boxLeftTop.gif) left top no-repeat;
}
.orangeboxWrapper .topRight{
	padding-left:12px;
    padding-right:12px;
    height:12px;
    background:transparent url(../images/box/orange/boxRightTop.gif) right top no-repeat;
}
.orangeboxWrapper .top{
    height:12px;
     background:transparent url(../images/box/orange/boxTop.gif) left top repeat-x;
}
.orangeboxWrapper .bottomLeft{
    height:12px;
     background:transparent url(../images/box/orange/boxLeftBottom.gif) left top no-repeat;
}
.orangeboxWrapper .bottomRight{
    height:12px;
    padding-left:12px;
    padding-right:12px;
     background:transparent url(../images/box/orange/boxRightBottom.gif) right top no-repeat;
}
.orangeboxWrapper .bottom{
    height:12px;
   background:transparent url(../images/box/orange/boxBottom.gif) left bottom repeat-x;
}
.orangeboxWrapper .left{
    background:transparent url(../images/box/orange/boxLeft.gif) left top repeat-y;
}
.orangeboxWrapper .right{
    background:transparent url(../images/box/orange/boxRight.gif) right top repeat-y;
     padding-left:12px;
    padding-right:12px;
}





h1,h2,h3,h4,h5,h6,p,dl,dd,dt,form{
    margin:0;
}


body{
	background:url(../images/bg_nurkreise.png) right top repeat-y;										/* vorher  background: weiß     */
}
#footer{
    margin-top:1em;
	background:url(../images/box/orange/boxCenter.png) left top repeat;
}
a img{
    border:0;
}
form label{
    display:block;
}
ul{
    list-style-type:none;
}
#content ul{
    list-style-type:circle;
}
#content ul li{
    margin-left:1em;
}

#contentWrapper{
    margin-top:1em;
    /* background:transparent url(../images/contentBackground.jpg) left top repeat-y;          kein schnörkel unter boxen   */
    position:relative;
	width:100%;
}
body{
    color:#666666;							/* schriftfarbe  */
}


/* jQuery lightBox plugin - Gallery style */
.gallery ul { list-style: none; }
.gallery ul li { display: inline; }
.gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
.gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
.gallery ul a:hover { color: #fff; }



/* jQuery lightBox plugin - GalleryAngebot style */
.galleryangebot ul { list-style: none; }
.galleryangebot ul li { display: inline; }
.galleryangebot ul img {
    border: 1px solid #cc9966;
    border-width: 1px 1px 1px;
}
.galleryangebot ul a:hover img {
    border: 1px solid #ffffff;
    border-width: 1px 1px 1px;
    color: #fff;
}
.galleryangebot ul a:hover { color: #fff; }





#mainNavigation{
	padding:0 0.5em 0.2em;
	margin-top:-19px;
}
#mainNavigation ul{
	list-style-type:none;
	float:right;
}

#mainNavigation a{
    text-decoration:none;
}
#mainNavigation ul ul{
	padding:0.3em;
	color:#ffffff;
	border:1px solid #000000;
	background:transparent url("../images/box/orange/boxCenter.png") left top repeat;         /* warum ist das nicht orange   ????   */
	display:none;
	position:absolute;
}
#mainNavigation ul ul a:hover{
	background:#ffffff;
}
#mainNavigation ul ul li{
	float:none;
}
#mainNavigation ul li{
	display:block;
	float:left;
	padding:0.2em 9px;
    padding-top:0;
    padding-bottom:0;
    background:transparent url(../images/navSpacer.jpg) right center no-repeat;
}
#mainNavigation ul li.first{
    padding-left:0;
}
#mainNavigation  ul li.last{
	background:none;
}
#subNavigation ul{
	list-style-type:none;
}
#subNavigation ul li{
	padding-left:10px;
}

.clear{
	clear:both;
}
a{
	color:#666666;					/* links normal   */
}
a:hover{
	color:#000000;									
  
}

#subNavigation a{
    color:#666666;						/* Text Sub-Navigation */
}

  


body{
    font-family:Arial;
}
                    

.floatLeft{
    float:left;
}
.floatRight{
    float:right;
}

.fifty{
    width:50%;
}

.backgroundWrapperHome{
    
    background:transparent url(../images/content/home/contentBg-alt.jpg) right top no-repeat;     /* alt = Mitarbeiterbild   xxxxxxxxxxxxxxxxxxxxxxxxxxxxx    */ 
}

.backgroundWrapperHome h1{
    padding-top:160px;
}

.backgroundSpacer{
    width:212px;
    height:207px;
    float:right;
}


.backgroundWrapperAusbildung{
    
    background:transparent url(../images/content/ausbildung/ausbildung-startfoto.jpg) right top no-repeat;
}

.backgroundWrapperAusbildung h1{
    padding-top:1px;
}

.backgroundSpacer{
    width:212px;
    height:207px;
    float:right;
}


.backgroundWrapperschokoshop{
    
    background:transparent url(../images/content/shop/schoko.jpg) right top no-repeat;
}

.backgroundWrapperAusbildung h1{
    padding-top:1px;
}

.backgroundSpacer{
    width:212px;
    height:207px;
    float:right;
}


.backgroundWrapperkosmetikshop{
    
    background:transparent url(../images/content/shop/gutschein.png) right top no-repeat;
}
.backgroundWrapperkosmetikshop h1{
    padding-top:10px;
}

.backgroundSpacerkosmetikshop{
    width:250px;
    height:354px;
    float:right;
}
.backgroundWrapperAusbildung h1{
    padding-top:1px;
}

.backgroundSpacer{
    width:212px;
    height:207px;
    float:right;
}


.backgroundWrappernailart{
    
    background:transparent url(../images/content/nailart/bild-nailart.jpg) right top no-repeat;
}

.backgroundWrappernailart h1{
    padding-top:10px;
}

.backgroundSpacernailart{
    width:212px;
    height:207px;
    float:right;
}



.backgroundWrappervisa{
    
    background:transparent url(../images/content/visa/bild-visa.jpg) right top no-repeat;
}

.backgroundWrappervisa h1{
    padding-top:10px;
}

.backgroundSpacervisa{
    width:212px;
    height:207px;
    float:right;
}



.backgroundWrappervipcard{
    
    background:transparent url(../images/content/vip-card/vip-card.jpg) right top no-repeat;
}

.backgroundWrappervipcard h1{
    padding-top:10px;
}

.backgroundSpacervipcard{
    width:221px;
    height:141px;
    float:right;
}


body{
    font-size:80%;
}

h1{
    font-size:130%;
}
h2{
    font-size:120%;
}
h3{
    font-size:110%;
}
h4{
    font-size:90%;
}
h5{
    font-size:70%;
}

.vSpacer{
	margin-top:1em;
}
form{
	margin-top:1em;
}
label{
	width:12em;
	float:left;
}
form p{
	margin-top:0.2em;
}
form .formControl{
	margin-top:1em;
	margin-left:12em;
}
form input,
form select,
form textarea{
	width:20em;
	background:#FFFFFF;							/* background:#FDDEA8; */
	padding:0.2em;
}
form textarea{
	width:20.5em;
}
form select{
	padding-right:0;
	width:20.7em;
}
form .formControl input{
	width:auto;
}
ul.error{
	color:#c60909;
}
ul.error li{
	list-style-type:circle;
}