/*
	Titles
*/

h1, h2, h3, h4, h5
{
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	color: #ffffff;
	font-weight:normal;
	font-family:"arial narrow", Arial, sans-serif;
	margin-bottom:0.4em;
}


h2 
{
	font-size: 24px;
}

h3 
{
	font-size: 18px;
}

h4 
{
	font-size: 14px;
}

h5 
{
	font-size: 12px;
	font-weight:bold;
	color:White;
	font-family:Arial, Sans-Serif;
}






/*
	Basic cleanup to stop the browsers default to fuck things up
*/

body, div, html, form, p
{
	padding: 0px;
	margin: 0px;
	color: #9f9e9e;
	font-family: Arial;
	font-size: 12px;
	border: none;
}

body, html, form
{
	height: 100%;
	width: 100%;
}

body 
{
	/*background: url("/images/bg.gif") repeat-x #000000;*/
	background-color:#000000;	
}

img 
{
	padding: 0px;
	margin: 0px;
	border: none;
}

form
{
	padding:0;
	margin:0;
	/*background:url(/images/leafs.png) no-repeat top left;*/
}


/* General Design Styles */

.nobr 
{
	white-space:nowrap;
}

.clearboth 
{ 
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
}
.hidden
{
    display:none;
}

span.brodtext, p.brodtext 
{
	line-height: 18px;
	font-size: 12px;
	
}

span.brodtext b, p.brodtext b
{
	color:White;
}


p.spacingabove
{
	padding-top:0.6em;	
}

p.spacing
{
	padding-bottom:0.6em;	
}

p.brodtext.spacing,
p.ingress.spacing
{
	padding-bottom:0.8em;	
}

p.brodtext.spacingabove,
p.ingress.spacingabove
{
	padding-top:0.8em;	
}

span.ingress, p.ingress 
{
	line-height: 21px;
	font-size: 14px;
	color:White;
	font-style:italic;
}

.small
{
	font-size:11px;
}

.italic
{
	font-style:italic;
}

a, a:active, a:visited 
{  
	color:White;
}

a:hover
{  
	color:#9f9e9e;
}

div.hr 
{
	font-size:0;
	height:0;
	line-height:0;
	margin:18px 0;
	border-top:1px solid #333333;
}

a, object
{
    outline: 0;
}


/* 

	CFrame design 

*/

div.designRoot 
{    
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	z-index:0;
}

div.designBody
{
	padding-top:30px;
	position:relative;
	background:url("/images/design_body_background.png") no-repeat center 300px;
	min-height:700px;	
}

div.designBodyLeft 
{
	width: 200px;
	float: left;
	position:relative;
	z-index:100;
}

div.designBodyRight
{
	width: 730px;
	margin-left: 30px;
	float: left;
	position:relative;
	z-index:100;
}

div.designBodyLeft_Nature 
{
	width: 310px;
	float: left;
	position:relative;
	z-index:100;
}

div.designBodyRight_Nature
{
	width: 620px;
	margin-left: 30px;
	float: left;
	position:relative;
	z-index:100;
	padding-top:20px;
}

.gallery_Nature
{
    position:relative;
	z-index:100;
	width:960px;
	height:270px;
	margin:0px 0 20px 0;
}

div.designBodyRightSmallContent
{
	width: 490px;
	float: left;
	margin-top: 30px;
	padding-left: 30px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	background:url("/images/content_bg.jpg") no-repeat;
	min-height:500px;
	height:auto !important;
	height:500px;
}

div.designBodyRightPuffContent
{
	width: 170px;
	float: right;
	padding-top:50px;
}

div.rightPuffItem
{
	padding-bottom:20px;
}

div.designBodyRightBigContent
{
	width: 670px; float: left; padding-left: 30px; padding-right: 30px; clear: both;
}
/*

	The head

*/

div.designHead 
{
	padding-top:20px;
	height: 90px;
	border-bottom: solid 2px #c52948;
	width: 960px;
	position:relative;
	z-index:100;
	/*float:left;*/
}

img.loggoInHead 
{
	height: 46px;
	margin-top: 44px;
	float: left;	
}

table.menuInHead 
{
	height: 90px;
	float: right;
}

td.menuInHead 
{
	padding-bottom: 10px;
}

div.menuItemInHead
{
	font-size: 15px;
	float: left;
	padding-left: 25px;
	color: #767676;
}

a.menuItemInHead
{
	color: #767676;
	text-decoration: none;
}

div.menuItemInHead.selected, a.menuItemInHead.selected, a.menuItemInHead.selected:hover
{
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
}

a.menuItemInHead:hover
{
	color:#bababa;
}





















/*

	Sub menu stuff

*/


div.subMenuTitle 
{
	height: 58px;
	border-bottom: solid 1px #c52948;
	padding-bottom:3px;
	width: 100%;
}

table.subMenuTitle 
{
	height: 58px;
}

td.subMenuTitle
{
	font-size: 25px;
	padding-bottom: 4px;
	color: #ffffff;
}





div.subMenuItem
{
	height: 33px;
	border-bottom: solid 1px #2a2a2a;
	width: 100%;	
}

table.subMenuItem
{
	height: 33px;
}

td.subMenuItem
{
	padding-left: 8px;
	color: #767676;
}

a.subMenuItem
{
	color: #bbbbbb;
	text-decoration: none;
}

a.subMenuItem.selected, a.subMenuItem.selected:hover
{
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
	/*border-left:2px solid white;*/
}


a.subMenuItem:hover
{
	color:#cbcbcb;
}












/*
	Related links stuff
*/

div.relatedLinksTitle 
{
	height: 50px;
	border-bottom: solid 1px #c52948;
	padding-bottom:3px;
	width: 100%;
}

table.relatedLinksTitle 
{
	height: 50px;
}

td.relatedLinksTitle
{
	font-size: 16px;
	padding-bottom: 4px;
	color: #bababa;
}




div.relatedLinksItem 
{
	padding:9px 0;
	border-bottom: solid 1px #2a2a2a;
	width: 100%;
}

div.relatedLinksItem.noborder
{
	padding-bottom:0;
	border-bottom:none;
}

table.relatedLinksItem
{
	/*height: 33px; */
}

td.relatedLinksItem
{
	padding-left: 8px;
	color: #8c8c8c;
	text-decoration: none;
	font-style:italic;
}

a.relatedLinksItem 
{
	color: #bbbbbb;
	text-decoration: none;
	font-style:normal;
}

a.relatedLinksItem.selected
{
	color: white;
	font-weight:bold;
}

div.relatedLinksItem b 
{
	font-weight:normal;
	font-style:normal;
	color:#c0c0c0;
}




/* 
	Tab grid Styles 
*/

div.designBodyTabGridTabs a, div.designBodyTabGridTabs a:hover, div.designBodyTabGridTabs a:active 
{ 
	color:white; 
	text-decoration:none;
	display:block;
	float:left;
	background:url("/images/tabgrid_tab.gif") repeat-x top center;
}
div.designBodyTabGridTabs a span 
{
	display:block;
	text-align:center;
	padding:5px 20px 15px 20px;
}
div.designBodyTabGridTabs
{ 
	background:url("/images/tabgrid_tab.gif") repeat-x top center;
	zoom:1; /* Explorer peek-a-boo bug */
}

div.designBodyTabGridTabs a.selected
{ 
	background:url("/images/tabgrid_tabselected.gif") repeat-x top center;
}

div.designBodyTabGridContent
{
	background:url("/images/tabgrid_content.gif") repeat-x #575757;
	padding:9px;
	display:none;
	font-size:11px;
	color:#c8c8c8; 
}

div.designBodyTabGridContent div, 
div.designBodyTabGridContent p, 
div.designBodyTabGridContent td
{
	font-size:11px;
	color:#c8c8c8; 
}

div.designBodyTabGridContent.selected
{
	display:block;
}

div.designBodyTabGridContent a 
{
	color:White;
}

div.designBodyTabGridContent a.download
{
	display:block;
	padding:1px 21px;
	margin-bottom:10px;
	margin-left:5px;
	background:url('/images/knapp_ladda_ner.gif') no-repeat;
	text-decoration:none;
}


/* 
	Tab grid Styles in Left menu
*/

div.designBodyLeft div.designBodyTabGridTabs a 
{
	width:50%;
}


/*
	Form Styles
*/

 .inputfield 
{
	width:284px;
	font-size:12px;
	font-family:Arial, Sans-Serif;
	padding:5px;
	background:#ececec url("/images/inputfield_bg.gif") repeat-x;
	border:1px solid #dcdcdc;
	margin-bottom:10px;
}

div.designBodyLeft .inputfield 
{
	width:160px;
	font-size:11px;
	padding:5px;
	background:url("/images/inputfield_bg.gif") repeat-x;
	border:1px solid #dcdcdc;
	margin-bottom:10px;
}

div.designBodyLeft .inputfield.small 
{
	width:160px;
	font-size:11px;
	padding:3px;
	background:url("/images/inputfield_bg.gif") repeat-x;
	border:1px solid #dcdcdc;
	margin-bottom:10px;
}

.inputfield.inactive,
.inputfield.small.inactive
{
    font-style:italic;
    color:#8f7c7c;
}

.inputfield.inactive:hover,
.inputfield.small.inactive:hover
{
    background-color:#ecf2db;
    background-image:none;
}

input.submitbutton 
{
	background:url("/images/submitbutton_bg.gif") repeat-x; 
	font-size:12px; 
	color:White;
	padding:4px 8px;
	border:none;
	text-decoration: none;
}

a.submitbutton2
{
    display: block;
    height: 50px;
    width: 200px;
    background:url("/images/las-mer-btn.png") 0 0 no-repeat;
    margin-left: 100px;
}

a.submitbutton2 span
{
    display: none;
}


div.designBodyLeft input.submitbutton 
{
	background:url("/images/submitbutton_bg.gif") repeat-x; 
	font-size:11px; 
	color:White;
	padding:4px 8px;
	border:none;
}


/* IE Form button */
*:first-child+html div.designBodyLeft input.submitbutton,
* html div.designBodyLeft input.submitbutton
{
	padding:3px;
	
}

/*
	List
*/
ul.dashed
{
	padding-left:0;
	margin-left:0;
}
ul.dashed li 
{
	list-style:none;
	margin-left:1em;
	padding-left:0.7em;
	text-indent:-0.7em;
}

/*
	Registration Form CSS
*/

.inputfield {
    margin-top: 2px;
    margin-bottom: 12px;
    width:284px;
}
.leftcol
{
    display:block;
    float:left;
    font-weight:bold;
    color:white;
    width:18%;
}
label.leftcol
{
    padding-top:0.6em;
}
.leftcol:before
{
    clear:both;
}
.rightcol
{
    display:block;
    float:left;
    width:80%;
}
.rightcol:after
{
    clear:both;
}
#form_val, #form2_val
{
    margin-left:18%;
    background-color:#333333;
    padding:3px;
    color:white !important;
    margin-bottom:20px;
}

/*
	Footer stick CSS
*/
div.push
{
	height:60px;
} 
div.footer 
{
    font-size:11px; 
    text-align:center;
    background:#000000 url('/images/bottom_bg.gif') no-repeat top center; 
    line-height:40px;
    height:80px;
    margin:0 auto;
    width:990px;
}

div.footer-container
{
    position: relative;
    height:40px;
    margin-top:20px;
}

div.designRoot
{
    background:#000000 url("/images/bg.gif") repeat-x scroll 0 0;    
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */
    padding:0 15px !important;
    margin:0 auto -60px !important;
}

div.designBody,
div.designBodyLeft,
div.designBodyRight
{
    padding-bottom:0px !important;
    margin-bottom:0px !important;
}

/*
	Vip leftmenu login
*/

div.vipLoginHeader
{
	/* margin-top:10px; */
	padding:8px 10px;
	background:#c52948 url("/images/leftmenu_vip_top.gif") no-repeat top;
	color:White;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"arial narrow", "arialnarrow", Arial, Sans-Serif;
	font-size:16px;
}

div.vipLoginContent 
{
	padding:8px 10px;
	background:white url("/images/leftmenu_vip_bottom.gif") no-repeat bottom;
}

div.vipLoginContent a
{
	color:#525252;
	font-size:10px;
}

html {
   overflow-y:scroll;
}

div.lightbox_wrapper
{
	position:absolute;
	width:100%;
	z-index:999;
	height:100%;
	top:0;
	left:0;
	text-align: center;
}

div.lightbox_background
{
	position:absolute;
	width:100%;
	z-index:997;
	height:100%;
	top:0;
	left:0;
	background-color:Black;
	filter:alpha(opacity = 40);
	opacity:.4;
	text-align: center;
	margin: 0 auto;
}

/*div.lightbox
{
	position:absolute; 
	top:42%; 
	left:50%; 
	width:400px; 
	min-height:100px; 
	height:auto !important; 
	height:100px; 
	margin-left:-260px; 
	margin-top:-50px; 
	z-index:999; 
	text-align:center; 
	padding:40px 60px; 
	background:#050505; 
	border:1px solid #333; 
}*/

div.lightbox
{
	width:400px; 
	min-height:100px; 
	height:auto !important; 
	height:100px; 
	z-index:999; 
	padding:40px 60px;
	background:#050505; 
	border:1px solid #333; 
}
	 


div.lightbox-container
{
	position:absolute; 
	width:400px; 
	min-height:100px; 
	height:auto !important; 
    margin: 50px -200px;
	z-index:998; 
	/*padding:40px 60px;*/
	top: 50px;
	left: 50%;
	text-align: center;
}

div.lightbox input
{
	margin: 0 auto;
}


@media print 
{
	body 
	{
		background:white none !important;
		color:Black !important;
	}
	
	div.designRoot 
	{
		padding:0 !important;
		margin:0 !important;
		width:auto;
	}
	
	div.designRoot div
	{
		background:white none !important;
	}
	
	div.designHead, 
	div.designBodyLeft, 
	div.designBodyRightPuffContent,
	div.footer,
	div.footer-container,
	object
	{
		display:none !important;
	}
	
	div.designBodyRight,
	div.designBodyRightVipContent
	{
		padding:0 !important;
		margin:0 !important;
	}
	
	div.vipTop,
	div.vipTopText
	{
		position:static !important;
		height:auto !important;
		top:auto !important;
		bottom:auto !important;
		left:auto !important;
		height:auto !important;
	}
}

.close-btn
{
    background: url(../images/closebox-btn.png) 0 0 no-repeat;
    height: 30px;
    width: 30px;
    position: absolute;
    right: -135px;
    top: -10px;
    cursor: pointer;
    z-index: 1000;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader;
    
}
a#delaFacebookKnapp 
{
    display:inline;
    margin-top: 5px;
    margin-left:10px;
    text-decoration:none;
    width:100px;
    position: absolute;
    
}
a#delaFacebookKnapp:hover {

    text-decoration:underline;

    
}
.skickatLbl
{
 font-size: 14px;
 margin-left: 50px;     
}

/*    CLEARFIX */
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "\0020";
}
.clearfix { 
    display: block; 
}


/* chatt */
#main-container
{
	margin-top:20px;	
}
h1
    {
        margin-bottom:1em;
    }
    
    div.designBodyRightChat
    {
        background:#0c0c0c url('/images/chat_bg.jpg') no-repeat;
        width:960px;
        margin-left:0px;
        margin-right:0px;
        height:auto !important;
        min-height:700px;
        height:700px;
    }
    
    #chatresults
    {
		height: 300px; 
		width: 215px;
		/*overflow-y:scroll;*/
	}
    #chatresults span
    {
        font-family:"arial narrow", "arialnarrow", arial, sans-serif;
        font-size:16px;
    }
    h3
    { 
        margin-bottom:0.7em;
        margin-top:0.3em;
    }
    #chatresults div 
    {
        /*margin-bottom:1em;
        padding-bottom:1em;*/
        border-bottom:1px solid #bf2846;
        margin-left:0px;
        margin-right:10px;
    }
    .inputfield
    {
        font-style:normal;
        font-size:14px;
        color:black;
    }
    p.question
    {
        margin-bottom:0.5em;
        color:#bfbfbf;
        margin-top:15px;
        margin-bottom:15px;
    }
    p.answer
    {
        color:white;
        font-weight:normal;
        margin-bottom:5px;
        
    }
    p.answer span
    {
		font-weight:bold;
		display:block;
		margin-bottom:5px;
    }
    
    p.question span
    {
		font-weight:bold;	
	}
    
    
    div#rightcolumn
    {
		float:left;
    }
    div#leftcolumn
    {
        margin:0px;
        float:left;
        width:644px;
        margin-right:10px;
    }
    
    #chat-box
    {
		width:643px;
		height:229px;
		background:url(../images/chat/chatbox-back.png);
		background-repeat:no-repeat;
		
	}
	#questionform
	{
		
	}
	
	#input-container
	{
		width:305px;
		height:200px;
		float:left;
		margin-top:20px;
	}
	
	#info-text
	{
		width:280px;
		height:172px;
		float:left;	
		margin-top:60px;
		margin-left:20px;
	}
	
	
	#input-container #fraga 
	{
		font-size:12px;
		font-family:Arial, Sans-Serif;
		overflow:hidden;
		
	}
	
	#background-name-text
	{
		background:url(../images/chat/input-text.png);
		width:257px;
		height:27px;
		margin-bottom:10px;
	}
	
	#background-text-area
	{
		background:url(../images/chat/text-area.png);
		width:257px;
		height:101px;
	}
	
	div#skicka
	{
		background:url(../images/chat/knapp-skicka.png);
		margin-top:10px;
		width:79px;
		height:30px;
		cursor:pointer;
	}
	
	#questionsending
	{
		margin-top:20px;
		float:left;	
		width:305px;
		height:30px;
	}
	
	#questionok
	{
		margin-top:20px;
		float:left;
		width:305px;
		height:150px;
			
	}
    /* chat end */
    
    
    /* scroll */
    
    
			#chat-list-container .jScrollPaneTrack {
				background: repeat-y #494949;
				width:16px !important;
			}
			#chat-list-container .jScrollPaneDrag {
				background: url(../images/chat/windows_drag_middle2.gif) no-repeat 0 50%;
				width:16px !important;
			}
			#chat-list-container .jScrollPaneDragTop {
				
			}
			#chat-list-container .jScrollPaneDragBottom {
				
				
			}
			#chat-list-container a.jScrollArrowUp {
				height: 19px !important;
				width:16px !important;
				background: url(../images/chat/arrow-up.gif) no-repeat;
			}
			#chat-list-container a.jScrollArrowUp:hover {
				
			}
			#chat-list-container a.jScrollArrowDown {
				height: 19px !important;
				width:16px !important;
				background: url(../images/chat/arrow-down.gif) no-repeat;
			}
			#chat-list-container a.jScrollArrowDown:hover {
				
			}
			#chat-list-container a.jScrollActiveArrowButton, #chat-list-container a.jScrollActiveArrowButton:hover {
				
			}


div.designBodyLogin{width: 960px;margin-left: 0px;float: left;}
div.recension_login {width: 500px;margin:140px auto 0 auto;padding:10px 30px 30px 30px;min-height:229px; height:auto !important;	height:229px;background-image: url(../images/Recensioner/recension_login_bkg.png);	background-repeat: no-repeat;}
div.recension_login h1 {margin:0 0 0 0; line-height:40px;}
 .inputfield_login {width:247px;font-size:12px; font-family:Arial, Sans-Serif;padding:5px;background:#ececec url("/images/Recensioner/recension_login_input.png") repeat-x;	margin:10px 0; height:17px;}


.image_leafs
{
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
}

.fixed-bloggPuff
{
    z-index:100;
}

.butterfly_image
{
    position:absolute;
    left:802px;
    top:125px; 
    z-index:101;   
}

.footer_image_nature1
{
    margin-right:50px;
    position:relative;
    top:-16px;
}