/* www.skiclub-hemhofen style sheets for summer version */

/* SECTION COLORS
 *
 * BACKGROUND: #dfecdd
 * CONTAINER-BG: #ffffff
 * LIGHT-BG: #ffebcd
 * HEADER/NAV: #d2b48c
 * NAV-ACTIVE: #556B2F
 * FONT: #000000
 */


/* basic elements */
#header {
    background: url(../images/header.png) no-repeat;
}

#top_bar, div.nav a, div.nav div.navHeader {
	background-color:#d2b48c;
}

div.nav a:hover, div.nav a.active, div.nav a.unterm:hover, div.nav a.unterm_active {
	background-color:#556B2F;
}

#footer {
    background:url(../images/footer_summer.png) no-repeat;
}

#footer div {
	color:#ffffff;
}

#footer a:link, #footer a:visited, #footer a:hover {
	color:#ffffff;
	border-bottom:1px dotted #ffffff;
	text-decoration:none;
}

/*/////////////////////////////////////////////////////////////////////*/

/* login */
#loginContainer div.loginBox {	
	font-weight:bold;
	border-top:1px solid #d2b48c;
	border-bottom:1px solid #d2b48c;
	border-right:1px solid #d2b48c;
}

#loginContainer div.loginHeader {
	background-color:#d2b48c;
	text-indent:5px;
}

#loginContainer div.loginBox input, #content div.topBar, .errorMsg {
	background-color:#ffebcd;
}

/*/////////////////////////////////////////////////////////////////////*/

/* calendar */
#sideCal td.today {
	color:#556B2F;
}

/*/////////////////////////////////////////////////////////////////////*/

/* excel-like table */
table.calc td.topHeader {
	background:#d2b48c;
	font-weight:bold;
}

table.calc td.topRow, table.calc td.leftCol, table.calc td.subHeader {
	background-color:#ffebcd;
}
/*/////////////////////////////////////////////////////////////////////*/



/* AB HIER DOPPELUNG MIT WINTER */

/* ARTICLE-BOX */
div.box {
	background-color:#fafad2;
	border-top:1px dotted gray;
	border-bottom:1px dotted gray;
	padding:0;
	margin:40px auto;
}

	div.box div.boxHeader {
		background:#d2b48c;
		color:#000000;
		font-weight:bold;
		padding-left:10px;
	}
	
		div.box div.boxHeader img {
			float:left;
			margin-left:-5px;
			margin-right:5px;
			margin-top:2px;
		}
				
		div.box div.boxHeader p {
			margin:0;
			padding-top:2px;
			padding-bottom:2px;
			line-height:110%;
		}
			
			div.box div.boxHeader p font {
				font-weight:normal;
				font-size:12px;
			}
			
	div.box div.boxContent {
		margin:5px;
	}
	
	div.box table.vsInfo {
		margin:0;
		padding:0;
		border-spacing:0;
		border-collapse:collapse;
		width:100%;
	}
	
/* TABELLEN */
div.tableContainer {
	width:600px;
	background-color:#ffffff;
	margin:25px auto;
	border-top:1px dotted gray;
	border-bottom:1px dotted gray;
	padding:0;
}

	div.tableContainer div.header {
		height:26px;
		background-color:#d2b48c;
		color:#000000;
		font-weight:bold;
	}
	
		div.tableContainer div.header img {
			float:left;
			margin-left:3px;
		}
		
		div.tableContainer div.header p {
			margin-left:32px;
			margin-top:0;
			margin-bottom:0;
			padding-top:2px;
		}
		
	div.tableContainer table {
		margin:0;
		margin-bottom:2px;
		width:100%;
		border-spacing:0;
		border-collapse:collapse;
		background-color:#bdb76b;
		font-size:14px;
	}
	
	div.tableContainer table.content {
		background-color:#fafad2;
		margin:2px auto;
	}
	
		div.tableContainer table td {
			background-color:none;
			vertical-align:top;
			padding-left:2px;
		}
		
/* FORMULAR */
table.form {
	border-collapse:collapse;
	border-spacing:0;
	margin:10px auto;
}

	table.form label{
		display:block;
		width:200px;
		text-align:right;
		padding-right:10px;
	}
	
	table.form input{
		display:block;
		width:200px;
		text-align:left;
		border:1px solid gray;
	}
	
	table.form select {
		border:1px solid gray;
	}
	
	table.form textarea {
		font-size:12px;
		font-family:arial;
		width:300px;
		height:150px;
		border:1px solid gray;
	}
	
	table.form input.button {
		width:auto;
		margin-right:10px;
		margin-top:5px;
		float:left;
		text-align:center;
	}
	
/* SMALL CONTENT AREA */
#contentSmall {
	width:600px;
	margin:0 auto;
	padding:0;
}

	#contentSmall img.iconHeader{
		height:20px;
		width:20px;
		float:left;
	}
	
	#contentSmall p.header {
		margin-left:25px;
		margin-top:0;
		margin-bottom:0;
		height:20px;
		vertical-align:middle;
		font-weight:bold;
		font-size:16px;
	}
/*==============================*/


/* GALLERY */
/*==============================*/
#content div.albumLine {
	height:170px;
	/*border:1px dotted red;*/
}

	#content div.albumLine a {
		border:0;
		text-decoration:none;
	}
	
	#content div.albumLine img {
		border:0px solid green;
	}

	#content div.albumLine div.photoBox {
		float:left;
		border:1px solid #d2b48c;
		margin:5px;
		width:159px;
		height:159px;
	}
	
		#content div.albumLine div.photoBox p {
			margin:0px;
			width:100%;
			text-align:center;
			font-size:10px;
			line-height:140%;
		}
/*==============================*/


/* SECTION POPUP */
/*==============================*/
#popUp {
	margin:0;
	padding:0;
	width:100%;
	background-color:#ffffff;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 150%;
}

	#popUp div.header {
		background-color:#d2b48c;
		position:fixed;
		top:0;
		left:0;
		margin:0px;
		padding:0px;
		width:100%;
	}
	
		#popUp div.header h1 {
			font-size:18px;
			font-weight:bold;
			margin:0 0 0 5px;
		}
	
	#popUp div.subHeader {
		background-color:#ffebcd;
		height:8px;
		margin:0px;
		padding:0px;
		width:100%;
	}
	
	#popUp div.container {
		margin:40px 20px 20px 20px;
	}
	
	#popUp div.divider {
		width:100%;
		margin:20px auto;
		border-top:1px solid black;
	}
	
	#popUp table {
		margin:0;
		padding:0;
		border-spacing:0;
		border-collapse:collapse;
	}
	
	#popUp table.info td {
		vertical-align:top;
		padding-right:10px;
	}

		#popUp table.info table.prices td {
			vertical-align:top;
			padding-right:10px;
		}

		#popUp table.info table.prices td.right {
			text-align:right;
		}
/*==============================*/