/* layout.css - Copyright 2003-2004 Hjørring Svæveflyveklub, all rights reserved */
/* Author: Jan B. Kjeldsen */
/* Color gradient: 203380 243F9F 294CBF 2E59DF 3366FF 668CFF 99B2FF CCD8FF FFFFFF */

/*=headers */
H1 {
	margin: 0;
	padding: 0.2em 0;
	border: solid 1px #FFF;
	border-left: none;
}

H1, H2, H3, H4, H5, H6 {
	color: #203380;
}

/*=links */
A:link {
	color: #3366FF;
}

A:visited {
	color: #9933FF;
}

/*=tags */
ADDRESS {
	font-style: normal;
}

BODY {
	text-align: center;
	background: #ccc;
}

FORM {
	padding: 1em;
	color: black;
	background-color: #ffa;
	border: solid 1px #999;
}

TABLE {
	border: solid 1px #999;
}

* HTML TABLE {
	margin-left: 0;
}

TD {
	border: dotted 1px #999;
}

TH {
	color: black;
	background-color: #eee;
	border: solid 1px #999;
}

/*=main layout*/
#main {
	width: 64em;
	min-width: 790px;
	margin: 3px auto;
	text-align: left;
	color: black;
	background-color: #CCD8FF;
	border: solid 1px #999;
	border-top-left-radius: 16px;
	border-bottom-right-radius: 16px;
	}

* HTML #main {
	width: 66em;
}

#top {
	height: 70px;
	width: 100%;
	color: black;
	background: url(../grafik/border/toplogo.png) #668CFF no-repeat center right;
	border-bottom: solid 1px #999;
	border-top-left-radius: 15px;
	}

#top A {
	height: 100%;
	display: block;
	background-color: transparent;
}

#top IMG {
	padding-top: 14px;
	padding-left: 10px;
}

#bottom {
	height: 1.8em;
	width: 99%;
	margin-bottom: 1px;
}

BODY.bottom {
	font-size: 60%;
	color: black;
	background-color: #CCD8FF;
	overflow: hidden;
}

DIV.bottom {
	overflow: hidden;
}	

/*=content*/
#content {
	margin: 0;
}

#content2 {
	min-width: 410px;
	margin: 0.5em 1% 0 20%;
}

* HTML #content2 {
	height: 1%;
}

#content3 {
	min-width: 410px;
	margin: 0.5em 20% 0 20%;
}

* HTML #content3 {
	height: 1%;
}

#contentbody {
	padding: 0 0.5em 0.5em 1em;
	color: black;
	background-color: white;
	border: solid 1px #999;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
	min-height: 55em;
}

* HTML #contentbody {
	height: 55em;
}

#content #contentbody {
	border-right: none;
	border-left: none;
}

/*=search*/
DIV.search {
	margin: 2em;
	font-size: 86%;
}

DIV.search INPUT{
	font-size: 100%;
}

#searchbody FORM {
	background-color: transparent;
	border: none;
}

#searchbody TABLE, #searchbody TD, #searchbody TD {
	border: none;
}

#searchbody A B {
	color: inherit;
	font-size: inherit;
}

#searchbody B, .search-headline {
	color: #203380;
	font-size: larger;	
}

/*=left pane*/
BODY.navleft, BODY.navright {
	text-align: left;
	color: black;
	background-color: #CCD8FF;
}

#navleft {
	float: left;
	display: inline;
	width: 19.9%;
	height: 55em;
	margin-top: 0.5em;
	color: black;
}

* HTML #navleft {
	margin-right: -2px;
	margin-left: 2px;
}

.navleft H1, .navright H1 {
	padding: 0.2em 0.5em;
	border: solid 1px #999;
	border-top-left-radius: 6px;
	background-color: #99B2FF;
	letter-spacing: 1px;
	text-align: center;
	overflow: hidden;
}

.navleft H2, .navright H2 {
	margin: 0;
	overflow: hidden;
}

DIV.navleft {
	width: 93%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}


DIV.navleft UL {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

DIV.navleft LI {
	margin: 0;
	padding: 0;
	border: solid 1px #999;
	border-top: none;
	background-image: none;
}

DIV.navleft LI:last-child, DIV.navleft LI:last-child A {
	border-bottom-right-radius: 6px;
}


* HTML DIV.navleft LI {
	height: 1%;
	display: block;
}	

DIV.navleft LI A {
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0.5em;
	background-color: #ffa;
	border-left: 6px solid #999;
	overflow: hidden;
}	

* HTML DIV.navleft LI A {
	height: 1%;
}	

DIV.navleft LI A:hover, DIV.navleft LI A:active {
	background-color: #99B2FF;
	text-decoration: none;
	border-left: 6px solid #36F;
}

/*=right pane*/
#navright {
	float: right;
	display: inline;
	width: 19.8%;
	height: 55em;
	margin-top: 0.5em;
	margin-right: 1px;
	color: black;
	overflow: hidden;
}

* HTML #navright {
	margin-right: 2px;
	margin-left: -2px;
}

DIV.navright {
	width: 93%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

DIV.navright UL {
	margin-left: 0.6em;
	padding: 0;
}

DIV.navright LI {
	font-size: 86%;
	margin-top: 0.5em;
	padding: 0.5em;
	color: black;
	background: url(../grafik/pin.gif) no-repeat top right;
	background-color: #ffa;
	border: solid 1px #999;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

DIV.navright LI H2 {
	font-size: 110%;
	font-weight: bold;
}

/*=translations*/

UL.translate {
	list-style-type: none;
	float: right;
	font-style: italic;
	padding: 0 0 0.5em 1em;
	margin: 0;
}

UL.translate LI{ 
	background-image: none;
	margin: 0;
}

/*=various*/

#album {
	height: 640px;
	width: 100%;
}

P.date {
	font-size: 80%;
	margin: 0;
}

A.button
{
	border: solid 2px;
	border-color: #ddd #999 #999 #ddd;
	background-color: #ccc;
	padding: 1px 3px;
	font-weight: bold;
	text-decoration: none;
}	

A.button:hover, A.button:active {
	background-color: #99B2FF;
	text-decoration: none;
}

A.button:active {
	border-color: #999 #ddd #ddd #999;
}

A.pdf {
	padding-right: 18px;
	background: url(../grafik/pdf.gif) no-repeat center right;
}

A.word {
	padding-right: 18px;
	background: url(../grafik/word.gif) no-repeat center right;
}

A.ext {
	padding-right: 12px;
	background: url(../grafik/extlink.gif) no-repeat center right;
}

.phone {
	margin-top: 0.4ex;
	padding-left: 20px;
	background: url(../grafik/phone.gif) no-repeat left;
}

.mobile {
	padding-left: 20px;
	background: url(../grafik/mobile.gif) no-repeat left;
}

.mailto {
	padding-left: 20px;
	background: url(../grafik/mail.gif) no-repeat left;
}

.giro {
	padding-left: 20px;
	background: url(../grafik/giro.gif) no-repeat 1px;
}

DIV.chart {
	margin-top: 8px;
	text-align: center;
}

DIV.chart IMG {
	height: 16px;
	width: 16px;
}

/*=Address */
DIV.address {
	width: 25em;
	min-height: 100px;
	font-style: normal;
	font-size: 90%;
	padding: 0.5em;
	margin-right: 0.5em;
	color: black;
	background-color: #ffa;
	border: solid 1px #999;
}

TABLE.address {
	border: none;
}

TABLE.address TD {
	padding: 0;
	border: none;
}

UL.linklist {
}

.goback {
	text-align: center;
	font-size: 80%;
	margin-top: 1ex;
}

/*=image*/
.img-ann-right {
	float: right;
	text-align: center;
	font-size: 80%;
	margin: 8px 0px 4px 8px;
	}

.img-ann-left {
	float: left;
	text-align: center;
	font-size: 80%;
	margin: 9px 0px 4px 4px;
}

.img-ann-center {
	text-align: center;
	font-size: 80%;
	margin: 10px auto 4px auto;
}

.img-ann-center .img-shadow {
	padding: 0px 8px 5px 0px !important;
	padding: 0px 5px 5px 0px;
	margin-left: auto;
	margin-right: auto;
}

.img-shadow {
	background: url(../grafik/border/shadow.gif) no-repeat bottom right;
	padding: 0px 5px 5px 0px;
	border: none;
}

.img-shadow IMG, .img-shadow OBJECT {
	display: block; 
	position: relative;
	border: solid 1px;
	border-color: #ddd #999 #999 #ddd;
	padding: 3px;
	margin: -5px 0px 0px -5px;
}

.clearfix:after {
	content: "."; 
	display: block;		
	height: 0;		 
	clear: both;		 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

.arc90_linkpic {
	display: none; position: absolute; left: 0; top: 1.5em; 
} 

.arc90_linkpicIMG {
	padding: 0 4px 4px 0; background: #FFF url(../grafik/linkpic_shadow.gif) no-repeat bottom right; 
}