body, td, p, div, th, span {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333; letter-spacing: 2px;}
table, tr, td, img {border: none;}
body {background-image: url(../pic/bg.jpg);}

#wrapper {margin-top: 20px; display: block; width: auto; height: auto; text-align: center; vertical-align: middle; padding: 0; margin: 0; border: 1px solid #333;}
#mainCon {display: block; width: 800px; height: auto; background-color: #678085; vertical-align: top; margin: 0; padding: 0;}

#logo {background-color: #536B70; width: 800px; height: 150px; border-bottom: 1px solid #000; text-align: center; vertical-align: middle; font-size: 10px; color: #FFF;}
#menu {display: block;  height: 38px; background-color: #a7cd7f; background-image: url(../pic/menuBg.jpg); background-repeat: repeat-x; background-position: bottom; text-align: center; padding: 0; margin: 0;}
#menu a:link, #menu a:active, #menu a:visited {border-right: 1px solid #fff; font-weight: bold; letter-spacing: 2px; text-decoration: none; color: #333; padding: 12px 28px 12px 28px; height: 36px; display: table-cell;}
#menu a:hover {border-right: 1px solid #333; text-decoration: underline;}
#bildLeiste {background-image: url(../pic/nomads_bar03.jpg); background-repeat: no-repeat; width: 800px; height: 120px; border-top: 1px solid #FFF;}

/*  HOME  */
#home {background-color: #a7cd7f; width: auto; height: auto; text-align: left; vertical-align: top; padding: 0; margin: 0;}
#home td {vertical-align: top; padding: 0 15px 10px 15px;}
#home h1 {font-family: intermediate, Verdana, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; border-bottom: 1px solid #fff; width: 770px; font-style: italic; padding-bottom: 4px; letter-spacing: 4px;}
* html #home h1 {padding-top: 12px;}
#home h2 {padding: 5px 0 5px 0; margin: 0 0 10px 0; font-family: intermediate, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; border-bottom: 1px solid #333;}
#home .titlePic {vertical-align: top; height: auto;}
#home .text, #home .conText, #home .eventText {vertical-align: top; height: auto; line-height: 20px;}
#home .block {vertical-align: top; height: auto;}
	#home .block ul {font-size: 10px; list-style-type: none; padding: 0; margin: 0;}
	#home .block ul li {display: block; padding-bottom: 12px;}
	#home .block ul li a:link, #home .block ul li a:active, #home .block ul li a:visited {color: #333; font-weight: bold; text-decoration: underline;}
	#home .block ul li a:hover {text-decoration: none;}
#home .space {display: block; width: 15px; padding: 0; margin: 0; height: auto;}
* html #home .space {width: 15px; padding: 5px; height: auto;}

/*  ABOUT  */
#home .text .inBox, #home .eventText .inBox {background-color: #333; padding: 15px; border: 1px inset #fff; color: #fff; -moz-border-radius: 8px; width: auto;}
#home .text .inBox a:link, #home .text .inBox a:active, #home .text .inBox a:visited {color: #FFF; text-decoration: underline;}
#home .text .inBox a:hover {text-decoration: none;}
/*  JOIN  */
#home .text a {color: #333; font-weight: bold;}
#home .text a:hover {text-decoration: none}

/*  EVENT */
#home .eventText a, #footer a {color: #fff; font-weight: bold;}
#home .eventText a:hover, #footer a:hover {text-decoration: none}

#home .aform td {padding: 12px; letter-spacing: 0;}
#home .aform input {width: 240px; border: 1px solid #333; background-color: #FFF;}
#home .aform textarea {width: 240px; border: 1px solid #333; height: 60px;}
#home .aform .submit {background-color: #DDD; text-align: center; border-top: 1px solid #333;}
#home .aform .submit input {background-color: #CCC; color: #333;}
#home .aform .radiobutton {width: auto !important; border: 0; background-color: #EEE;}
#home .aform .longfield {}

#footer {display: block; width: 800px; height: auto; background-color: #536B70; vertical-align: top; padding: 25px 0; font-size: 10px;}

.inBox {margin: 20px 0 0; background-color: #333; padding: 15px; border: 1px inset #fff; color: #fff; -moz-border-radius: 12px; width: 210px; line-height: 20px;}
	.inBox p {color: #FFF;}
	.inBox a:link, .inBox a:active, .inBox a:visited {color: #FFF; text-decoration: underline;}
	.inBox a:hover {text-decoration: none;}
	.inBox ul {list-style-type: none;}
		.inBox ul li {padding: 12px; background-color: #EEE; display: block; color: #333; border-bottom: 1px dashed #333;}
			.inBox ul li a:link, .inBox ul li a:active, .inBox ul li a:visited, .inBox ul li a:hover {color: #333 !important; font-size: 10px;}
			.inBox ul li p {color: #333;}
.no_border {border: 0 !important;}
.top_line {display: block; width: 800px; height: 1px; background-image: url(../pic/border_top.jpg); background-repeat: no-repeat; padding: 0; margin: 0; border: 0; line-height: 1px; max-height: 1px; vertical-align: top;}
.bottom_line {display: block; width: 800px; height: 1px; background-image: url(../pic/border_bottom.jpg); background-repeat: no-repeat; padding: 0; margin: 0; border: 0; line-height: 1px; max-height: 1px; vertical-align: top;}
.textlist {list-style-type: square;}
.member_gallery {width: auto; padding: 8px 0 0 0; margin: 0; border: 0; border-top: 1px solid #333;}
	.member_gallery td {padding: 0; margin: 0; text-align: center;}
.imagetext {font-size: 10px; background-color: #FFF; margin-bottom: 12px; text-align: left; vertical-align: top;}
.small_font {font-size: 10px !important;}
.testimonial {font-size: 10px; padding: 4px; margin: 4px 0; background-color: #EEE; color: #333;}
	.testimonial p {font-size: 10px; color: #333;}
.awardbox {background-color: #FFF; -moz-border-radius: 8px; border: 1px solid #333; padding: 4px; width: 150px; margin-bottom: 12px; font-size: 10px !important;}
	.awardbox p {padding-bottom: 8px; font-size: 10px; letter-spacing: 0px;}
	.awardbox a:link, .awardbox a:active, .awardbox a:visited {color: #333 !important; text-decoration: underline;}
	.awardbox a:hover {color: #333 !important; text-decoration: none;}
.eventbox {background-color: #FFF; -moz-border-radius: 8px; border: 1px solid #333; padding: 4px; width: 150px;}
.outer_eventbox {width: 150px; margin: 0; padding: 2px; height: 600px; border: 0 !important;}
.inner_eventbox {width: 100%; height: 100%; overflow: auto;}
.biggap {margin-bottom: 8px; font-size: 12px; color: #FFF !important;}
.clear_left {clear: left;}

.eventgallery {margin-top: 20px; padding: 4px 4px; background-color: #EEE; width: 200px; height: 420px; -moz-border-radius: 12px;}
	.eventgallery ul {list-style-type: none; padding: 0; margin: 0; width: 200px; border-top: 2px solid #333; position: relative; height: auto;}
		.eventgallery ul li {display: inline; width: 24px; height: 24px; float: left; margin: 4px;}
			.eventgallery ul li a {display: block; width: 23px; height: 35px; background-image: url(../pic/events/active_image.png); background-repeat: no-repeat; background-position: 0 1px; text-decoration: none;}
				.eventgallery ul li a strong {display: none;}
				.eventgallery ul li a img {display: block; width: 23px; height: 35px; border: 1px solid #999; border-top-color: #CCC;}
			.eventgallery ul li a:hover {position: relative;}
			.eventgallery ul li a:hover img {position: absolute; left: -12px; top: -20px; width: 47px; height: 70px; border-color: #a7cd7f;}
			.eventgallery ul li a:active, .eventgallery ul li a:focus {position: static; outline: 0;}
				.eventgallery ul li a:focus img, .eventgallery ul li a:active img {background-color: #333; position: absolute; left: 0px; top: 60px; width: 188px; height: 280px; border: 1px solid #a7cd7f; padding: 4px;}
				.eventgallery ul li a:focus strong, .eventgallery ul li a:active strong {display: block; position: absolute; width: 188px; height: 40px; top: 350px; left: 0; color: #333; font-weight: normal; padding: 4px;}
.eventgallery_width {margin-top: 20px; padding: 4px 4px; background-color: #EEE; width: 200px; height: 340px; -moz-border-radius: 12px;}
	.eventgallery_width ul {list-style-type: none; padding: 0; margin: 0; width: 200px; border-top: 2px solid #333; position: relative; height: auto;}
		.eventgallery_width ul li {display: inline; width: 24px; height: 40px; float: left; margin: 4px;}
			.eventgallery_width ul li a {display: block; width: 35px; height: 23px; background-image: url(../pic/events/active_image.png); background-repeat: no-repeat; background-position: 5px -10px; text-decoration: none;}
				.eventgallery_width ul li a strong {display: none;}
				.eventgallery_width ul li a img {display: block; width: 33px; height: 23px; border: 1px solid #999; border-top-color: #CCC;}
			.eventgallery_width ul li a:hover {position: relative;}
			.eventgallery_width ul li a:hover img {position: absolute; left: -12px; top: -10px; width: 50px; height: 35px; border-color: #a7cd7f;}
			.eventgallery_width ul li a:active, .eventgallery_width ul li a:focus {position: static; outline: 0;}
				.eventgallery_width ul li a:focus img, .eventgallery_width ul li a:active img {background-color: #333; position: absolute; left: 0px; top: 100px; width: 188px; height: 130px; border: 1px solid #a7cd7f; padding: 4px;}
				.eventgallery_width ul li a:focus strong, .eventgallery_width ul li a:active strong {display: block; position: absolute; width: 188px; height: 40px; top: 220px; left: 0; color: #333; font-weight: normal; padding: 4px;}
.podcast {margin: 20px 0 0 4px; padding: 4px 4px; background-color: #536B70; background-image: url(../pic/podcast.jpg); background-repeat: no-repeat; background-position: 6px 6px; border: 3px solid #FFF; width: 216px; -moz-border-radius: 12px; min-height: 240px; color: #FFF;}
	.podcast ul {margin: 80px 0 0 40px; padding: 0; list-style-type: none;}
		.podcast ul li {display: block; padding: 0 0 8px;}
			.podcast ul li a:link, .podcast ul li a:active, .podcast ul li a:visited {color: #FFF; text-decoration: underline; font-size: 10px; letter-spacing: 0;}
			.podcast ul li a:hover {text-decoration: none;}
.member_pics {margin: 0; padding: 0;}
	.member_pics li {margin: 0; padding: 0; display: inline; float: left;}
.sponsors {color: #333; font-size: 10px !important; letter-spacing: 0px; margin: 20px 0 0 4px; padding: 4px 4px; background-color: #FFF; border: 3px solid #FFF; width: 216px; -moz-border-radius: 12px;}
	.sponsors table {border-top: 1px solid #333; margin: 0; padding: 0;}
	.sponsors table td {color: #333; font-size: 10px !important; letter-spacing: 0px; padding-top: 4px; margin-top: 4px;}
	.sponsors a:link, .sponsors a:visited, .sponsors a:active {color: #333; text-decoration: underline;}
	.sponsors a:hover {color: #999;}
	.sponsors ul {margin: 0; padding: 8px 8px 8px 16px;}
	.sponsors li {margin: 0; padding: 4px 0;}
.sponsor {background-color: #FFF; border: 1px solid #333; padding: 4px; -moz-border-radius: 12px;}
	.sponsor img {float: left; padding: 0; margin: 0 8px 0 0;}
	.sponsor p {padding: 0 0 4px 0; margin: 0 0 12px 0; letter-spacing: 0;}
