/*

1) Layout
2) Navigation
3) Typography
4) Common Elements
5) Special


*/


/****************
1) Layout
*****************/

body {
	margin:0;
	padding:0;
	background: #00161F url("/images/bg.jpg") repeat-y top center;
	font-family: Helvetica, Arial, sans-serif;
}



#page {
	width:720px;
	margin:0 auto;
	padding:5px 0px 0px 0px;
	background:#033045 url("/images/page_bg.jpg") repeat-x top left;
}
#header {
	background: transparent url("/images/header.jpg") no-repeat bottom;
	height:175px; width:700px;
	margin:0 10px 0 10px;
}

#content {
	padding:0px;
	padding:0 10px 0 10px;
	margin:10px 0 0px 0;
	font-size:11px;
	color:#4F170F;
}

#footer {
	background: #00161F url("/images/footer_bg.jpg") repeat-x top left;
	height:50px; width:720px;
}

.roundBox {
	background: #fff url("/images/container_bg.gif") repeat-x left bottom;
	min-height:150px;
	padding: 0 0 10px 0;
	margin:0 0 10px 0;
}

/*roundBoxD_hg.jpg
roundBoxD_leftCorner.jpg
roundBoxD_rightCorner.jpg
*/

.roundBoxDark {
	background: transparent url("/images/roundBoxD_hg.gif") repeat-x left 8px;
	padding: 0 0 10px 0;
	margin:0 0 10px 0;
	min-height:100px;
	color:#05A3BD;
}

#content .roundBoxDark a:link, #content .roundBoxDark a:visited {color:#3EEAF3; }


.lc {background: transparent url("/images/top_left.gif") no-repeat left top;float:left;height:8px;width:50%;}
.rc {background: transparent url("/images/top_right.gif") no-repeat right top;float:right;height:8px;width:50%;clear:right;}

.dark_lc {background: transparent url("/images/roundBoxD_leftCorner.gif") no-repeat left top;float:left;height:8px;width:50%;}
.dark_rc {background: transparent url("/images/roundBoxD_rightCorner.gif") no-repeat right top;float:right;height:8px;width:50%;clear:right;}



.roundCont {margin:10px;clear:both;}

.roundBox p {max-width:400px;} 

.roundBoxLeft {
	float:left;
	width:49.3%;
}

.roundBoxRight {
	float:right;
	width:49.3%;
}

.ruleSpacer {
	background: transparent url("/images/rule_blue.gif") repeat-x center left;
	height:1em;
}

.ruleSpacerGray {
	background: transparent url("/images/rule_gray.gif") repeat-x center left;
	height:1.5em;
}

.roundBox img {
	margin:0 0 0.5em 0em;
}

.leftColumn {float:left; width:49%;}
.rightColumn {float:right;width:49%;}


.funda_imageboxright {margin:0px 0 1em 0; float:right !important;}
.funda_imageboxright img {margin:0px;}
.funda_imagetext {float:right; margin:0px; padding: 5px 5px 1px 1em; background:black; color:white; clear: none !important;}

#update {display:none;}

/****************
2) Navigation
****************/

#navContainer {text-transform: lowercase; margin-left:10px; }

#mainNav {
	line-height:50px;
	letter-spacing: -0.06em;
	font-weight:bold;
	color:#05A3BD;  font-size:50px;
	list-style: none;
	float:left;
	margin:10px 3px 0 0;
	padding:0;
	height:60px;
}
#mainNav a, #subNav a, #bottomNav a {
	color:#05A3BD;
	text-decoration:none;
}
#mainNav a:link, #subNav a:link, #bottomNav a:link {color:#05A3BD;}
#mainNav a:visited, #subNav a:visited,  #bottomNav a:visited {color:#05A3BD;}
#mainNav a:hover, #subNav a:hover, #bottomNav a:hover {color:#EC7340;}
#mainNav a:active, #subNav a:active, #bottomNav a:active {color:#3EEAF3;}
	
#mainNav li, #subNav li {
	cursor: default;
	position:relative;
	float:left;
	padding:0 0 0 2px;
}
#mainNav .sel, #subNav .sel, #bottomNav a.sel {color:#3EEAF3;}


#subNav, #bottomNav {
	font-size:16px;
	line-height:16px;
	list-style: none;
	float:right;
	margin:0 10px 0 0;
	padding:0;
}


#subNav li {padding:0 0 0 4px;margin:0;}
#bottomNav a {margin-left: 1px;}
#subNavGradient {
	margin-right:5px;
	float:right;
	height:13px; width:400px;
	background: transparent url("../images/nav_gradient.jpg") no-repeat center right;
}

#bottomNavCont {
	margin:10px 0 0 0;
	width:720px; height:25px;
}

/*****************
3) Typography 
******************/

p {
	
}

h1 {
	font-size:32px;
	word-spacing:-0.05em;
	letter-spacing: -0.06em;
	color:#EC7340;
	margin:0 0 0.1em -0.05em;
}

h2 {
	font-size:18px;
	color:#995525;
	word-spacing:-0.08em;
	margin:0 0 0.2em -0.05em;
	
}


#content a {text-decoration:none; font-style:normal}
#content a:link {color:#05A3BD;}
#content a:visited {color:#05A3BD;} 
#content a:hover {text-decoration:underline;}
#content a:active {text-decoration:underline;}





/*****************
4) Common Elements
*****************/
/* get rid of focus rectangle in FF */
a:active {outline: none;}
:focus { -moz-outline-style: none;}

p {
	margin:0.5em 0 0.5em 0;
}
table {
	margin:0 0 0.5em 0;
	border-collapse:collapse;
}

table td {
	padding: 0.5em 1em 0 0;
	line-height:14px;
    border-bottom:1px solid #05A3BD;
}

input:{padding:0; margin:0;}

#news .datum { color:#A6A399;}
#news img { float:right;}

img {border:none;}

/*****************
5) Special
*****************/
#gigTable table {
	width:90%;
}

.playButton {
	margin-left:-2px;
}



form .subscription .formInput {
	float:left;
	color:#3EEAF3;
	background-color:#005671;
	font-size:11px;
	padding:0 0 0 0.2em;
	height:16px;
	margin:0 0.5em 0 0;
	border:#005671 2px solid;
}

form .subscription .formInput:hover {
	background-color:#3EEAF3;
	color:#005671
}

/* news */
.newsdate {color:#A6A399;}
.newsEntry {/*border-left:#05A3BD 2px solid;padding:0.5em 0 0.5em 0.5em;*/}
.archiveTable td {padding-right:1em;}
.archiveTable {}

/*gallery*/
.galleryOverview {border:0;margin:0;width:60%;}
.galleryOverview td {vertical-align:top;padding:5px 0 0 0;text-align:right;border-top:1px solid #05A3BD;}
#content .galleryOverviewTitelCol {width:200px; text-align:left;}
.galleryThumbnailTable {}
.galleryThumbnailTable td {border-top:1px solid #05A3BD;}
.slideShowTable {padding:0;margin:0;border:0;}
.slideShowTable td {border:0;}
.slideShowTable img {margin:0;}