/*
Theme Name: Next Events
Theme URI: http://thenextevents.com/
Description: The Next Events
Version: 1.0
Author: William Richardson
Author URI: http://atomicdust.com/
Tags: 

*/

* {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}

body {background:url(images/backgrounds/background.jpg) top left no-repeat #55A1C1;}

.clear {clear:both;}

a {color:#09F;}

strong.colored { color: #007b7d; font-weight: normal; }

/*VIDEO*/
#video-overlay {position:fixed; width:100%; height:100%; background:url(images/video-overlay.png); display:none;}

#video-overlay #video {position:relative; margin:100px auto 0px auto; height:422px; width:750px;}
#video-overlay #video a#close-video {position:absolute; top:-30px; right:-15px; display:block; text-indent:-9999em; overflow:hidden; width:25px; height:25px; background:url(images/close.png);}

/*MAIN*/
#wrapper {width:970px; margin:0px; padding:20px 0px 20px 0px; position: relative;}

#wrapper #header {border-top:solid 1px transparent; margin:0px 0px 40px 0px;}

#wrapper #header #logos {float:left; width:368px;}
#wrapper #header #logos h1 {display:block; background:url(images/next-logo-update.png); width:411px; height:193px;}
#wrapper #header #logos h1 a {display:block; width:411px; height:193px; text-indent:-9999em;}
#wrapper #header #logos h2 {display:block; background:url(images/stibo-logo.png); width:174px; height:53px; margin-top:-30px;}
#wrapper #header #logos h2 a {text-indent:-9999em; display:block; width:174px; height:53px; overflow:hidden;}

#wrapper #header #header-text {padding:80px 0px 0px 20px; float:left;}

#wrapper #container { margin-bottom: 10px; overflow: hidden; }

#wrapper #container #side-nav {width:185px; float:left; height:300px; margin:0px 20px 0px 0px;}

#wrapper #container #content {width:380px; padding:20px; background:#FFFFFF; float:left; margin:0px 20px 0px 0px; min-height:400px;}
#wrapper #container #content.agenda { padding:50px 20px 20px 20px;}
#wrapper #container #content h2 {color:#1D2B5B; font-weight:normal; font-size:25px; margin-bottom:15px;}
#wrapper #container #content h3 {color:#1D2B5B; font-size:14px; display:block; margin-bottom:5px;}
#wrapper #container #content h2#agenda-outline {display:block; width:159px; height:26px; background:url(images/agenda-outline.png); text-indent:-999em;}
#wrapper #container #content h2#dont-forget {display:block; width:281px; height:26px; background:url(images/dont-forget.png); text-indent:-999em;}
#wrapper #container #content h3#date {display:block; width:339px; height:62px; background:url(images/new-title.png) no-repeat left top; text-indent:-9999em; margin:0px 0px 10px 0px;}
#wrapper #container #content h3#hotel {display:block; width:210px; height:21px; background:url(images/hotel_info.png) no-repeat left top; text-indent:-9999em; margin:0px 0px 10px 0px;}
#wrapper #container #content h3#notfound {display:block; width:293px; height:27px; background:url(images/404title.png) no-repeat left top; text-indent:-9999em; margin:0px 0px 10px 0px;}
#wrapper #container #content h3#eserwatensie {display:block; width:162px; height:19px; background:url(images/eserwartensie.png) no-repeat left top; text-indent:-9999em; margin:0px 0px 6px 0px;}
#wrapper #container #content h3#partnertitle {display:block; width:71px; height:18px; background:url(images/partnertitle.png) no-repeat left top; text-indent:-9999em; margin:0px 0px 6px 0px;}
#wrapper #container #content h3#veranstaltungsort {display: block; width: 218px; height: 30px; background: url(images/veran.png); margin: 0px 0px 15px 0px; text-indent: -9999em; overflow: hidden; clear: both;}
#wrapper #container #content p {font-size:13px; color:#86888B; line-height:22px; margin-bottom:20px;}
#wrapper #container #content ul {margin:0px 0px 20px 20px;}
#wrapper #container #content ul li {font-size:13px; color:#86888B; line-height:22px;}
#wrapper #container #content dt {display:block; width:70px; float:left; font-weight:bold; font-size:14px;}
#wrapper #container #content dd {display:block; width:250px; float:left; margin-bottom:20px; font-size:12px; color:#4D4D4D; line-height:18px;}
#wrapper #container #content .purple {color:#3B4C7D;}
#wrapper #container #content .black {color:#000000;}
#wrapper #container #content .blue-over {color:#3B4C7D;}

#content table {display:block; margin-bottom:40px;}
#content td {padding:5px; font-size:12px; color:#4d4d4d; font-family:Arial, Helvetica, sans-serif;}
#content .dark {background:#dedede;}
#content .light {background:#eaeaea;}

#wrapper #container #content a#click-here {display:block; width:343px; height:210px; background-image:url(images/video-dummy.jpg); margin:0px 0px 20px 0px; text-indent:-9999em; overflow:hidden;}
#wrapper #container #content a#click-here:hover {background-position:0px -210px;}

#wrapper #container #sidebar {width:290px; float:left;}

/* partners */
#wrapper #container #content .partner p
{
	line-height: 16px;
	font-size: 11px;
}

.partner 
{
	border-top: 2px solid #ccc;
	padding-top: 20px;
}

.partner img
{
	display: block;
	margin: 0 0 10px;
}

img#partnerlogos
{
	display: block;
	margin: 20px 0;
}

#wrapper #container #form {width:250px; padding:20px; float:left; background:url(images/form-bg.png); margin-bottom:20px;}
#wrapper #container #form h3 {display:block; width:277px; height:25px; background:url(images/register-here_ger.png) no-repeat left top; text-indent:-9999em; overflow:hidden; margin:0px 0px 10px -10px;}

#wrapper #container #form .cform {}
#wrapper #container #form .cform ol {list-style:none; display:block;}
#wrapper #container #form .cform ol li {display:block; padding:3px 0px 5px 0px; width:250px;}
#wrapper #container #form .cform ol li label {color:#FFF; display:block; font-size:12px; padding:0px 0px 3px 0px;}
#wrapper #container #form .cform ol li input {display:block; width: 246px; padding:2px;}
#wrapper #container #form .cform ol li select {padding:2px;}
#wrapper #container #form .cform ol li textarea {display:block; width: 250px;}

#wrapper #container #form .cform ol li#li--1 { width: auto; }
#wrapper #container #form .cform ol li#li--2 {width:63px; float:left;}
#wrapper #container #form .cform ol li#li--3 {width:183px; float:left;}
#wrapper #container #form .cform ol li#li--3 input {width:183px;}
#wrapper #container #form .cform ol li#li--4 {clear:both;}
#wrapper #container #form .cform ol li#li--5 {width:125px; float:left;}
#wrapper #container #form .cform ol li#li--5 input {width:110px;}
#wrapper #container #form .cform ol li#li--6 {width:125px; float:left;}
#wrapper #container #form .cform ol li#li--6 select {width:125px;}
#wrapper #container #form .cform ol li#li--7 {clear:both;}
#wrapper #container #form .cform ol li#li--8 {}
#wrapper #container #form .cform ol li#li--9 {}
#wrapper #container #form .cform ol li#li--10 {}
#wrapper #container #form .cform ol li#li--11 {width:125px; float:left;}
#wrapper #container #form .cform ol li#li--11 input {width:110px;}
#wrapper #container #form .cform ol li#li--12 {width:125px; float:left;}
#wrapper #container #form .cform ol li#li--12 input {width:121px;}
#wrapper #container #form .cform ol li#li--13 {clear:both;}
#wrapper #container #form .cform ol li#li--13 select {width:250px;}
#wrapper #container #form .cform ol li#li--14 {color: #FFFFFF; font-size: 12px; font-weight: bold;}
#wrapper #container #form .cform ol li#li--14items {padding-left: 10px;}
#wrapper #container #form .cform ol li#li--14items input {float: left; width: auto; margin: 0px 5px 5px 0px; height: 15px; clear: both;}
#wrapper #container #form .cform ol li#li--14items label {float: left; width: 220px; margin: 0px 0px 5px 0px; height: 15px;}
#wrapper #container #form .cform .cf-box-group {overflow: hidden;}

.cf-sb {display:block; float:right; padding:5px 0px 0px 0px;}
.cf-sb #sendbutton {display:block; width:83px; height:28px; background:url(images/submit.png); border:none;}

.linklove {display:none;}
.cf_hidden {display:none;}

#wrapper #container #reservation,
#wrapper #container #reservation2 {width:291px; height:81px; display:block; background:url(images/reservation_ger_1.png); text-indent:-9999em; overflow:hidden; float:left;}
#wrapper #container #reservation { margin-bottom: 10px; }
#wrapper #container #reservation2 { background-image: url(images/reservation_ger_2.png); }

.register img { display: block; margin: 0 0 5px; }
.register { margin: 0 0 35px; }
.register h5 { font-weight: normal; color: #172b5b; font-size: 14px; line-height: 22px; }

/*NAVIGATION*/
#navigation {width:170px; display:block;}
#navigation li {display:block; width:170px; height:63px; margin-bottom:5px;}
#navigation a {display:block; height:63px; width:170px; background:url(images/navigation_ger2.png); text-indent:-9999em;}

#overview a {}
#hotel a {background-position:0px -63px;}
#agenda a {background-position:0px -126px;}
#transportation a {background-position:0px -126px;}
#eserwartensie a {background-position:0px -126px;}
#partners a {background-position:0px -189px;}
#veran a {background-position:0px -252px;}

#overview a:hover, #overview a.active {background-position:170px 0px;}
#hotel a:hover, #hotel a.active {background-position:170px -63px;}
#agenda a:hover, #agenda a.active {background-position:170px -126px;}
#transportation a:hover, #transportation a.active {background-position:170px -126px;}
#eserwartensie a:hover, #eserwartensie a.active {background-position:170px -126px;}
#partners a:hover, #partners a.active {background-position:170px -189px;}
#veran a:hover, #veran a.active {background-position:170px -252px;}

#sponsor-container {width: 730px; height: 70px; position: absolute; right:35px; top: 200px; overflow: hidden;}
#sponsors {width: 730px; height: 70px; background: #fff; overflow: hidden; background: url(images/sponsors2011.jpg); width: 3200px; position: absolute;}