/*
	DESCRIPTION	: Default stylesheet for rosi.dk. /IE7 + FIREFOX
	AUTHOR		: Katrine Kovacs 
	MODIFIED		: 7. december 2007
	LAST BY		: Katrine Kovacs
	VERSION		: 1.0
	STATUS		: In progress
*/

* { margin: 0px; padding: 0px; border-collapse: collapse; border: 0; }

html { height: 100%; }

h1,h2,h3,h4,p,td,th,input,a ,div,select,textarea {
		font-family: helvetica, verdana, arial, sans-serif; 
		font-style: normal;
		text-decoration: none;
} 

body {	
		padding-top: 15px;
		background-color: #fff;
		margin: auto;
		font-size: 0.7em;
		text-align: center;
	}

#container {
	position: relative;
	width: 850px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background-color: #fff;
	text-align: left;
	overflow: hidden;
	border: 5px solid #000;
}

#header { 
	width: 550px;
	padding: 10px 25px 10px 0px; 
	min-height: 60px;
	background-color: #fff;
}

#overskrift { padding: 0px 0px 10px 25px; }

#right { 
	position: absolute;
	width: 300px;
	right: 0px;
	top: 0px;
	background-color: #fff; 
	height: 600px;
}

#content { 
	margin-right: 300px;
	margin-left: 0px;
	padding: 25px ;
	background-color: #fff; 
	text-align: left;
	min-height: 417px;
}

#footer { 
	position: relative;
	float: left;
	width: 550px;
	background-color: #fff;
	padding: 15px 0px 15px 0px ;
	font-size: 1em;
	color: #24397D;
	text-align: center;
}

form { display: inline; }

div { position: relative; }
div.left { float: left; }
div.right { float: right; padding: 12px 15px 15px 0px;}
div.menu { float: left; clear: both; padding: 0px 0px 8px 0px; white-space: nowrap; }
.nowrap { white-space: nowrap }

.w174 {width: 174px;} 
.w230 {width: 230px;}
.w250 {width: 250px;}  
.w305 {width: 305px;}
.w485 {width: 485px;}
.h250 {height: 200px;}


/**Text definitions**/
h1{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0px;
	color: #24397D;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 5px 0px 10px 0px;
	color: #24397D;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 10px 0px 10px 0px;
	color: #24397D;
}

p { font-size: 1.3em; line-height: 1.3em; padding: 3px 0px 10px 0px; color: #24397D;}
.nopad { padding: 0px; margin: 0px; }

select { 
	font-size: 1em; 
	border: 1px solid #8dc4ed; 
	border-width: 1px; 
	z-index: 0; 
}

a { font-weight: bold; line-height: 14px; }
a:link { color: #8FBD15; }
a:visited { color: #8FBD15; }
a:hover { color: #46612A; }
a.selected:visited { color: #000; }
#overskrift a.dark:link { color: #24397D; }
#overskrift a.dark:hover { color: #000; }
#overskrift a.dark:visited { color: #24397D; }

.menu a.selected:link { color: #000; }
.menu a.selected:visited { color: #000; }
.menu a:hover { color: #38625F; }
.menu a.selected-alt { font-weight: bold;}

#menu {
	width: 550px;
	padding: 0px;
	margin: 0px;  
	min-height: 20px;
}

#menu a { color: #24397D; font-weight: bold; font-size: 1.05em; padding: 0px ; }
#menu a.dark:link { color: #24397D; }
#menu a.dark:hover { color: #000; }
#menu a.white { color: #fff; }
#menu a.white:hover { color: #D0E4FF; }

#raadgivning { float: left; width: 144px; background-color: #5A81BC; padding: 3px 0px 3px 25px; text-align: left; }
#omrosi { float: left; width: 127px; background-color: #D0E4FF; text-align: center; padding: 3px 0px 3px 0px; }
#rammer { float: left; width: 127px; background-color: #7B6D48; text-align: center; padding: 3px 0px 3px 0px; }
#links { float: left; width: 127px; background-color: #8FBD15; text-align: center; padding: 3px 0px 3px 0px; }

/**Viser hvilken menu der er aktiv**/
#site_index div#menu { border-bottom: 5px solid #5A81BC; }
#site_omrosi div#menu { border-bottom: 5px solid #D0E4FF; }
#site_rammer div#menu { border-bottom: 5px solid #7B6D48; }
#site_links div#menu { border-bottom: 5px solid #8FBD15; }

#site_index #footer {	border-top: 5px solid #5A81BC; } 
#site_omrosi #footer {	border-top: 5px solid #D0E4FF; } 
#site_rammer #footer {	border-top: 5px solid #7B6D48; } 
#site_links #footer {	border-top: 5px solid #8FBD15; }  

img { margin: 0px; padding: 0px; }
.img_rosi {width: 200px; height: 253px; margin-top: 18px; border: 3px solid #D0E4FF; }

/**Billeder til grafikken**/
#site_index #topimage { float: left; width: 300px; height: 200px; background-image: url('../images/horse.jpg'); border-bottom: 1px solid #fff; }
#site_index #img1 { float: left; width: 100px; height: 100px; background-image: url('../images/horse1.jpg')}
#site_index #img2 { float: left; width: 100px; height: 100px; background-image: url('../images/horse2.jpg')}
#site_index #img3 { float: left; width: 100px; height: 100px; background-image: url('../images/horse3.jpg')}
#site_index #img4 { float: left; width: 100px; height: 100px; background-image: url('../images/horse4.jpg')}
#site_index #img5 { float: left; width: 100px; height: 100px; background-image: url('../images/horse5.jpg')}

#site_omrosi #topimage { float: left; width: 300px; height: 200px; background-image: url('../images/sunset.jpg'); border-bottom: 1px solid #fff; }
#site_omrosi #img1 { float: left; width: 100px; height: 100px; background-image: url('../images/sunset1.jpg')}
#site_omrosi #img2 { float: left; width: 100px; height: 100px; background-image: url('../images/sunset2.jpg')}
#site_omrosi #img3 { float: left; width: 100px; height: 100px; background-image: url('../images/sunset3.jpg')}
#site_omrosi #img4 { float: left; width: 100px; height: 100px; background-image: url('../images/sunset4.jpg')}
#site_omrosi #img5 { float: left; width: 100px; height: 100px; background-image: url('../images/sunset5.jpg')}

#site_rammer #topimage { float: left; width: 300px; height: 200px; background-image: url('../images/castle.jpg'); border-bottom: 1px solid #fff; }
#site_rammer #img1 { float: left; width: 100px; height: 100px; background-image: url('../images/castle1.jpg')}
#site_rammer #img2 { float: left; width: 100px; height: 100px; background-image: url('../images/castle2.jpg')}
#site_rammer #img3 { float: left; width: 100px; height: 100px; background-image: url('../images/castle4.jpg')}
#site_rammer #img4 { float: left; width: 100px; height: 100px; background-image: url('../images/castle3.jpg')}
#site_rammer #img5 { float: left; width: 100px; height: 100px; background-image: url('../images/castle5.jpg')}

#site_links #topimage { float: left; width: 300px; height: 200px; background-image: url('../images/bridge.jpg'); border-bottom: 1px solid #fff; }
#site_links #img1 { float: left; width: 100px; height: 100px; background-image: url('../images/bridge5.jpg')}
#site_links #img2 { float: left; width: 100px; height: 100px; background-image: url('../images/bridge3.jpg')}
#site_links #img3 { float: left; width: 100px; height: 100px; background-image: url('../images/bridge2.jpg')}
#site_links #img4 { float: left; width: 100px; height: 100px; background-image: url('../images/bridge4.jpg')}
#site_links #img5 { float: left; width: 100px; height: 100px; background-image: url('../images/bridge1.jpg')}

/**farver til grafikken**/
#site_index #square1 { float: left; width: 99px; height: 99px; background-color: #D0E4FF; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
#site_index #square2 { float: left; width: 100px; height: 100px; background-color: #4951AE; }
#site_index #square3 { float: left; width: 100px; height: 100px; background-color: #8FBD15; }
#site_index #square4 { float: left; width: 99px; height: 100px; background-color: #7B6D48; border-right: 1px solid #fff; }
#site_index #square5 { float: left; width: 99px; height: 99px; background-color: #4951AE; border-top: 1px solid #fff; border-right: 1px solid #fff;}
#site_index #square6 { float: left; width: 100px; height: 99px; background-color: #8FBD15; border-top: 1px solid #fff; }
#site_index #square7 { float: left; width: 99px; height: 99px; background-color: #7B6D48; border-top: 1px solid #fff; border-right: 1px solid #fff;}

#site_omrosi #square1 { float: left; width: 100px; height: 100px; background-color: #D0E4FF; }
#site_omrosi #square2 { float: left; width: 100px; height: 100px; background-color: #5C7D8E; }
#site_omrosi #square3 { float: left; width: 100px; height: 100px; background-color: #F0CA89; }
#site_omrosi #square4 { float: left; width: 100px; height: 100px; background-color: #7B6D48; }
#site_omrosi #square5 { float: left; width: 100px; height: 100px; background-color: #D0E4FF; }
#site_omrosi #square6 { float: left; width: 100px; height: 100px; background-color: #F0CA89; }
#site_omrosi #square7 { float: left; width: 100px; height: 100px; background-color: #7B6D48; }

#site_rammer #square1 { float: left; width: 100px; height: 100px; background-color: #D0E4FF; }
#site_rammer #square2 { float: left; width: 100px; height: 100px; background-color: #5A81BC; }
#site_rammer #square3 { float: left; width: 100px; height: 100px; background-color: #8FBD15; }
#site_rammer #square4 { float: left; width: 100px; height: 100px; background-color: #7B6D48; }
#site_rammer #square5 { float: left; width: 100px; height: 100px; background-color: #5A81BC; }
#site_rammer #square6 { float: left; width: 100px; height: 100px; background-color: #8FBD15; }
#site_rammer #square7 { float: left; width: 100px; height: 100px; background-color: #7B6D48; }

#site_links #square1 { float: left; width: 100px; height: 100px; background-color: #D8DEF6; }
#site_links #square2 { float: left; width: 100px; height: 100px; background-color: #46612A; }
#site_links #square3 { float: left; width: 100px; height: 100px; background-color: #8FBD15; }
#site_links #square4 { float: left; width: 100px; height: 100px; background-color: #8A8126; }
#site_links #square5 { float: left; width: 100px; height: 100px; background-color: #46612A; }
#site_links #square6 { float: left; width: 100px; height: 100px; background-color: #8FBD15; }
#site_links #square7 { float: left; width: 100px; height: 100px; background-color: #8A8126; }

.green {float: left; width: 100px; height: 100px; background-color: #8FBD15;}
.blue {float: left; width: 100px; height: 100px; background-color: #4951AE;}
.brown {float: left; width: 100px; height: 100px; background-color: #7B6D48;}
.lightblue {float: left; width: 100px; height: 100px; background-color: #D0E4FF}
.orange {float: left; width: 100px; height: 100px; background-color: #D87F3B; }



ul { font-size: 1.3em; color: #24397D; list-style: outside square; padding: 3px 3px 10px 3px; margin-left: 15px;}
ul.inside { list-style-position: inside }
ul.menu { font-weight: bold; border: 0; list-style: none outside; margin: 0px; padding: 0px;}
ul.menu li{ margin: 0px; padding: 0px; }
ul.menu a{ margin: 0px; padding: 0px; }
ul.none { font-weight: normal; border: 0; list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px;}
ol { list-style: decimal outside; padding: 0px 5px 10px 8px; margin-left: 15px; }
ol.inside { list-style-position: inside }
li { padding: 0px 0px 10px 0px; margin: 0px; }

/**streger mm**/

.medium-border {border-bottom: 2px solid #61b1d5; padding-bottom: 5px; padding-top: 5px;}
.menu-border {border-bottom: 1px solid #61b1d5; padding: 0px; margin-bottom: 8px; width: 125px; display: block;}