/*
Theme Name: ECCC
Theme URI: http://wwww.eccc.se
Description: 
Version: 1.0
Author: ECCC
*/

body, html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
	
body {
	background: url("/bilder/webbplatsen/bg.jpg") #060316 repeat-x;
	font-family: "Century Gothic", Arial, Verdana, Geneva, sans-serif;
}
	
img {
	border: 0;
}

a{
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dashed #4d89f6;
}
	
h1{
}
	
h1:before, h2:before{
	color: #4d89f6;
	content: '\00BB\0020';
}

div#container {
	margin: 0 auto;
	padding: 0;
	background: url("/bilder/webbplatsen/bg-inre.jpg") #060316 no-repeat 50% top;
	width: 100%;
	max-width: 1400px;
	min-width: 960px;
	height: 100%;
}
	
div#innercontainer {
	background: url("/bilder/webbplatsen/bg-inre-loop.gif") repeat-y;
	margin: 0 auto -142px;;
	width: 960px;
	min-height: 100%;
	height: auto !important;
}
	
div#header {
	background: url("/bilder/webbplatsen/header-bg.jpg") #060316 no-repeat 50% top;
	width: 960px;
	height: 288px;
	margin: 0;
	padding: 0;
}
	
	div#header div#imglist {
		position: absolute;
		top: 38px;
		margin:  0 0 0 252px;
		height: 125px;
	}

		div#imglist div {
			float: left;
			margin: 0 7px 0 0;
		}
	
	ul#menu {
		clear:both;
		width: 750px;
		list-style: none;
		position: absolute;
		top: 188px;
		margin:  0 0 0 200px;
		padding: 0;			
	}
	
		ul#menu a:link, a:visited, a:hover, a:active {
			color: #fe8300;
		}
		
		ul#menu > li {
			display: block;
			font-size: 18px;
			float: left;
			width: 150px;
			height: 100px;
			margin:  0;
			padding: 0;
		}
		
		#menu > li > a{
			margin-left: 15px;
		}
		
			#menustart{
				background: url("/bilder/menu-bg/start.jpg") no-repeat;
			}
			
			#menustart.active{
				background: url("/bilder/menu-bg/start-active.jpg") no-repeat;
			}

			#menuomeccc{
				background: url("/bilder/menu-bg/om-eccc.jpg") no-repeat;
			}
				
			#menuomeccc.active{
				background: url("/bilder/menu-bg/om-eccc-active.jpg") no-repeat;
			}

			#menuevenemang{
				background: url("/bilder/menu-bg/evenemang.jpg") no-repeat;
			}
				
			#menuevenemang.active{
				background: url("/bilder/menu-bg/evenemang-active.jpg") no-repeat;
			}

			#menubilder{
				background: url("/bilder/menu-bg/bilder.jpg") no-repeat;
			}

			#menubilder.active{
				background: url("/bilder/menu-bg/bilder-active.jpg") no-repeat;
			}

			#menuforum{
				background: url("/bilder/menu-bg/forum.jpg") no-repeat;
			}
				
			#menuforum.active{
				background: url("/bilder/menu-bg/forum-active.jpg") no-repeat;
			}

		ul#menu > li > ul{
			list-style: none;
			border: 0;
			padding: 0;
			margin: 0;
		}
		
			ul#menu > li > ul > li{
				border: 1px solid red;
				font-size: 12px;
				line-height: 15px;
				border: 0;
				padding: 0;
				margin: 0;
				height: auto;
				margin-left: 19px;
			}

			ul#menu > li > ul > li:before{
				color: #4d89f6;
				content: '\00BB\0020';
			}
			
			ul#menu ul li a:link, ul#menu ul li a:visited,ul#menu ul li a:hover,ul#menu ul li a:active {
				color: #fff;
			}
				
div#middlefield {
	background: url("/bilder/webbplatsen/middlefield-bg.jpg") no-repeat;
	width: 960px;
	height: 280px;
	margin: 0;
	padding: 0;
	color: #fff;
}

	div#middlefieldAlt {
		background: url("/bilder/webbplatsen/middlefield-alt.jpg") no-repeat;
		width: 960px;
		height: 65px;
		margin: 0;
		padding: 0;
		color: #fff;
	}
	
	div#middlefield #middletext {
		
	}

div#contentwrapper{
	background: url("/bilder/webbplatsen/bg-inre-filler.jpg") no-repeat;
	width: 960px;
	margin: 0;
	min-height: 447px;
}
	
div#contentwrapper-mf{
	background: url("/bilder/webbplatsen/bg-inre-filler-mf.jpg") no-repeat;
	width: 960px;
	margin: 0;
/*		min-height: 447px;*/
}
		
	div#content {
		width: 900px;
		margin: 0 30px 20px 30px;
	}
	

#middlefield-menu a{
	float: left;
	height: 60px;
	line-height: 60px;
	width: 188px;
	text-indent: -9999999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
}

#middlefield-menu a#nyaeccc{
	background: url("/bilder/middlefield/menu/nya-eccc.jpg") 0 0 no-repeat;
}

#middlefield-menu a#bana{
	background: url("/bilder/middlefield/menu/bana.jpg") 0 0 no-repeat;
}

#middlefield-menu a#stripp{
	background: url("/bilder/middlefield/menu/stripp.jpg") 0 0 no-repeat;
}

#middlefield-menu a#utstallning{
	background: url("/bilder/middlefield/menu/utstallning.jpg") 0 0 no-repeat;
}

#middlefield-menu a#ljud{
	background: url("/bilder/middlefield/menu/ljud.jpg") 0 0 no-repeat;
}
/* #middlefield-menu a#nyaeccc,#middlefield-menu a#bana{ {background-position: 0 0;} */
#middlefield-menu a#nyaeccc:hover, #middlefield-menu a#bana:hover, #middlefield-menu a#stripp:hover,#middlefield-menu a#utstallning:hover,#middlefield-menu a#ljud:hover {background-position: 0 -60px;border:0;}
#middlefield-menu a#nyaeccc:active, #middlefield-menu a#nyaeccc.active, #middlefield-menu a#nyaeccc.active:hover, #middlefield-menu a#bana:active, #middlefield-menu a#bana.active, #middlefield-menu a#bana.active:hover, #middlefield-menu a#stripp:active, #middlefield-menu a#stripp.active, #middlefield-menu a#stripp.active:hover, #middlefield-menu a#utstallning:active, #middlefield-menu a#utstallning.active, #middlefield-menu a#utstallning.active:hover,#middlefield-menu a#ljud:active, #middlefield-menu a#ljud.active, #middlefield-menu a#ljud.active:hover  {background-position: 0 -120px;border:0;}
/* #middlefield-menu a#nyaeccc:visited {background-position: 0 0;} */


#sidebar-wrapper {
	margin: 0 0 0 40px; 
	padding: 0;
	width: 210px;
	float: right;
	background:  url(/bilder/lala.jpg) #275990 no-repeat;
	color: #fff;
}

#sidebar {
	margin: 10px;
}

#sidebar a {
	border-bottom: 1px dashed #4d89f6;
	color: #fff;
}
#sidebar a:before {
	color: #4d89f6;
	content: '\00BB\0020';
}
#sidebar a:hover {
	color: #fe8300;
}
div.rund-input-active {
	background : url("/bilder/webbplatsen/input-active.png") no-repeat;
	width : 250px;
	height : 30px;
	padding : 0;
	margin : 0;
}

div.rund-input {
	background : url("/bilder/webbplatsen/input.png") no-repeat;
	width : 250px;
	height : 30px;
	padding : 0;
	margin : 0;
}
div.rund-input input{
	color: #0066CC;
	font-weight: bold;
	background: none;
	border : 0;
	width : 242px;
	height : 20px;
	margin : 5px;
	padding : 0;
}

div.labelContainer {
	min-height: 45px;
	height: auto;
	margin: 5px 0 10px 0;
	padding: 0;
	clear: both;
}

div.labelContainerBig {
	min-height: 60px;
	height: auto;
	margin: 5px 0 10px 0;
	padding: 0;
	clear: both;
}

div.labelContainerLeft {
	float: left;
}

div.explanation {
	float:left;
	background: url("/bilder/webbplatsen/input-forklaring.png");
	width: 500px;
	height: 80px;
	margin: 0 20px 0 20px;
}

	div.explanation div.explanationContent{
		margin: 5px 20px 0 20px;
		color: #fff;
	}
	
p.showerror{
	color: #0a59a2;
	font-weight: bold;
}