/* Main */

html
{
}

body
{
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;

}

img
{
    border: 0px;
}

p
{
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0;
}
.searchBox
{
   background-color:#FFF;
   border: solid 2px #333;
}

.searchBox div

{
   border-bottom:dashed 1px #ccc;
   padding:3px;
}

.left1
{
    float:left;  
    width:200px  
}

.left2
{
    float:left;  
    width:90px;  
    margin-left:10px;
}
.searchBox .c
{
	display:block;
	color:#000;
	font-weight:normal;
	margin-bottom:4px;
	padding:0;
	border:0;
}

.searchBox .selected
{
	background-color:#FFF;
	border-bottom:dashed 1px #ccc;
}
.searchBox div a
{
	color:#000;
	text-decoration:none;
}
.searchBox div a:hover
{
	color:#000;

}
h1
{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    font-size: 18px;
}

h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 2px;
}

div
{
    /*border: solid 1px #000;*/
}
.imagetext:hover
{
    cursor: pointer;
    background-color: #dcdcdc;
}

.body_startpage
{
}

.body_normalpage
{
    background-color: #d9d9d9;
}


/* Other */

.clear
{
    clear: both;
}

.text_red
{
    color: #ed240e;
}

.text_green
{
    color: #c4d602;
}

.text_orange
{
    color: #ff9300;
}

.text_black, .text_black a
{
    color: #000;
    text-decoration: none;
}

.align_right
{
    float: right;
}

.padding_bottom
{
    margin-bottom: 0px;
}

/* Areas */


#PageCenter
{
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    position: relative;
}

#AreaTop
{
    width: 500px;
    padding-bottom: 20px;
}

#AreaMain
{
    float: left;
    width: 550px;
}
#AreaMain a
{
    text-decoration: none;
}
.AreaMainLeft
{
    float: left;
    width: 265px;
    margin-right: 20px;
    margin-top: 0px;
}

.AreaMainRight
{
    float: left;
    width: 265px;
    
}

#AreaLeftMenu
{
    width: 134px;
    float: left;
    margin-right: 20px;
}

#AreaContent
{
    background-color: #fff;
    float: left;
    padding: 0px 10px 10px 10px;
    width: 379px;
}
#AreaContent h1 a
{
	color:#000;
}
#AreaContent a
{
    color:#BACF00;
    text-decoration:none;
    font-weight:bold;
}
#AreaContent a:hover
{
    text-decoration:underline;    
}
#AreaRightImage
{
    float: right;
}

#AreaRightImageMenu
{
    font-size: 11px;
    text-align: left;
    line-height: 15px;
    position: absolute;
    margin-left: 55px;
    top: 180px;
}

#AreaRightImageMenu h1, #AreaRightImageMenu p
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    
    
}

#AreaRightImageMenu a
{
    text-decoration: none;
    color:#CD0C27;
    font-size:14px;
   
}


#AreaRightImageStarttext1
{
    font-size: 23px;
    font-weight: bold;
    position: absolute;
    width: 200px;
    margin-left: 20px;
    top: 400px;
}

#AreaRightImageStarttext2
{
    font-size: 9px;
  
    position: absolute;
    width: 300px;
    margin: 0px 10px;
    top: 605px;
}

#AreaScroll
{
		position: absolute;
    top: 638px;
    left: 552px;
		z-index:999;
}

#AreaScroll a
{
	float:left;
	padding-bottom: 9px;
	clear:both;
	
}

/* Top menu */

#TopMenu
{
    border: solid 1px #000;
    background-image: url(img/menu/menubg.gif);
    width: 550px;
    height: 14px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
   
}

.TopMenuImage
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	float: left;
}
.TopMenuImage bestall a:hover 
{
     background-image: url(/img/menu/topmenu_bestall_over.gif);
}

#bestall a:hover 
{
     background-image: url(/img/menu/topmenu_bestall_over.gif);
     width:69px;
     height:15px;
     background-repeat: no-repeat;
}


.TopMenuSearch
{
	border: 0px;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	float: left;
	font-size: 10px;
	width: 155px;
	height: 14px;
}

/* Left menu */

.LeftMenuTop1
{
    padding: 7px 0px 10px 10px;
    margin: 0px;
    list-style-position: inside;
    color: #fff;
}

.LeftMenuTop1Red
{
    background-image: url('img/menuleft/back_red.png' );
    background-repeat:no-repeat;
}

.LeftMenuTop1Green
{
    background-image: url('img/menuleft/back_green.png' );
        background-repeat:no-repeat;

}

.LeftMenuTop2
{
    padding: 7px 0px 13px 10px;
    margin: -10px 0px 0px 0px;
    list-style-position: inside;
    color: #fff;
}

.LeftMenuTop2Red
{
    background-image: url('img/menuleft/back_red2.gif' );
    background-repeat:no-repeat;

}

.LeftMenuTop2Green
{
    background-image: url('img/menuleft/back_green2.gif' );
    background-repeat:no-repeat;

}

.LeftMenuLevel1, .LeftMenuLevel1 a
{
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    padding-bottom: 3px;
    
    
    background-image: url(/images/bullet.gif);
    list-style-type: none;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 10px;
    background-position:0px 5px;
}

.LeftMenuLevel2
{
    font-weight: normal;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    
    
    margin: 0px;
    background-image: url(/images/arrow.gif);
    list-style-type: none;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 10px;
    background-position:0px 5px;
    
}

.LeftMenuBottom
{
    margin-top: -10px;
}

/* Scroll */

div#hold
{
    position: relative;
    overflow: hidden;
    height: 568px;
}
div#wn
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 383px;
    height: 568px;
    clip: rect(0px, 400px, 568px, 0px);
    overflow: hidden;
    z-index: 1;
}
div#lyr1
{
    position: absolute;
    visibility: hidden;
    left: 0px;
    top: 0px;
    z-index: 1;
    width:99%;
}



.johanRed
{
    background-image: url('/img/menuleft/back_red3.gif');
    margin: 0px;
    padding:0px;
    padding-left:5px;
    background-color:#cd0c27;
    padding-bottom:15px;
    background-repeat:no-repeat;

}

.johanGreen
{
    background-image: url('/img/menuleft/back_green2.gif');
    margin: 0px;
    padding:0px;
    padding-left:10px;
    margin-top:10px;
    background-color:green;
    background-repeat:no-repeat;

}

.johanGreenfirst
{
    background-image: url('/img/menuleft/back_green2.gif');
    margin: 0px;
    padding:0px;
    padding-left:10px;
    padding-bottom:20px;
    background-repeat:no-repeat;

}


.johan
{
    margin: 0px;
    padding:0px;
}

.johanlevel1
{

    background-image: url(/images/bullet.gif);    
    list-style-type: none;
    background-repeat: no-repeat;
    background-position: 0px 15px;
    margin: 0px 0px 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
}

.johanRedfirst
{
    background-image: url('/img/menuleft/back_red2.gif');
    margin: 0px 0px 0px;
    padding: 0px;
    padding-left: 5px;
    padding-bottom: 15px;
    background-repeat: no-repeat;
}
    
    

.johanlevel1 a
{
    margin-left: 13px;
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin-top: 20px;
}


.johantva
{
    margin: 0px;
    padding: 0px;
}

.johanlevel2
{
    background-image: url(/images/arrow.gif);
    list-style-type: none;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 10px;
    background-position:0px 5px;
}

.johanlevel2 a
{
    margin:3px;
    font-weight:normal;
    font-size:10px;
}
.johanlevel2 .selected 
{
    text-decoration:underline;
    color:#fff;
}
#TopMenu td
{
    text-align:center;
}