/******************************************************************************/
/*                                Salon PrivŽ                                 */
/******************************************************************************/


html {
	 padding: 0;
 	 margin: 0;
 	 height : 100%;
	}

body	{
	margin: 0;
	padding: 0;
	font : normal 12px/15px "courier new", courier, monospace;
	background-color: #fff;
	background-image : url(img/bg_browser.gif); 
	color: #000;
	text-align: center;
	height : 100%
	}

:focus {
	outline: 0;
    }


/*******************************************************  General pagelayout */

table.start	{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100%;
	}

table.start	td.start	{
	height : 100%;
	width : 100%;
	text-align : center;
	vertical-align : middle;
	}

div.start   {
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100%;
	overflow : hidden;
	}

div.start img   {
    width : 100%;
    }

div.start div.salon_prive  {
    position : absolute;
    top : 1%;
    right : 1%;
    z-index : 300;
    width : 29%;
    text-align : right;
    height : 45%;
    }

div.start div.salon_prive img   {
    width : 100%;
    border : 0;
    }


div.start div.dorothee_vogel  {
    position : absolute;
    bottom : 0;
    left : 0;
    z-index : 200;
    width : 100%;
    text-align : right;
    height : 100%;
    }

div.start div.salon_prive img   {
    width : 100%;
    }

div.wrapper	{
	vertical-align : middle;
	}


div.site {
    position : relative;
	width : 890px;
	height : 500px;
	margin : 25px auto;
	padding : 25px;
	text-align : left;
	border : 1px solid #fff;
	background-color : #fff;
	}

img 	{
	border : 0;
	}  



/***************************************************************** Hyperlinks */

a:link	{
	color : #000;
	text-decoration : none;
	}
	
a:visited	{
	color : #666;
	text-decoration : none;
	}
	
a:hover	{
	color : #FF9999;
	text-decoration : none;
	}


	
/***************************************************************** Navigation */	
	
div.navigation {
    position : relative;
	float : left;
	width : 255px;
	margin : 0 20px 0 0;
	text-align : center;
	}

p.navigation_l1,
p.navigation_l1_selected,
p.navigation_l1_shown	{
	margin : 0;
	padding : 15px 0 0 0;
	text-transform : uppercase;
	font-weight : bold;
	font-size : 16px;
	}

p.navigation_l1 a:link,
p.navigation_l1 a:visited	{
	font-weight : normal;
	}

p.navigation_l2,
p.navigation_l2_selected,
p.navigation_l2_shown,
p.navigation_l3,
p.navigation_l3_shown	{
	margin : 0;
	padding : 0;
	text-transform : uppercase;
	font-size : 12px;
	font-weight : bold;
	}	

p.navigation_l2 a:link,
p.navigation_l2_selected a:link,
p.navigation_l2 a:visited,
p.navigation_l2_selected a:visited	{
	font-size : 12px;
	font-weight : normal;
	}

	
	
/************************************************************* Emotive Column */
		
div.emotive_images	{
    position : relative;
	float : left;
	width : 335px;
	margin : 0 15px 0 0;
	
	/* Hack -> will be ignored from ie 5 mac (therefore overwritten from all other browsers) \*/
	margin : 0 20px 0 0;
	/* End Hack */
	
	}

img.look_big    {
    /* border : 1px solid #ccc; */
    }	
	
/* Hover */	
a.prev_next:link img.look_big    {
    border : 1px solid #ccc;
    }	
a.prev_next:visited img.look_big    {
    border : 1px solid #ccc;
    }        
a.prev_next:hover img.look_big    {
    border : 1px solid #ccc;
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }

/******************************************************************* Content */
	
div.content	{
    position : relative;
    z-index : 100px;
	float : left;
	width : 260px;
	}

h1	{
    margin-top : 0;
	font : bold 14px/20px "courier new", courier, monospace;
	}
	
h2 {
    color : yellow;
    }	
	
h3	{
	font : bold 12px/17px "courier new", courier, monospace;
	margin : 0;
	padding : 8px 0 0 0;
	}

p.zahlung	{
	margin : 0;
	padding : 0;
	}

p.next 	{
	margin : 25px 0 0 0;
	padding : 0;
	}

table	{
	margin : 0;
	padding : 8px 0 0 0;
	}
	
th	{
	text-align : left;
	}
	
td	{
	margin : 0;
	padding : 0;
	}


div.content a:link,
div.content a:visited	{
	text-decoration : underline;
	}

div.content a:hover	{
	text-decoration : none;
	color : #FF9999;
	}

	
	
/******************************************************************* Sign in */

select 	{
	width : 250px;
	padding : 2px;
	font : bold 12px/12px "courier new", courier, monospace;
	}

option	{
	font : normal 12px/17px "courier new", courier, monospace;
	}

input.input,
input.input_error {
	width : 240px;
	border : 1px solid #000;
	padding : 4px;
	font : bold 12px/12px "courier new", courier, monospace;
	}

input.input_plz,
input.input_plz_error	{
	width : 42px;
	border : 1px solid #000;
	padding : 4px;
	font : bold 12px/12px "courier new", courier, monospace;
	}

input.input_ort,
input.input_ort_error	{
	width : 180px;
	border : 1px solid #000;
	padding : 4px;
	font : bold 12px/12px "courier new", courier, monospace;
	}


input.input_error,
input.input_plz_error,
input.input_ort_error,
select.error	{
    background-color : #f99;
    color : #fff;
    }

	
/***************************************************************** Look Book */
	
        
div.look_overview {
    position : relative;    
    width : 100%;
    height : 445px;

	/* Hack -> will be ignored from ie 5 mac (therefore overwritten from all other browsers) \*/
	height : 465px;
	/* End Hack */
	
    }
        
p.imgrows   {
    margin : 0;
    padding : 0;
    }

p.imgrows img {
    margin : 0 0 5px 0;
    padding : 0 0 0 0;
    height : 125px;
    }  


img.look_small_1,
img.look_small_2,
img.look_small_3    {
    float : left;
    border : 1px solid #ccc;   
    } 


/* Opacity */
img.look_small_1_shown,
img.look_small_2_shown,
img.look_small_3_shown     {
    float : left;
    border : 1px solid #ccc;   
    filter : alpha(opacity=30);
    -moz-opacity : .30;
    opacity : .30;
    }
    
/* row 1 */
a.look_small img.look_small_1,
p.imgrows img.look_small_1_shown,
/* row 2 */
a.look_small img.look_small_2,
p.imgrows img.look_small_2_shown    {
    margin : 0 7px 0 0;
    } 


div.look_navigation {
    margin : 0 0 0 0;
    padding : 0;
    }

img.navi_line   {
    height : 5px;
    width : 100%;
    }  
    
p.imgrows a.look_small:link img  {
    border : 1px solid #ccc;
    }    
    
p.imgrows a.look_small:visited img   {
    border : 1px solid #ccc;
    }       
   
p.imgrows a.look_small:hover img   {
    border : 1px solid #666;
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }    
       
/* Fake Acronym */

div.content div.look_overview a.bb-acronym:link,
div.content div.look_overview a.bb-acronym:visited,
div.content div.look_overview a.bb-acronym:hover  {
    text-decoration : none;
    color : #000;
    font-weight : normal;
    border : 1px dotted #000;
    border-width : 0 0 1px 0;
    }    
    
    
/****************************************************************** Signatur */

div.signatur	{
	background-color : transparent;
	color : #fff;
	text-align : left;
	margin-top : -25px;
	margin-left : 50%;
	padding : 0 0 0 470px;
	-moz-opacity : 1.0;
	filter : alpha(opacity=100);
	}    
	
/****************************************************** Material Description */