/*---:[ global elements ]:---*/

	html   { background: #ffffff; height:100%; padding:0; margin:0;}

    body {  height:100%; width: 1040px; padding:0;  margin:40px auto 0px auto;}

    h1 { 	color:#616161;
    	            font: normal 1.4em 'Trebuchet MS', Verdana, Arial, sans-serif;
                    font-style: italic;
                    text-align:left;
	}

    h2 { 	color:#616161;
    	            font: normal 1.1em 'Trebuchet MS', Verdana, Arial, sans-serif;
                    font-style: italic;
                    text-align:left;
		    text-decoration:underline;
	}

    p { color:#616161; font: normal 1.0em 'Trebuchet MS', Verdana, Arial, sans-serif;}

    	p a, p a:visited { color:#100451; font: normal 1.0em 'Trebuchet MS', Verdana, Arial, sans-serif;}

        	p a:hover { color:#100451; font: normal 1.0em 'Trebuchet MS', Verdana, Arial, sans-serif;}

    img {border-style:none; margin:0; padding: 0;}

/*---:[ navigation bar ]:---*/

#nav { width: 100%; height: 70px; 
	clear:both;
		/*background: url('images/navbar/farbverlauf.png') no-repeat;*/
		border-style:none;
		text-align:center;
		 /*  background: url('images/navbar/test.png') no-repeat; */
	        border-bottom-width:1px;
                  border-bottom-style: solid ;
                  border-bottom-color: #616161;
			
}

	#nav ul { 	width:1010px; 
			margin: 40px auto 0 auto; 
			padding:0; 
			list-style: none;   
			display:block; 
			border-style:none;
	
	}

		#nav ul li {
			/*	background: url('images/navbar/nav_bar_background.jpg') repeat-x;*/
        			padding: 0px 15px 0px 15px  ;
        			margin: 0; 
                    		line-height: 24px;
                   		text-align:center;
                    		float: left;
				letter-spacing:3px;
                    		}

			#nav ul li a:link, #nav ul li a:visited {
                    			padding:0px 0px 0px 0px  ;
                    			color: #616161;
                    			/*background: url('images/navbar/nav_bar_background.jpg') repeat-x;*/
                    			text-decoration: none;
                    			float: left;
                    			display:block;
                    			font: lighter 1.3em Verdana, Arial, sans-serif;
					letter-spacing:3px;
        				}


				#nav ul li a:hover {
                		                /*background:url('images/navbar/nav_bar_background_hover.jpg') repeat-x;*/
		            			padding:0px 0px 0px 0px  ;
						color: #616161;
		            			text-decoration:underline;  
		            			float: left;
                    				font: lighter 1.3em Verdana, Arial, sans-serif;
						letter-spacing:3px;
		            			display:block;
                                   }

/*---:[ container for everything ]:---*/

#maincontainer{	 background:#ffffff;
                   width: 1040px;
	                height:100%;
	                margin-top:0px;
	                margin-bottom:0px;
	                margin-left:auto;
	                margin-right:auto;
                    padding-bottom:10px;
	      /*          border-width:4px;
                    border-style: solid ;
                    border-color: #202020;*/
                }

html>body #maincontainer
	        {
	            height: auto;
	            min-height: 500px;
	        }

/*---:[ content box ]:---*/

#content{width: 1040px;min-height:450px;
			height:100%;
			margin: auto 0 auto 0; 
			padding-left:0px;
}


/*---:[ text ]:---*/
.textblock{
               margin-left:115px;
               margin-top: 0px;
               padding-top:20px;
               width:800px;
               text-align:left;

}

  	.textblock ul{ color:#616161; font: normal 1.0em 'Trebuchet MS', Verdana, Arial, sans-serif;}


 		.textblock ul a, #nav ul a:visited { color:#100451; font: normal 1.0em 'Trebuchet MS', Verdana, Arial, sans-serif;}
        				
			.textblock ul  a:hover { color:#100451; font: normal 1.0em 'Trebuchet MS', Verdana, Arial, sans-serif;}

/*---:[ input fields in contact section ]:---*/
.inputfield{
               background-color:#ffffff; 
               color:#616161;
               border:solid 1px #616161;

}

/*---:[ picture right to text]:---*/

.illustrationRight{
	float:right;
	margin-top: 15px;
	margin-bottom: 15px;

	margin-left: 15px;
	margin-right: 15px;
}

/*---:[ picture left to text]:---*/

.illustrationLeft{
	float:left;
	margin-top: 15px;
	margin-bottom: 15px;

	margin-left: 15px;
	margin-right: 15px;
}

/*---:[ backlinks home ]:---*/
.homelink{
                text-align:right;
                margin-right: 50px;
                clear:both;
}

#clear {
  clear:both;
  height:0px;
}

#prop {
  height: 100%;
  width: 0px;
  margin: 0 0 -70px 0;
}


/*---:[ references main container ]:---*/

.references_main_container{
               margin-left:115px;
               margin-top: 0px;
               padding-top:20px;
               width:800px;
}

/*---:[ left references column ]:---*/

.references_column_left{
				width:370px;
				display:inline-block;
				margin-right:20px;
				vertical-align:top;
				
}


/*---:[ right references column ]:---*/

.references_column_right{
				width:370px;
				display:inline-block;
				margin-left:20px;
				position:relative;
				top:90px;
				
}

/*---:[ references item  ]:---*/

.references_item_left{
				
}

.references_item_left p{
				text-align:left;
				margin:0px;
}

.references_item_left img{
				float:left;
				margin:4px 10px 0px 0px;
}

.references_item_left p.reference_signature {
				font-weight:bold;
				margin:5px 0px 40px 0px;
				
}

.references_item_right{
}

.references_item_right p{
				text-align:right;
				margin:0px;
}

.references_item_right img{
				float:right;
				margin:4px 0px 0px 10px;
}

.references_item_right p.reference_signature {
				font-weight:bold;
				margin:5px 0px 40px 0px;
				
}

/*---:[ preview image for portfolio galerie index ]:---*/

#galeriepreviewimage{
				float:left;
                margin-top: 30px ;
				margin-left: 110px ;
}

/*---:[ portfolio galerie picture index ]:---*/

#pictureindex{
			   float:left;
	           margin-left: 75px;
}
  	#pictureindex ul{
    			  margin-top: 0px ;
               	  margin-top: 30px ;
	              list-style: none;
	              text-align:left;
                  width: 140px;
	}
	    #pictureindex ul li{
                    float:left;
        }
	        #pictureindex ul li a{
                        color:#000000;
                        text-decoration: none;
                        display:block;
	    	}
	            #pictureindex ul li a:hover{
	                        color:#E90331;
	                        text-decoration: none;
	                        display:block;
                     }
                     
/*---:[  image viewer for portfolio galerie picture index ]:---*/

#viewedpicture{
				float:left;
               	margin-top: 30px ;
               	margin-left: 50px ;
}


/*---:[ film strip menu ]:---*/
#filmstripmenu{
		float:left;
               margin-left:60px;
               margin-top:30px;
               margin-bottom:0;
}
  	#filmstripmenu ul{
                  width: 135px;
    			  text-align:center;
	              padding-left: 0px;
                  margin-left: 0px;
                  margin-top: 0px;
	              list-style: none;
	              padding-left: 15px;
	              padding-right: 15px;
                 background:url('images/portfolio/filmBorderTransp.png');
	}
	    #filmstripmenu ul li{
	    				overflow:hidden;
                  	font: normal 1.0em 'Trebuchet MS', Verdana, Arial, sans-serif;
                    font-weight: bold;
               	    padding-top: auto ;
	                padding-bottom: auto ;
	                border-left-width:0px;
	                border-right-width:0px;
	                border-bottom-width:2px;
	                border-top-width:2px;
                    border-style: solid ;
                    border-color: #383838;
        }
	        #filmstripmenu ul li a{
                        color:#FFFFFF;
                        text-decoration: none;
                        display:block;
                        padding-left: 12px ;
                        padding-right: 12px ;
                        padding-bottom: auto  ;
                        vertical-align:middle;
                        height:100%;
	    	}
	            #filmstripmenu ul li a:hover{
	                        color:rgba(255, 255, 255, 0.0);
                            text-decoration: none;
	                        display:block;
                        padding-top: auto ;
	                        padding-left: 12px ;
                            padding-right: 12px ;
                        padding-bottom: auto ;
                        vertical-align:middle;
                        height:100%;
                     }


/*---:[ film strip menu items for galerie overview]:---*/


li.beauty_list_item{
                        background:url('images/navbar/beauty_hover.jpg');
                  height: 78px;
}

li.beauty_list_item a{
                        background:url('images/navbar/beauty.jpg');
                        padding-top: 30px ;
}

li.beauty_list_item a:hover{
                        background:url('images/navbar/beauty_hover.jpg');
}

li.hochzeit_list_item{
                        background:url('images/navbar/hochzeit_hover.jpg');
                  height: 78px;
}

li.hochzeit_list_item a {
                        background:url('images/navbar/hochzeit.jpg');
                        padding-top: 30px ;
}

li.hochzeit_list_item a:hover{
                        background:url('images/navbar/hochzeit_hover.jpg');
}

li.fashion_list_item{
                        background:url('images/navbar/fashion_hover.jpg');
                  height: 78px;
}

li.fashion_list_item a {
                        background:url('images/navbar/fashion.jpg');
                        padding-top: 30px ;
}

li.fashion_list_item a:hover{
                        background:url('images/navbar/fashion_hover.jpg');
}

li.art_list_item{
                        background:url('images/navbar/art_hover.jpg');
                  height: 78px;
}

li.art_list_item a {
                        background:url('images/navbar/art.jpg');
                        padding-top: 30px ;
}

li.art_list_item a:hover{
                        background:url('images/navbar/art_hover.jpg');
}

li.angel2devil_list_item{
                        background:url('images/navbar/angel2devil_hover.jpg');
                  height: 78px;
}

li.angel2devil_list_item a{
                        background:url('images/navbar/angel2devil.jpg');
                        padding-top: 20px ;
}

li.angel2devil_list_item a:hover{
                        background:url('images/navbar/angel2devil_hover.jpg');
}




/*---:[ film strip menu items for offer description]:---*/


li.visagistik_list_item{
                        background:url('images/navbar/visagistik_hover.jpg');
                  height: 100px;
}

li.visagistik_list_item a{
                        background:url('images/navbar/visagistik.jpg');
                        padding-top: 35px ;
}

li.visagistik_list_item a:hover{
                        background:url('images/navbar/visagistik_hover.jpg');
}

li.makeupart_list_item{
                        background:url('images/navbar/make_up_art_hover.jpg');
                  height: 100px;
}

li.makeupart_list_item a {
                        background:url('images/navbar/make_up_art.jpg');
                        padding-top: 35px ;
}

li.makeupart_list_item a:hover{
                        background:url('images/navbar/make_up_art_hover.jpg');
}

li.brautfrisur_list_item{
                        background:url('images/navbar/brautfrisur_hover.jpg');
                  height: 100px;
}

li.brautfrisur_list_item a {
                        background:url('images/navbar/brautfrisur.jpg');
                        padding-top: 30px ;
}

li.brautfrisur_list_item a:hover{
                        background:url('images/navbar/brautfrisur_hover.jpg');
}

li.business_make_up_list_item{
                        background:url('images/navbar/business-make-up_hover.jpg');
                  height: 100px;
}

li.business_make_up_list_item a{
                        background:url('images/navbar/business-make-up.jpg');
                        padding-top: 35px ;
}

li.business_make_up_list_item a:hover{
                        background:url('images/navbar/business-make-up_hover.jpg');
}


li.kinderschminken_list_item{
                        background:url('images/navbar/kinderschminken_hover.jpg');
                  height: 100px;
}

li.kinderschminken_list_item a{
                        background:url('images/navbar/kinderschminken.jpg');
                        padding-top: 30px ;
}

li.kinderschminken_list_item a:hover{
                        background:url('images/navbar/kinderschminken_hover.jpg');
}


/*---:[ section for offer description ]:---*/

#offerdescription{
				float:left;
				width:700px;
            margin-top: 30px ;
				margin-left: 50px ;
}

  	#offerdescription ul{ color:#616161; font: normal 1.0em 'Trebuchet MS', Verdana, Arial, sans-serif;}


	#offerdescription ul a, #nav ul a:visited { color:#616161; font: normal 1.0em 'Trebuchet MS', Verdana, Arial, sans-serif;}
        				
			#offerdescription ul  a:hover { color:#100451; font: normal 1.0em 'Trebuchet MS', Verdana, Arial, sans-serif;}


.pro-contra-list {
					list-style:none;
					padding:0px 0px 0px 0px;
}
.pro-contra-list li{
					margin:12px 0px 12px 0px;
}

.contra-list {
					list-style:none;
}

.contra-list li{
					list-style:none;
					margin:6px 0px 6px 40px;
}


/*---:[ social network button area ]:---*/

#socialshareprivacy{ 	
			margin-left: 280px;
}


/*---:[ footer ]:---*/
#footer { 	clear:both;width:1040px; margin:0; padding:0;color:#616161;
					text-align:center; 
}

#footer ul { 	font-size:0.8em;list-style:none;
}
#footer ul li{display:inline; 
}

#footer ul li a{color:#100451;
}
  
#footer ul li a:hover{color:#100451;
}