/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.



Version: 1.1, November 28, 2005 */



/*

THIS IS BLUE



Blue = 180a9d

Yellow = f3c10f

Green = 006d24

red = b01e29

*/



body

{

    background: #e0e0e0 url(../img/bodybg.gif) repeat-x;

    color: #333333;

    font: 76% Arial, Helvetica, sans-serif;

    margin: 0;

    padding: 0;

    text-align: center;

}



p{

line-height:1.5em;

margin:0 0 15px;

}



a

{

    color: #0066FF;

    font-weight: 700;

    text-decoration: underline;

}



a:hover

{

    color: #FF0066;

    text-decoration: none;

}



hr{

height:1px;

margin:10px 0;

width:98%;

}



dt{

font-weight:700;

}



dd{

margin:1px 0 12px 15px;

}



#container{

background:#c0c0c0 url(../img/bodybg.gif) repeat-x;

margin:0 auto;

text-align:left;

width:752px;

}



#sitename

{

    /* background:url(img/old_logo.png) top right no-repeat; */

    /* detta är nya loggan

	background:url(../img/The_logo-2.png) top right no-repeat;

	*/

	background:url(../img/old_logo-2.png) top right no-repeat;

	

	color:#666666;

	font-weight:400;

	height:80px;

	margin:0 20px 10px 0;

	text-align:left;

}



#sitename h1{

font-size:2.2em;

margin:0;

padding-top:20px;

}



#sitename span{

font-size:1.6em;

letter-spacing:-1px;

margin:0;

}



#nav{

background:url(../img/greypx.gif) bottom left repeat-x;

float:left;

width:752px;

}



#nav ul{

list-style:none;

margin:0;

padding:0;

}



#nav a{

	background:url(../img/tabs.gif) no-repeat 100% 0;

	color:#333333;

	display:block;

	font-size:1.2em;

	letter-spacing:-1px;

	padding:7px 20px 4px 11px;

	text-decoration:none;

}



#nav a:hover{

	color:#FFFFFF;

}



#nav li{

background:url(../img/tabs.gif) no-repeat 0 0;

float:left;

margin:0 4px 0 0;

padding:0 0 0 9px;

}



#nav #current{

background:url(../img/tabs.gif) no-repeat 0 -41px;

}



#nav #current a{

	background:url(../img/tabs.gif) no-repeat 100% -41px;

	color:#FFFFFF;

	padding:7px 20px 5px 11px;

}



#wrap1{

background:#ffffff url(../img/innerbg.gif) repeat-y;

border-bottom:1px solid #808080;

border-left:1px solid #808080;

border-right:1px solid #808080;

clear:both;

padding:0;

width:750px;

}



#wrap2{

background:url(../img/header.jpg) top left no-repeat;

padding:10px;

width:730px;

}



#header{

height:30px;

position:relative;

width:730px;

}



#header h1{

float:left;

font-size:1.4em;

margin:0;

width:180px;

}



#topbox{

/*

background:url(img/praktikern.gif) top right no-repeat;

*/

color:#808080;

margin:0 0 4px;

text-align:right;

}



#topbox a{

color:#d04a10;

}



#topbox a:hover{

text-decoration:underline;

}



#leftside{

float:left;

margin:-15px 0 0;

width:145px;

}



#leftside h1{

	font-size:1.1em;

	font-weight:normal;

	color: #CCCCCC;

}



#rightside

{

    float: right;

    margin: 15px 10px 20px 20px;

    width: 130px;

}



#rightside h1{

font-size:1.4em;

font-weight:400;

margin:0 0 12px;

}



#rightside p{

font-size:0.9em;

margin:2px 0 12px 10px;

}



#rightside img{

border:1px solid #fa9035;

margin:10px 0 5px 5px;

padding:2px;

}



#content{

margin:45px 160px 0 180px;

}



#contentalt

{

    margin: 45px 20px 0 180px;

}



#content p, #contentalt p

{

    margin: 8px 0 0 5px;

}



#content h1,#contentalt h1{

color:#505050;

font-size:2em;

font-weight:400;

margin:15px 0 10px;

padding:0;

}



#content h2,#contentalt h2{

color:#505050;

font-size:1.5em;

font-weight:400;

margin:20px 0 10px;

padding:0;

}



#content img, #contentalt img

{

    /*border:1px solid #fa9035;*/

    float: left;

    margin: 5px 12px 6px 3px;

}



#footer{

clear:both;

color:#a0a0a0;

font-size:0.9em;

height:36px;

/* height:26px; */

margin-top:20px;

padding:1px;

text-align:right;

width:730px;

}



#footer a{

color:#a0a0a0;

font-weight:400;

}



#footer a:hover{

color:#a0a0a0;

text-decoration:underline;

}



.menublock{

margin-bottom:10px;

}



.nav{

	color:#FFFFFF;

	display:block;

	font-size:1.0em;

	font-weight:700;

	margin-bottom:1px;

	padding:2px 2px 2px 10px;

	position:relative;

	text-decoration:none;

	width:125px;

}



.nav:hover

{

    border: 1px dotted #FFFFFF;

    color: #00CCFF;

    padding: 1px 1px 1px 9px;

}



.sub{

font-size:0.9em;

margin-left:20px;

padding:1px 1px 1px 6px;

width:105px;

}



.sub:hover{

	border:1px dotted #FFFFFF;

	color:#00CCFF;

	padding:0 0 0 5px;

}



.intro{

font-weight:700;

}



.active{

border:1px solid #fa9035;

padding:1px 1px 1px 9px;

}

/*

.box{

background:#f8f8f8 url(img/boxbg.gif) top left repeat-y;

border:1px solid #d0d4d4;

color:#505050;

margin:15px auto;

padding:10px 10px 10px 20px;

width:75%;

}

*/



.box

{

    background: #CCCCCC;

    border: 1px solid #0033CC;

    color: #000099;

    font-size: 1.2em;

    line-height: 1.2em;

    padding: 5px 10px 5px 10px;

    font-weight: bold;

    clip: rect(auto, auto, 20px, auto);

}

.box2

{

    color: #000099;

    font-size: 1.2em;

    line-height: 1.2em;

    

    font-weight: bold;

}





.photo{

margin:5px auto 15px;

padding:5px;

}

.photo_LEFT {

	margin-right:20px;

	margin-bottom:10px;

	float: left;

	}

.photo_RIGHT {

	margin-left:20px;

	margin-bottom:10px;

	float: right;

	}

	

.RIGHT {

	margin-left:20px;

	margin-bottom:10px;

	float: right;

	}

.LEFT {

	margin-right:20px;

	margin-bottom:10px;

	float: left;

	}

	

.LEFT_2 {



	float: left;

	}

	

.Left_text

{

    text-align: left;

    padding-left: 15px;

}

	

.LINK_RIGHT

{

    padding: 10px;

    float: left;

}

.LINK_LEFT {

    padding: 10px;

    float: left;

	}



.smallcaps{

font-variant:small-caps;

}



.mini{

color:#a0a0a0;

font-size:0.75em;

font-weight:400;

line-height:1.2em;

margin:20px 0 10px 8px;

}







.small{

font-size:0.85em;

}



.large{

font-size:1.4em;

}



.soft{

	color:#CCCCCC;

}



.normal{

font-weight:400;

}



.sharp{

color:#101010;

}



.center{

text-align:center;

}



.center2{

text-align:center;

width: 520px;



}



.hide{

display:none;

}





.modalBackground {

	background-color:Gray;

	filter:alpha(opacity=75);

	opacity:0.7;

}





.ModalStyle1

{

    background-color: #FAF3E7;

    border-width: 3px;

    border-style: solid;

    border-color: Gray;

    padding: 50px;

}

.ModalCenter

{

    margin-left: 150px;

}

.MultiView

{

    margin-left: 30px;

}



.h3

{

 color:#505050;

font-size:1.1em;

font-weight:400;

/*margin:20px 0 10px;*/

padding:0;   

}

.h4

{

 color:#000099;

font-size:1.2em;

font-weight:400;

/*margin:20px 0 10px;*/

padding:0;   

}

h5

{

 color:#FFFFFF;

font-size:1.2em;

font-weight:400;

/*margin:20px 0 10px;*/

padding:0;   

}

.kursiv

{

 font-style:italic;   

}

.separator

{

    color: #FFFFFF;

    padding-top: 10px;

    padding-bottom: 10px;

}



/* Accordion */

.accordionHeader

{

    border: 1px solid #666666;

    color: #ffffff;

    background-color: #180a9d;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: bold;

    padding: 5px;

    margin-top: 5px;

    cursor: pointer;

}

.accordionHeader:hover

{

    color: #f3c10f;

    background-color: #180a9d;



}



.accordionContent

{

    background-color: #ffffff;



    padding: 5px;

    padding-top: 10px;

    border-right: gray 1px dashed;

    border-left: gray 1px dashed;

    border-bottom: gray 1px dashed;

}



.accordionLink

{

    color: #180a9d;

}