/************************************************************/
/* =Global                                                  */
/************************************************************/

body {
	/*
	 * Font stacks
	 * http://www.sitepoint.com/article/eight-definitive-font-stacks/
	 * 
	 * Times New Roman-based serif
	 * font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	 * 
	 * Georgia-based serif
	 * font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	 * 
	 * Garamond-based serif
	 * font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	 * Helvetica/Arial-based sans-serif
	 * font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	 * 
	 * Verdana-based sans-serif
	 * font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	 * 
	 * Trebuchet-based sans-serif
	 * font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	 * 
	 * Impact sans-serif
	 * font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
	 * 
	 * Monospace
	 * font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	 */
	font-family: Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	background:url('../../images/layout/body_background.gif') top left repeat-x;
	background-color:#000;
	color:#fff;
}

h1 {
	font-size:24px;
	margin-bottom:1em;
}

h2 {
	font-size:16px;
	margin-bottom:1em;
}

h3 {
	font-size:14px;
	margin-bottom:1em;
}

p {
	margin-bottom:1em;
}

ul {
	list-style-type:disc;
	margin-left:2em;
	margin-bottom:1em;
}

ol {
	list-style-type:decimal;
	margin-left:2em;
	margin-bottom:1em;
}

li {
	font-size:12px;
}

table {
	margin-bottom:1em;
}

td {
	padding:2px;
	font-size:11px;
}

a {
	color:#700;
}

a:visited {
	color:#a77373;
}

a:hover {
	color:#f00;
}



.uppercase {
	text-transform:uppercase;
}

.msg {
	width:100%;
	border-bottom:1px solid #737595;
}

.msg p {
	width:940px;
	margin:0em auto;
	padding:5px 0px 5px 0px;
}

.err {
	background-color:#900;
	color:white;
}

.appr {
	background-color:#0c0;
	color:white;
}

.notice {
	background-color:#f6eeb7;
	color:black;
}

.error {
	background-color:#f99;
	color:black;
	padding:5px;
	border:1px solid red;
	margin-right:10%;
	margin-left:10%;
	margin-bottom:4px;
}

.formerror {
	color:#b00;
	font-weight:bold;
}



/************************************************************/
/* =Containers                                              */
/************************************************************/

#container {
	width:960px;
	margin:0 auto;
	position:relative;
}

#container_tilmelding {
	width:740px;
	margin:0 auto;
	position:relative;
}

#masthead {
	width:960px;
	height:98px;
}

#teaser-container {
	clear:both;
	width:960px;
	height:300px;
	background-color:#fff;
	color:black;
	position:relative;
	z-index:1;
}

#teaser-container-small {
	clear:both;
	width:960px;
	height:102px;
	background-color:#fff;
	color:black;
}

#content-container {
	width:960px;
	background:url('../../images/layout/content.gif') top left repeat-y;
	background-color:white;
	color:black;
}

/************************************************************/
/* =Tilmelding                                              */
/************************************************************/
#container_tilmelding {
	width:740px;
	margin:0 auto;
	position:relative;
}

#masthead_tilmelding {
	width:740px;
	height:70px;
	
	padding-top:10px;
}

#masthead_tilmelding h2, #masthead_tilmelding img {
	float:left;
}

#masthead_tilmelding h2 {
	padding:10px 0px 0px 30px;
	text-transform:uppercase;
	font-weight:normal;
	color:#56506e;
	font-size:30px;
}

#container_tilmelding #content_container {
	padding:10px;
	background-color:white;
	color:black;
}

#container_tilmelding #tilmelding_info ol li {
	float:left;
	display:block;
	width:90px;
	height:25px;
	background:url('../../images/elements/tilmelding_process_unselected.gif') top left no-repeat;
	margin-bottom:10px;
	padding:5px 10px 5px 10px;
	font-size:11px;
	color:#444;
}

#container_tilmelding #tilmelding_info ol li.selected {
	background:url('../../images/elements/tilmelding_process_selected.gif') top left no-repeat;
}

#tilmelding_content {
	clear:both;
}






/************************************************************/
/* =Mastead                                                 */
/************************************************************/

#frontpagelink {
	float:left;
}

#masthead img#logo {
	margin-top:18px;
}

#login-container {
	float:right;
}

#sponsors {
	position:absolute;
	top:70px;
	right:0px;
	width:350px;
	height:28px;
}

div#logininfo {
	background:url('../../images/layout/masthead_form_bg.gif') top left repeat-x;
	border-left:1px solid #545066;
	border-right:1px solid #545066;
	border-bottom:1px solid #545066;
	height:24px;
	padding-top:3px;
	padding-right:10px;
}

#logininfo p {
	float:left;
	padding:5px;
	font-size:11px;
	text-transform:uppercase;
	color:#c3bfd4;
}

#logininfo p a.mypagelink {
	background:url('../../images/navigation/mainmenu_bg.gif') top left repeat-x;
	border:1px solid #6c6687;
	padding: 3px 10px 3px 10px;
	color:white;
	text-decoration:none;
}

#logininfo p a.mypagelink:hover {
	background-image:none;
	background-color:black;
}

a#logout {
	background:url('../../images/elements/masthead_form_submit.png') top right no-repeat;
	background-color:#fff;
	border:none;
	padding: 3px 20px 3px 2px;
	color:black;
	text-decoration:none;
}

h2#loginformswitch {
	float:right;
	background:url('../../images/elements/masthead_form_loginswitch.gif') 0px 0px no-repeat;
	font-size:11px;
	padding-top:7px;
	width:120px;
	text-align:center;
	height:20px;
	border-right:1px solid #545066;
	border-left:1px solid #545066;
	border-bottom:1px solid #545066;
	text-transform:uppercase;
	cursor:pointer;
}


#jsddm
{	margin: 0;
	padding: 0;
	float:left;
	z-index:999;
}
	
	#jsddm li {	
		float: left;
		list-style: none;
	}

	#jsddm li a
	{	display: block;
		font-size:11px;
		background-color:#353656;
		padding: 4px 10px;
		border:1px solid #636486;
		text-decoration: none;
		width: 70px;
		color: #fff;
		white-space: nowrap;
		z-index:999;
	}

	#jsddm li a:hover
	{	background: #353656}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			border:none;
			background: #9F1B1B}
		
		#jsddm li ul li a:hover
		{	background: #7F1616}



/************************************************************/
/* =Navigation                                              */
/************************************************************/

#navigation {
	width:960px;
	height:34px;
	position:relative;
	z-index:2;
}

ul#mainmenu {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	
}

#mainmenu li {
	float:left;
}



ul#secondarymenu {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top:10px;
	float:right;
	z-index:899;
}

#secondarymenu li {
	float:left;
}

#secondarymenu li a {
	margin:10px;
	color:#b0a9ce;
}

#secondarymenu li a:hover {
	color:white;
}


ul.leftmenu {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}

.leftmenu li {
	margin-bottom:3px;
}

#leftbar .leftmenu li a {
	display:block;
	background-color:#e1e6ed;
	padding:4px;
	text-decoration:none;
	color:black;
	font-weight:normal;
}

#leftbar .leftmenu li a:hover {
	background-color:#005;
	color:white;
}

#leftbar .leftmenu li a.s {
	background-color:#a8b3c3;
}

/************************************************************/
/* =Teasers                                                 */
/************************************************************/

.teaser {
	
}

.teaser-frontpage {
	background:url('../../images/layout/frontpage_teaser_bg.gif') top left no-repeat;
	position:relative;
}

.slider-container {
	width:720px;
	height:300px;
	position:relative;
	overflow:hidden;
}

ul#fader {
	list-style-type:none;
	margin:0em;
	padding:0em;
}

#slider-container-teaser {
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
	height:110px;
	padding:20px;
	color:white;
	font-size:15px;
}

#slider-container-races {
	position:absolute;
	top:150px;
	right:0px;
	width:240px;
	height:110px;
	padding:0px;
	color:white;
	font-size:15px;
}

#slider-container-races h4 {
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
	margin:10px 0px 2px 20px;
}

#slider-container-races img {
	margin-left:20px;
}

#slider-container-races ul {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-left:5px;
	margin-top:20px;
}

#slider-container-races li {
	float:left;
	font-size:11px;
	margin:0px 6px 0px 6px;
}

#slider-container-races li a {
	color:#fdd;
	font-weight:bold;
	text-transform:uppercase;
}

/************************************************************/
/* =Content                                                 */
/************************************************************/

#content-before {
	width:960px;
	height:25px;
	background:url('../../images/layout/content-before.gif') top left no-repeat;
}

#content-after {
	width:960px;
	height:25px;
	background:url('../../images/layout/content-after.gif') top left no-repeat;
}

#content-container h1.center {
	text-align:center;
	color:#a00;
	font-weight:normal;
	font-size:24px;
	margin-bottom:0px;
}

#content-container p {
	line-height:1.5;
	margin-bottom:18px;
	font-size:12px;
}

#content-container blockquote {
	color:#c81201;
	font-style:italic;
	font-size:16px;
	padding:10px 25px 10px 25px;
	margin-bottom:20px;
	border-bottom:1px solid #c81201;
}

#content-container a {
	font-weight:bold;
}

button.awesome, .button2.awesome {
	background: #222 url(/images/elements/button_bg.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #555;
	text-decoration: none;
	
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.blue.awesome {
	background-color:#b3c2d2;
}

.blue.awesome:hover {
	background-color:#a0b1c4;
	color:#000;
}

.green.awesome {
	background-color:#74d972;
}

.green.awesome:hover {
	background-color:#a5c4a0;
	color:#000;
}

a.button {
	display:block;
	float:left;
	padding:5px;
	font-weight:bold;
	text-decoration:none;
}

a.green {
	background-color:#090;
	color:white;
}

#content-container a.green:hover {
	background-color:#070;
}

ul.linklist {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:4em;
}

.linklist li {
	margin-bottom:0.5em;
	width:90%;
}

.smaller {
	font-size:0.8em;
}

.important {
	padding:5px;
	background-color:#ffd;
	border:1px solid #dda;
	font-size:11px;
	margin:10px;
}

.important h4 {
	margin-bottom:0;
	font-weight:bold;
	font-size:13px;
}

.warning {
	padding:5px;
	background-color:#faa;
	border:1px solid #daa;
	font-size:11px;
	margin:10px;
}

#content-container #leftbar ul.linklist a {
	font-weight:normal;
	color:#555;
	font-size:11px;
}

#content-small {
	float:left;
	width:480px;
	position:relative;
}

#content-small-meta {
	position:absolute;
	top:7px;
	right:5px;
}

#content-small-meta a {
	display:block;
	float:left;
}

#content-small-meta a.meta-link {
	padding:2px;
	font-size:10px;
	font-weight:normal;
	color:#777;
	text-transform:uppercase;
	margin-right:10px;
}

#content-wide {
	float:left;
	width:720px;
}

#leftbar {
	float:left;
	width:220px;
	padding:0px 10px 0px 10px;
}

#leftbar h2 {
	
}

#sidebar {
	float:right;
	width:220px;
	padding:0px 10px 10px 10px;
}

.content {
	font-size:12px;
	line-height:18px;
}

.content h1 {
	color:#c00;
	font-weight:normal;
	font-size:30px;
	line-height:30px;
}

.frontpage h2 {
	font-size:11px;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:8px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin-bottom:20px;
	text-transform:uppercase;
}

p.news-date {
	float:left;
	width:50px;
	padding:5px;
	background-color:#eee;
	margin-right:20px;
	font-size:11px;
}

h2.news-header {
	float:left;
	width:370px;
	font-size:21px;
	font-weight:bold;
	padding:0px;
	border:none;
	text-transform:none;
	color:#a00;
	margin-bottom:5px;
}

div.news-item {
	margin-bottom:50px;
	width:450px;
}



.frontpage div.news-content {
	line-height:18px;
	font-size:13px;
}

.frontpage div.news-content p {
	margin-bottom:18px;	
}

.right {
	float:right;
}

p.important {
	padding:10px;
	background-color:#ffa;
	border:1px solid #999;	
}

ul.marginbottom li {
	margin-bottom:1em;
}

/************************************************************/
/* =Left column                                             */
/************************************************************/

/************************************************************/
/* =Right column                                            */
/************************************************************/

/************************************************************/
/* =Sidebar                                                 */
/************************************************************/

#sidebar .sidebarmsg {
	background-color:#f6f6ff;
	border:1px solid #d0d0ff;
	padding:5px;
}

#sidebar .sidebarmsg p {
	font-size:10px;
}

/************************************************************/
/* =Tables                                                  */
/************************************************************/

tables.ordertable {
	
}

.ordertable td {
	background-color:#f3f3f3;
	border:3px solid white;
	padding:5px;
}

.ordertable td.title {
	font-size:15px;
	width:200px;
	vertical-align:middle;
}

.ordertable td.specification {
	width:200px;
}

.ordertable td.amount {
	width:100px;
	text-align:right;
	vertical-align:middle;
}

.ordertable tr.sum td {
	background-color:#ddd;
	text-align:right;
	font-weight:bold;
}

table.sortable th {
	cursor:pointer;
}

table.fullwidth {
	width:100%;
}

table.zebra th {
	font-weight:bold;
	text-align:left;
	background-color:#d9d9e0;
	padding:7px 7px 7px 7px;
	border-bottom:1px solid #aac;
	border-left:1px solid #aac;
}

table.zebra td {
	padding:7px;
	vertical-align:top;
}

table.resultlist td {
	padding:2px;
	font-size:11px;
}

table.zebra tr.odd td {
	background-color:#f0f0f4;
}


table.resultlist td.resultlistdivider {
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}


table.calendartable {
	width:100%;
}

table.calendartable td {
	padding:5px;
	border:1px dotted #888;
}

table.calendartable td.calendar-date {
	width:50px;
	background-color:#353656;
	color:white;
}

table.calendartable td.calendar-eventtitle {
	background-color:#eee;
}

table.calendartable td.calendar-eventtitle a {
	color:black;
}

/************************************************************/
/* =Boxes                                                   */
/************************************************************/

#gallerypicturecontainer {
	width:100%;
	text-align:center;
	background-color:#ddf;
	padding-top:10px;
	padding-bottom:10px;
}

#gallerypicturecontainer img {
	border:5px solid white;
}

#gallerythumbnailcontainer {
	background-color:#ddf;
}

#gallerythumbnailcontainer img {
	margin:10px;
	border:4px solid white;
}

#gallerynavigation, #pictureoptions {
	background-color:#353656;
	padding:5px;
	color:white;
	font-size:11px;
}

#gallerynavigation a, #pictureoptions a {
	color:white;
	font-weight:normal;
}

a.gallerynav_pages {
	display:block;
	float:left;
	margin:3px;
	padding:4px;
	border:1px solid #a1a4c1;
	color:#071067;
	text-decoration:none;
}

a.gallerynav_pages:hover {
	background-color:#555686;
	color:white;
}

a.gallerynav_pages_selected {
	display:block;
	float:left;
	margin:3px;
	padding:4px;
	background-color:#a1a4c1;
	border:1px solid #a1a4c1;
	color:#ffffff;
	text-decoration:none;
}

a#gallerynav_next, a#gallerynav_prev {
	background-color:#454676;
	margin-left:5px;
}

a#gallerynav_next:hover, a#gallerynav_prev:hover {
	background-color:#555686;
}

ul.gallerylist {
	list-style-type:none;
	margin:0;
	padding:0;
}

li.gallery {
	padding:10px;
	background-color:white;
	border:1px solid #a1a4c1;
	margin-bottom:10px;
	width:300px;
	height:84px;
	float:left;
	margin-right:10px;
}

.gallery h3 {
	float:left;
	width:180px;
}

.gallery img {
	float:right;
}

#ie6 {
	width:940px;
	padding:10px;
	margin:0 auto;
	background-color:#755;
	font-size:11px;
}

#ie6 a {
	font-weight:bold;
	color:#fee;
}

#ie6 a:hover {
	color:#eef;
}

.participant_card_single {
	background-color:#f0f0ff;
	padding:10px;
	font-size:15px;
	width:70%;
	margin:0 auto;
}

.eventbox {
	margin:0px 20px 20px 20px;
	background-color:#f5f5ff;
	cursor:pointer;
}

.eventbox h2 {
	font-size:28px;
	font-weight:normal;
	padding:10px;
	margin-bottom:0px;
	border-bottom:1px solid #c5c5cc;
}

.eventbox .extract {
	height:40px;
	overflow:hidden;
	font-size:0.8em;
	padding:0px 10px 0px 10px;
}

.eventbox div.meta {
	margin-top:10px;
	border-top:1px solid #c5c5cc;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}

.oldeventbox {
	margin:0px 20px 20px 20px;
	background-color:#f5f5ff;
	width:600px;
	cursor:pointer;
}

.oldevent_left {
	float:left;
	width:220px;
	padding:10px;
}

.oldevent_left h2 {
	font-size:16px;
	font-weight:normal;
}

.oldevent_left .meta {
	font-size:11px;
}

.oldevent_right {
	float:right;
	width:300px;
	height:40px;
	overflow:hidden;
	font-size:0.8em;
	padding:10px;
}



.profile-leftbar {
	clear:both;
	margin-bottom:10px;
}

.profile-leftbar h3 {
	font-size:11px;
	font-weight:bold;
	background-color:#e1e6ed;
	padding:5px;
	margin-bottom:0px;
}

.profile-leftbar div.picture {
	float:left;
	width:50px;
	padding:5px;
}

.profile-leftbar div.personinfo {
	float:left;
	width:145px;
	padding:5px;
}

.profile-center {
	clear:both;
	margin-bottom:10px;
}

.profile-center h3 {
	font-size:11px;
	font-weight:bold;
	background-color:#ddf;
	padding:5px;
	margin-bottom:0px;
}

.profile-center div.picture {
	float:left;
	width:50px;
	padding:5px;
}

.profile-center div.personinfo {
	float:left;
	width:145px;
	padding:5px;
}


.answer {
	padding:10px;
	border:1px solid #eee;
	background-color:#fafafa;
	font-size:11px;
}

.modal {
	display:none;
}

.modal a:active {
	outline:none;
}

.infoitem {
	margin:0px 10px 10px 0px;
	padding:5px;
	background:url('../../images/layout/box_top.gif') top left repeat-x;
	background-color:white;
	width:210px;
	float:left;
}

.infoitem h3 {
	text-transform:uppercase;
	font-size:16px;
	font-weight:normal;
}

.infoitem_meta, .editorial_meta {
	font-style:italic;
	font-size:11px;
}

.divider {
	margin:0px 10px 10px 0px;
	padding:5px;
	background:url('../../images/layout/box_top.gif') top left repeat-x;
	background-color:white;
}


#livesearch {
	margin-bottom:1em;
}

.col-full {
	padding:10px;
}

h3.showhideHeader {
	height:16px;
	padding-top:2px;
	margin-bottom:0px;
}

.showhideHeader:hover {
	cursor:pointer;
}

.showhideContent {
	border:1px solid #ddd;
}

p.news-meta {
	clear:both;
	color:#777;
	font-size:10px;
}

p.news-meta a {
	color:#555;
	font-weight:normal;
}

p.news-meta a:hover {
	color:#000;
}

h5.news-comments-switch {
	font-weight:bold;
	font-size:11px;
	color:black;
	cursor:pointer;
}

.news-comment {
	padding:10px;
	background-color:#f0f0f0;
	margin:10px;
	border:1px dotted #aaa;
}

.news-comment img {
	float:right;
	border:4px solid white;
}

.news-comment-meta {
	font-size:10px;
	color:#777;
	margin-bottom:2em;
}

.news-comment-meta a {
	color:#555;
	text-decoration:underline;
	font-weight:normal;
}

.news-comment-meta a:hover {
	color:#000;
}

.notice-comments {
	height:150px;
	overflow:auto;
}

h5.notice-comments-switch {
	font-weight:bold;
	font-size:11px;
	color:black;
	cursor:pointer;
}

.notice-comment {
	background-color:#eef;
	padding:5px;
	margin-bottom:5px;
}

.notice-comment img {
	float:right;
	border:4px solid white;
}

span.notice-comment-meta {
	font-size:10px;
	font-style:italic;
	margin:0;
	padding:0;
	display:block;
	line-height:1;
	margin-bottom:10px;
}

div.notice-comment-body {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:1.2em;
}

a.writenoticecomment,a.editnotice {
	font-size:10px;
	color:black;
	text-decoration:none;
}


textarea.newcommentform, textarea.editcommenttextarea {
	font-size:11px;
	font-family:Arial;
	width:250px;
	height:75px;
}





#swfupload-control p{ margin:10px 5px; font-size:0.9em; }
#log{ margin:0; padding:0; width:500px;}
#log li{ list-style-position:inside; margin:2px; border:1px solid #ccc; padding:10px; font-size:12px;
	font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; position:relative;}
#log li .progressbar{ border:1px solid #333; height:5px; background:#fff; }
#log li .progress{ background:#999; width:0%; height:5px; }
#log li p{ margin:0; line-height:18px; }
#log li.success{ border:1px solid #339933; background:#ccf9b9; }
#log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px;
	background:url('../../includes/js/swfupload/cancel.png') no-repeat; cursor:pointer; }


/************************************************************/
/* =Footer                                                  */
/************************************************************/

#footer {
	clear:both;
	background-color:#1e1f3c;
}

#footer-address {
	float:left;
	width:210px;
	padding:10px;
}

#footer-tools {
	float:left;
	width:340px;
	padding:10px;
	padding-top:20px;
}

#footer-tools ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#footer-tools li {
	list-style-type:none;
	float:left;
	margin-right:20px;
}

#footer-tools li a {
	display:block;
	width:74px;
	padding:3px;
	background-color:#353656;
	color:#cdcde2;
	text-decoration:none;
	text-align:center;
}

#footer-tools li a:hover {
	background-color:#4e4f70;
}

#footer-meta {
	float:left;
	width:350px;
	padding:10px;
	text-align:right;
	font-size:10px;
	color:#cdcde2;
}

#footer_tilmelding {
	width:740px;
	margin:0 auto;
	background-color:white;
	color:black;
	margin-bottom:40px;
}

#footer_tilmelding h3 {
	width:720px;
	background-color:#eee;
	font-weight:normal;
	text-transform:uppercase;
	padding:5px 10px 5px 10px;
	margin-bottom:0px;
	font-size:11px;
}

#footer_tilmelding p, #footer_tilmelding ul {
	float:left;
	width:200px;
	padding:10px;
}

#footer_tilmelding li {
	margin-bottom:0.5em;
}

/************************************************************/
/* =Forms                                                   */
/************************************************************/

form.participantform {
	padding:5px;
	background-color:#e1e6ed;
	margin:10px;
}

form.participantform input {
	font-size:11px;
	width:150px;
}

form.participantform input.narrow {
	width:50px;
}

form.participantform label {
	color:#888;
	font-size:10px;
	display:block;
}

form.participantform select {
	font-size:11px;
}


.group form {
	width:50%;
	background-color:#eee;
	float:right;
	margin-bottom:5px;
	padding:3px;
}

.group form label {
	font-size:11px;
}

.group form input {
	font-size:11px;
}

form.groupselect {
	margin-bottom: 10px;
	background:url('../../images/layout/smartform_background.gif') top left repeat-x;
	padding:5px;
	color:white;
}

form.ordersubmitform {
	background:url('../../images/layout/smartform_background.gif') top left repeat-x;
	color:white;
}

form.ordersubmitform a {
	color:#fdd;
}

form.ordersubmitform input {
	margin-left:400px;
}

form.singlelineform {
	margin-bottom:1em;
}

form.singlelineform ol {
	margin:0;
	padding:0;
	list-style-type:none;
}

form.singlelineform li {
	float:left;
	margin-right:20px;
}

form.singlelineform input {
	width:70px;
}

form.comment_form ol {
	margin:0;
	padding:0;
	list-style-type:none;
}

form.comment_form li {
	margin-bottom:1em;
}

form.comment_form label {
	font-size:10px;
	color:#777;
	display:block;
}

form.comment_form label.showhide {
	font-size:10px;
	color:#777;
	display:block;
	text-decoration:underline;
	cursor:pointer;
}

form.comment_form textarea {
	margin-top:10px;
	width:80%;
	height:100px;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
}

form.comment_form input.submit {
	clear:both;
}




form.masthead_form {
	background:url('../../images/layout/masthead_form_bg.gif') top left repeat-x;
	border-left:1px solid #545066;
	border-bottom:1px solid #545066;
	float:right;
	padding-right:30px;
	padding-left:15px;
	height:27px;
}


form.masthead_form ol {
	margin:0;
	padding:0;
	list-style-type:none;
}

form.masthead_form li {
	float:left;
	margin-left:10px;
}

form.masthead_form label {
	padding-top:7px;
}


form.masthead_form label, form.masthead_form span {
	font-size:10px;
	text-transform:uppercase;
}

form.masthead_form input.text, form.masthead_form input.password {
	width:100px;
	font-size:11px;
	padding:1px;
	margin-top:3px;
	background-color:#353656;
	color:white;
	border:1px solid #797a9c;
}

form.masthead_form input.submit {
	margin-top:3px;
	background:url('../../images/elements/masthead_form_submit.png') top right no-repeat;
	background-color:#fff;
	border:none;
	font-size:9px;
	padding:2px 20px 2px 2px;
}

form.masthead_form input#password-clear {
	display:none;
}





form#searchform {
	float:left;
	padding-left:14px;
}

form#searchform ol {
	list-style-type:none;
	margin:0;
	padding:0;
}

form#searchform li {
	float:left;
	margin-left:2px;
}

form#searchform input.searchfield {
	width:100px;
	font-size:11px;
	padding:1px;
	background-color:#353656;
	color:#bebfdb;
	border:1px solid #797a9c;
}

form#searchform input.submit {
	background:url('../../images/elements/masthead_form_submit.png') top right no-repeat;
	border:none;
	font-size:9px;
	padding:2px 10px 2px 2px;
}






form.form1 fieldset {
  margin-bottom: 10px;
  background-color:#f5f5ff;
  width:90%;
  margin-left:4%;
  border:1px solid #ccf;
}


form.form1 legend {
  padding: 0 2px;
  font-weight: bold;
}
form.form1 label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.form1 fieldset ol {
  margin: 0;
  padding: 0;
}
form.form1 fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  position:relative;
 
}
form.form1 fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.form1 fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.form1 fieldset fieldset label {
  display: block;
  width: auto;
}
form.form1 em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.form1 label {
  width: 165px; /* Width of labels */
 text-align:right;
 padding-right:15px;
}
form.form1 fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

form.form1 fieldset textarea {
	width:220px;
	height:200px;
	font-family:Verdana, sans-serif;
	font-size:11px;
}

form.form1 input {
	width:200px;
}

form.form1 input[type=text] {
	padding:5px;
}

form.form1 input.submit {
	margin-left:250px;
	width:auto;
}

form.form1 input.date-pick {
	width:100px;
}

form.form1 input.halfnarrow {
	width:100px;
}

form.form1 input.narrow {
	width:70px;
}

form.form1 input.verynarrow {
	width:43px;
}

form.form1 .split {
	margin-bottom:5px;
}

form.form1 .split label {
	width:30px;
	margin-left:200px;
}

form.form1 input.checkbox {
	width:auto;
	margin-right:10px;
}

form.form1 small {
	display:block;
	margin-left:210px;
	color:#888;
	font-size:11px;
}





form.smartform fieldset {
  margin-bottom: 10px;
  background:url('../../images/layout/smartform_background.gif') top left repeat-x;
  width:70%;
  margin-left:15%;
  color:white;
  padding:20px 0px 20px 0px;
}

form.smartform h3 {
	border-top:1px dotted #fff;
	padding:10px;
	margin-top:20px;
}

form.smartform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.smartform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.smartform fieldset ol {
  margin: 0;
  padding: 0;
}
form.smartform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  position:relative;
 
}
form.smartform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.smartform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.smartform fieldset fieldset label {
  display: block;
  width: auto;
}
form.smartform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.smartform label {
  width: 185px; /* Width of labels */
 text-align:right;
 padding-right:15px;
}
form.smartform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

form.smartform fieldset textarea {
	width:300px;
	height:200px;
	font-family:Verdana, sans-serif;
	font-size:11px;
}

form.smartform input {
	width:200px;
	
}

form.smartform input[type=text] {
	font-size:12px;
}

form.smartform input.submit {
	margin-left:250px;
	width:auto;
}

form.smartform input.date-pick {
	width:100px;
}

form.smartform input.halfnarrow {
	width:100px;
}

form.smartform input.narrow {
	width:70px;
}

form.smartform input.verynarrow {
	width:43px;
}

form.smartform .split {
	margin-bottom:5px;
}

form.smartform .split label {
	width:30px;
	margin-left:200px;
}

form.smartform input.checkbox {
	width:auto;
	margin-right:10px;
}

.race_signup_errors {
	margin-left:15%;
	width:68%;
	padding:1%;
	background-color:#f55;
	border:1px solid #f00;
	color:white;
	margin-bottom:10px;
}

.race_signup_errors a {
	color:white;
	font-weight:bold;
}




form.newform {
		background: #b4c3d2;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		counter-reset: fieldsets;
		padding: 15px;
		width: 500px;
		margin:0 auto;
		}
		
		form.newform fieldset {
			border: none;
			margin-bottom: 10px;
			}
		
		form.newform fieldset:last-of-type {
			margin-bottom: 0;
			}
			
			form.newform legend {
				color: #384313;
				font-size: 15px;
				font-weight: bold;
				padding-bottom: 10px;
				text-shadow: 0 1px 1px #748393;
				}
				
				form.newform > fieldset > legend:before {
					
					counter-increment: fieldsets;
					}
				
				form.newform fieldset fieldset legend {
					color: #111111;
					font-size: 12px;
					font-weight: normal;
					padding-bottom: 0;
					}
			
			form.newform ol li {
				background: #cbd5e0;
				background: rgba(255,255,255,.3);
				border-color: #eaeef3;
				border-color: rgba(255,255,255,.6);
				border-style: solid;
				border-width: 2px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				line-height: 25px;
				list-style: none;
				padding: 5px 10px;
				margin-bottom: 2px;
				}
							
				form#payment ol ol li {
					background: none;
					border: none;
					float: left;
					}
			
			form.newform label {
				float: left;
				font-size: 12px;
				width: 160px;
				}
				
			form.newform fieldset fieldset label {
				background:none no-repeat left 50%;
				line-height: 20px;
				padding: 0 0 0 0px;
				width: auto;
				}
				
					
				form.newform fieldset fieldset label:hover {
					cursor: pointer;
					}
			
			form.newform input, form.newform textarea {
				width:250px;
			}
			
			form.newform fieldset fieldset input {
				width:auto;
			}
			
			form.newform input:not([type=radio]),
			form.newform textarea {
				background: #ffffff;
				border: none;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				-khtml-border-radius: 2px;
				border-radius: 2px;
				font-size: 12px;
				outline: none;
				padding: 4px;
				width: 250px;
				}
					
				form.newform input:not([type=submit]):focus,
				form.newform textarea:focus {
					background: #ffd;
					}
					
				form.newform input[type=radio] {
					float: left;
					margin-right: 5px;
					}
					
				form.newform input#zip {
					width:60px;
				}
				
				form.newform input#city {
					width:180px;
				}
				
				form.newform input.narrow {
					width:60px;
				}
				
				form.newform textarea {
					font-family:Arial, Helvetica, sans-serif;
					height:150px;
				}
				
						
			form.newform button {
				background: #2b455f;
				border: none;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-khtml-border-radius: 10px;
				border-radius: 10px;
				color: #ffffff;
				display: block;
				fonts-size: 18px;
				letter-spacing: 1px;
				margin: auto;
				padding: 7px 25px;
				text-shadow: 0 1px 1px #000000;
				text-transform: uppercase;
				margin-left:200px;
				}
					
				form.newform button:hover {
					background: #1e2506;
					cursor: pointer;
					}

form.newform small {
	display:block;
	font-size:10px;
}
/************************************************************/
/* =Impromptu                                               */
/************************************************************/


.jqifade{
      position: absolute;
      background-color: #000000;
}
div.jqi{
      width: 400px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{
      font-weight: bold;
}
div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold;
}
div.jqi .jqimessage{
      padding: 10px;
      line-height: 20px;
      color: #444444;
}
div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
}
div.jqi button{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #2F6073;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 11px;
}
div.jqi button:hover{
      background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
      background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
      background-color: #BF5E26;
}

.jqitablecontainer {
	width:100%;
	height:350px;
	overflow:auto;
}

.jqitable td {
	font-weight:normal;
	border-bottom:1px solid #ddd;
	border-right:1px solid #eee;
	font-size:10px;
	padding:2px;
}

/************************************************************/
/* =jCrop                                                   */
/************************************************************/

/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('../../images/elements/Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.picturelist {
	padding:10px;
	background-color:#222;
	margin-bottom:40px;
}


.picturelist img {
	margin:10px;
	border:1px solid #ddd;
}