/*
Theme Name: Janina
Description: Janina custom theme.
Version: 1.0
Author: Sanne Dideriksen
Author URI: http://www.ideriksen.dk/
*/



/* Begin Typography & Colors */

*{margin:0; padding:0; border:none; font-weight:normal;}

body{ background: #000; font-family:Arial, Helvetica, sans-serif;}


/* content */
#container{ margin: 5% auto; 
			width: 802px;}


/* Headers */
#kontakt{ background:url(images/kontakt.jpg) no-repeat top left;
			width:802px; height:590px;}

#kontaktPost { float:left;width: 550px;
			margin:253px 0 0 150px; 
			color:#FFF; font-size:15px; text-align:center;}
#kontaktPost h1 {font-size:19px;}
#kontaktPost a {font-size:13px; color:#FFF}
#kontaktPost  p{margin-top:15px;}			


/* Headers */
#forside{ background:url(images/forside.jpg) no-repeat top left;
			width:802px; height:590px;}
#forsideEN{ background:url(images/forsideEN.jpg) no-repeat top left;
			width:802px; height:590px;}			
			
#language{text-align:right; margin: 536px 30px 0 0;float:right}			
#language a{color:#4e4a4a; font-size:13px; text-decoration:none;}


/* Headers */
#firma{ background:url(images/firma.jpg) no-repeat top left;
			width:802px; height:590px;}

#firmaPost { float:left;width: 270px;
			margin:124px 0 0 150px;}

#flash{ margin:124px 0 0 0;	float:left;}
#firma p {color:#000; font-size:.7em;}



/* Headers */
#kollektion{ background:url(images/elunia.jpg) no-repeat top left;
			width:802px; height:590px;}
	

#classic{ background:url(images/classic.jpg) no-repeat top left;
			width:802px; height:590px;}
#elunia{ background:url(images/elunia.jpg) no-repeat top left;
			width:802px; height:590px;}
#changeling{ background:url(images/changeling.jpg) no-repeat top left;
			width:802px; height:590px;}
#niara{ background:url(images/niara.jpg) no-repeat top left;
			width:802px; height:590px;}		


		
#kollektionEN{ background:url(images/elunia_en.png) no-repeat top left;
			width:802px; height:590px;}
			
#classicEN{ background:url(images/classic_en.jpg) no-repeat top left;
			width:802px; height:590px;}
#eluniaEN{ background:url(images/elunia_en.png) no-repeat top left;
			width:802px; height:590px;}
#changelingEN{ background:url(images/changeling_en.png) no-repeat top left;
			width:802px; height:590px;}
#niaraEN{ background:url(images/niara_en.png) no-repeat top left;
			width:802px; height:590px;}					


#kollektionPost { float:left;width: 535px;
		margin:438px 0 0 135px; color:#59524b; font-size:13px;}	
		
		
#download{ background:url(images/kollektion.jpg) no-repeat top left;
			width:802px; height:590px;}		


/* Headers */
#katalog{ background:url(images/katalog.jpg) no-repeat top left;
			width:802px; height:590px;}
#katalogPost { float:left;width: 413px;
		margin:103px 0 0 195px; color:#59524b; font-size:13px;}
		
		
#kollektion a, #katalog a {color:  #34302d; text-decoration:none;}
#kollektion a:hover, #katalog a:hover{color: #34302d; text-decoration:underline;}		

input{color: #000;
			background: #fff; border: 1px solid #706c6d;
			margin:10px 0 0 0;width:220px; padding-left:3px;}

label{ width: 110px;float: left;
			margin:10px 5px 0 0;
			display: block;}

.submit{float:right;}
.submit input{ color: #59524b;
		border:none; background:none;
			margin:10px 0 0 0;width:60px;} 



/* Headers */
#forhandler{ background:url(images/forhandler.jpg) no-repeat top left; background-color:#595a60;
			width:802px; min-height:590px;}			


#forhandlerPost{color:#d2d1d1; float:left;width: 500px;
		margin:165px 0 0 110px;  font-size:13px;}
		
#forhandlerPost h2{ font-size:16px; padding:30px 0;}	
#forhandlerPost h1{ font-size:16px; padding:0 0 15px 0;}
#forhandlerPost p{ padding:0 0 10px 0;}	


.content {height: 566px;}	
.clear{clear:both;}

		
#loginPost { float:left;width: 350px;
			margin:253px 0 0 250px; 
			color:#FFF; font-size:15px;}
#loginPost input{color: #000;
			background: #fff; border: 1px solid #becfc1;
			width:250px; padding-left:3px;}

#loginPost sumbit { color: #59524b;
		border:none; background:none;
			margin:40px 0 0 0;width:60px;}

a {color:  #becfc1; text-decoration:none;}

#forhandler .menu ul li a:hover, 
#firma .menu ul li a:hover, 
#kollektion .menu ul li a:hover, 
.menu ul li a:hover, #kontakt .menu ul li a:hover, a:hover {text-decoration:underline;}


.logo{height:30px; margin-left: 726px;}

/* Menu */
.menu ul { list-style: none;
			font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; padding-bottom:10px;}
.menu ul li {display:inline;}

.menu ul li a{ color:#5a504f; text-decoration:none; padding:0 35px;}
{ text-decoration:underline;}

#firma .menu ul li a{ color:#555555; text-decoration:none; padding:0 35px;}
#kollektion .menu ul li a{ color:#5a504f; text-decoration:none; padding:0 35px;}
#forhandler .menu ul li a{ color:#d2d1d1; text-decoration:none; padding:0 35px;}
#kontakt .menu ul li a{ color:#fafafa; text-decoration:none; padding:0 35px;}
#katalog .menu ul li a{ color:#59524b; text-decoration:none; padding:0 35px;}





/* Images */