@charset "utf-8";
/* CSS Document */

/* make the footer stick to bottom */
html, body {height: 100%;}
#wrap {heigh:auto;}
#main {overflow:auto;
	margin-bottom: 150px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/* end of footer stick */

body {margin:0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; background-color:#101010; color:#fff;}
a:link {text-decoration: underline; color:#0000CC;}
a:visited {text-decoration: underline; color:#990033;}
a:active {text-decoration: underline; color:#990099;}
a:hover {text-decoration: underline; color:#000099;}
.text {font-weight:bold;}

#header {display:block; width:680px; height:25px; margin:auto; text-align:right; position: relative;
top: 10px;}

#menu {float:right;}
#menu ul {list-style: none; padding: 0; margin: 0; width: 100%; text-align:right;}
#menu li {float: left; margin: 0 2em 0 0;}
#menu a {text-decoration: none; display: block; width: 6em; padding: 0 0.5em; font-weight: bold; border-bottom: 0.5em solid lightgrey; color: lightgrey;
}
#menu a:hover {border-bottom: 0.5em solid white; color: white;}
#menu a:active {border-bottom: 0.5em solid white; color: white;}

.toptext{display: block; font-family: Arial, 'Helvetica', sans-serif; font-size: 62px; letter-spacing: -0.05em; color: #fff; line-height: 56px; margin: 0 0 50px 0; font-weight: bold;}



#content {background-color:#101010; display:block; min-height: 500px; width:100%;}
#skyltfonster {width:850px; min-height:460px; margin:0 auto; padding:40px 0 25px 0;}
#skyltfonster h1{font-family: Arial, 'Helvetica', sans-serif; font-size: 62px; letter-spacing: -0.05em; color: #fff; line-height: 56px; margin: 0 0 15px 0;}


#skyltfonster p{font-family: Arial, 'Helvetica', sans-serif; font-size: 16px; display:block; padding:25px 0 0 0;}
#skyltfonster ul {display: block; list-style-type: none; margin-left:0; position: relative; left: -45px;}
#skyltfonster li {display: inline; float: left; padding: 0 10px;}
#skyltfonster li a:link{text-decoration:none;}
#skyltfonster img{}
#skyltfonster img:hover{}


.symbols ul {display: block; list-style-type: none; margin-left:0; position: relative; left: -45px;}
.symbols li {display: inline; float: left;  display:block; height:200px; width:200px; border:10px solid grey; background-color:#FFFFFF; border-radius:5px; margin:0 15px 15px 0;}
.symbols li a:link{text-decoration:none;}
.symbols .white{position:relative; left:-11px; top:-69px;}
.symbols .white img{opacity:0.3;}
.symbols .white img:hover{opacity:0; border:1px solid grey;}

#singlesymbol {border:10px solid grey; background-color:#FFFFFF; border-radius:5px; margin:0 15px 15px 0; color:#000; overflow: auto;}
#singlesymbol h1 {font-family: Arial, 'Helvetica', sans-serif; font-size: 46px; letter-spacing: -0.05em; color: #000; line-height: 50px; margin: 35px 0 0 20px;}
#singlesymbol h2 {margin:50px 0 0 10px; font-size:14px;}
#singlesymbol img{float:left; margin:5px;}
#singlesymbol p{padding:0;}

#singlesymbol ul {display: block; list-style-type: none; margin-left:0; position: relative; left: -45px;}
#singlesymbol li {display:block; list-style-type:circle; float:none;}
#singlesymbol li a:link{text-decoration:none;}



#related {clear:both; border-top:dashed thick black; margin-left:20px;}
#related h2{margin:20px 0 0 0; clear:both;}
.textcol {display: block;
width:90%;
float: left;
padding-left: 15px;}

.adrow {display:block; width:100%; float:left; text-align:center; padding:15px;}

.menurow {display: block;
padding: 0 15px;
height: 40px;
line-height: 40px;
background: #3799CD;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
color:white;
}
.menurow:hover {background:#A6A6A6;}
	
#footer {background-color:#dbdbdb; display:block; width:100%; min-height:300px; color:#000; padding:20px 0; border-top:thick dashed #fff;}
	#footer .block {width:750px; margin:auto;}
	#footer .block h2 {font-weight:bold; color:#000; font-size: 24px; font-family: Arial, 'Helvetica', sans-serif;}
	#footer a:link, #footer a:visited {color:#000; text-decoration:underline;}

.greytext {color:lightgrey;}

.floatLeft {float:left; display:block;}
.table {float:left; display:block; text-align:center; margin-right:25px;}
.table table{border:1px solid black;}
.table caption{font-weight:bold; width:100%; background:#3799CD; font-size:16px; line-height:35px; color:#FFFFFF;}
.table tr:nth-child(even) {background: #CCC;}
.table tr:nth-child(odd) {background: #FFF;}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	#main {overflow:visible;}
	#footer, #skyltfonster, #header {width:100%;}
		#footer .block {width:90%;}	
	#content {width: 95%;
margin: 0 auto;}
	.toptext {font-size: 20px; line-height: 22px; margin: 0 0 26px 0;}
	#skyltfonster h1, #singlesymbol h1 {font-size: 30px; line-height: 32px; margin: 15px 0;}
	.adrow {width:90%; padding:5px;}
	#related {margin-left:0;}
	#singlesymbol h2 {margin: 50px 0 0 0px; clear: both;}
	#singlesymbol {margin: 0 0px 15px 0;}
	.symbols {display: block; width: 90%; margin: 0 auto;}

}