/*	---------------------------------------------------------------------- */
/* 	dates */
/*	---------------------------------------------------------------------- */
/*	
	project: schlosshalde.ch
	type: css document
	description: generally definitions for some browsers
	created to: may 2008, cornel boppart
*/


/*	---------------------------------------------------------------------- */
/* 	general items */
/*	---------------------------------------------------------------------- */

html, body {
	/* hides for ie-mac \*/
	height: 100%;
	/* end hide for ie-mac */
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #e2e2e2;
}

a, area, input, textarea {
	text-decoration: none;
	outline: none;
}

a img {
	border: none;
	vertical-align: middle;
	cursor: pointer;
}

.bg_1 {
	background-image: url(../content/background/bg_1.gif);
	background-repeat: repeat-x;
}

.bg_2 {
	background-image: url(../content/background/bg_2.gif);
	background-repeat: repeat-x;
}


/*	---------------------------------------------------------------------- */
/* 	hide elements */
/*	---------------------------------------------------------------------- */

.print {
	display: none;
}

	
/*	---------------------------------------------------------------------- */
/* 	site structure */
/*	---------------------------------------------------------------------- */

#container_site {
	width: 775px;
	min-height: 100%;
	height: auto !important; /* for modern browsers */
  	height: 100%; /* for ie-win */
	margin: auto;
	background-color: #ededed;
}

#header {
	height: 270px;
	background-color: white;
	font-size: 0px; /* for ie-win */
}

#content_flash, #content_alternative {
	font-size: 0px; /* for ie-win */
}

#container_logotype {
	background-color: white;
	border-bottom: 1px solid #c5c5c5;
}

.logotype_1 {
	height: 269px;
	padding: 61px 0px 0px 0px;
}

.logotype_2 {
	height: 45px;
	padding: 15px 0px 0px 30px;
}

#container_content {
	width: 715px;
	margin: auto;
	padding: 30px 0px 0px 0px;
}

#navigation {
	width: 160px;
	float: left;
	border-top: 1px solid #c5c5c5;
}

#content {
	width: 525px;
	float: right;
}

#area_text {
	width: 310px;
	float: left;
}

#area_images {
	width: 185px;
	float: right;
}

.clear_float {
	clear: both;
}

.space_bottom {
	height: 30px;
}


/*	---------------------------------------------------------------------- */
/*  navigation */
/*	---------------------------------------------------------------------- */

.item_nav, .item_nav_active {
	height: 30px;
	display: block;
	font-size: 12px;
	line-height: 30px;
	text-indent: 10px;
	border-bottom: 1px solid #c5c5c5;
}

.item_nav {
	color: #555;
}

.item_nav_active {
	font-weight: bold;
	color: #7d1e19;
	background-color: #f7f7f7;
}

:hover.item_nav {
	background-color: #f7f7f7;
}


/*	---------------------------------------------------------------------- */
/* 	font styles and links */
/*	---------------------------------------------------------------------- */

div, span, td, input, textarea {
	font-family: arial, verdana, geneva, helvetica, trebuchet ms, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

.subtitle {
	font-weight: bold;
	color: #7d1e19;
}

.link {
	color: black;
}

.link_c_d_1 a, .link_c_d_2 {
	position: relative;
	color: #a5a5a5;
}
	
.link_c_d_1 {
	padding: 20px 0px 0px 40px;
	padding-bottom: 20px;
}

.link_c_d_2 {
	top: -18px; /* the height from line-height */
	left: 10px;
}
:hover.link, .link_c_d_1 a:hover, :hover.link_c_d_2 {
	text-decoration: underline;
}

.icon_link {
	float: left;
	padding: 0px 5px 0px 0px;
}


/*	---------------------------------------------------------------------- */
/* 	list styles */
/*	---------------------------------------------------------------------- */

.header_list, .item_list {
	height: 20px;
	padding: 0px 10px 0px 0px;
	line-height: 11px !important;
}

.header_list {
	background-color: #f7f7f7;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	font-weight: bold;
}

.item_list {
	border-bottom: 1px solid #c5c5c5;
}

.area_subtitle {
	height: 19px;
	padding: 0px 0px 1px 0px;
}

.first {
	padding: 0px 10px 0px 10px;
}

.last {
	padding: 0px 10px 0px 0px;
}


/*	---------------------------------------------------------------------- */
/* 	contact form */
/*	---------------------------------------------------------------------- */

.textfield {
	width: 210px;
	border: 1px solid #c5c5c5;
	background-color: #f7f7f7;
}

input.textfield {
	height: 14px;
	margin: 2px 0px 2px 0px;
	padding: 3px 0px 3px 3px;
	/* only for ie-win \*/
	line-height: 14px;
	/* only for ie-win */
}

:focus.textfield {
	background-color: white;
}

textarea {
	height: 100px;
	padding: 3px 0px 0px 3px;
	/* hides for ie-mac \*/ 
	padding: 0px 0px 0px 3px;
	/* end hide for ie-mac */
}

button {
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;
	cursor: pointer;
}

#button_send {
	float: left;
}

#button_reset {
	float: left;
	margin: 0px 0px 0px 20px;
}