body {
margin:30px 0 0;
text-align:center;
font-size:15pt;
font-family:Arial, Helvetica, sans-serif;
color:#c9809e
}
#container {
text-align:left;
margin:0 auto;
width:800px;
height:534px;
border-top:10px solid #7c0041;
background:url(gfx/bg.gif) repeat-x top;
}

ul,dl,dt,dd,p,h1,h2,h3,img,a { margin:0; padding:0; border:0; list-style:none; text-decoration:none; font-size:1em;}

h1 {font-size:1.3em; color:#7c0041; margin-bottom:1em;}
a, a:link {
color:#c9809e;
}
a:hover {
color:#7c0041
}
img { display:block;}

/* LINKER SIDE*/
#linker {
width:800px;
text-align:center;
padding-top:110px;
}
#linker li {
margin-top:20px;

}
#linker img {
margin:0 auto;
}
#linker a {
font-size:15pt;
}
/* KONTAKT SIDE */

#kontakt {
width:350px;
margin:220px auto 0;

}
#kontakt dl { margin-top:30px;}
#kontakt dt { float:left; width:100px;  }
#kontakt dd { float:left; width:250px;}


/* INFO SIDE */
#info { margin:150px 50px 0; width:700px; float:left; font-size:.9em; display:inline;}
#info img {
border:20px solid white;
float:right;
}
#info p span { color:#7c0041;}
#info p { margin-bottom:1em; width:430px; text-align:justify;}


.photo-big {
background-color:#BEABB6;
float:right;
height:534px;
overflow:hidden;
position:relative;
text-align:center;
width:400px;
}
.credits {
background-color:#BEABB6;
bottom:0pt;
color:#7C0041;
font-size:0.6em;
padding:10px;
left:0;
position:absolute;
width:380px;
}
.photo-big img {
margin:0 auto;
}

#photos {
float:left;
display:inline;
}
#thumbs {
float:left;
width:400px;
height:534px;
position:relative;
}
#thumbs ul.thumbs {
width:380px;
float:left;
margin-left:20px;
display:inline;
margin-top:10px;
}
#thumbs  ul.thumbs li {
float:left;
width:93px;
padding-bottom:10px;
}
#thumbs img {
border:3px solid white;
}
#thumbs ul#nav { position:absolute; bottom:15px; left:95px; margin:0; font-size:.8em; font-weight:bold; width:300px; display:block;}
#thumbs ul#nav li { margin:0; float:left; width:auto; }
#thumbs ul#nav a { color:#f49ac1; padding:0 5px; float:left; line-height:34px; min-width:15px;}
#thumbs ul#nav a.on, #thumbs ul#nav a:hover { color:#9e005d; font-size:1.4em;	}
#thumbs ul#nav img {
border:0;
margin:0 10px;
}

/* FOOTER */
#footer {
width:800px;
margin:0 auto;
text-align:left;
}
#footer img { float:left;}

/* MENU */
#footer ul { float:left; width:500px; height:36px;}
	#footer li {float:left;}
	#footer a, #footer a:hover {
	background-image:url(gfx/menu.gif);
	background-position:0 0;
	display:block;
	float:left;
	font-size:1px;
	overflow:hidden;
	height:36px;
	color:#fff;
	}
	li#m_makeup a { width:85px; background-position:0 top; }
	li#m_makeup a:hover, li#m_makeup a.on { width:85px; background-position:0 bottom;}
	
	li#m_styling a { width:67px; background-position:-85px top;}
	li#m_styling a:hover,  li#m_styling a.on { width:67px; background-position:-85px bottom;}
	
	li#m_tv-div a { width:77px; background-position:-152px top;}
	li#m_tv-div a:hover,  li#m_tv-div a.on{ width:77px; background-position:-152px bottom;}
	
	li#m_reklame a { width:80px; background-position:-229px top;}
	li#m_reklame a:hover, li#m_reklame a.on { width:80px; background-position:-229px bottom;}
	
	li#m_kurs a { width:52px; background-position:-309px top;}
	li#m_kurs a:hover, li#m_kurs a.on { width:52px; background-position:-309px bottom;}
	
	li#m_info a { width:42px; background-position:-361px top;}
	li#m_info a:hover,  li#m_info a.on { width:42px; background-position:-361px bottom;}
	
	li#m_kontakt a { width:76px; background-position:-403px top;}
	li#m_kontakt a:hover, li#m_kontakt a.on { width:76px; background-position:-403px bottom;}


p.by {
font-size:11px;
color:#666;
margin:100px auto 10px; 
width:800px;
text-align:center;
display:block;
}