/*
	main.css from 21.12.2005 Version 2.0
	cascading style sheet for swebflex switzerland Website
	author: Simon Rupf <simon.rupf@swebflex.ch>
*/

@media screen
{

	/* Standards für die komplette Seite (Hintergrund, Breite, Scrollbalken, Schriftarten und Links) */
	
	html, body {
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		overflow: auto;
	}
	
	body {
		background-color: #93b2cf;
		background-image: url(../images/body_bg.png);
		background-position: 230px 130px;
		background-repeat: repeat;
		background-attachment: scroll;
	}
	
	* {
		color: #000;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 12px;
		text-align: justify;
	}
	
	a {
		color: #369;
		background-color: transparent;
		text-decoration: none;
	}
	
	a:hover {
		color: #000;
		background-color: #94b2ce;
		text-decoration: none;
	}
	
	/* Grund-Layout */
	table {
		border-collapse: collapse;
	}
	
	#main {
		width: 100%;
	}
	
	#main tr td.tb_corner {
		background-color: #369;
	}
	
	#main tr td.tb_center {
		width: 950px;
		background-color: #fff;
	}
	
	#head {
		height: 130px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/head_bg.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		text-align: right;
		overflow: hidden;
	}
	
	#headergirl {
		margin-right: 0px;
	}
	
	#headergirl[id] {
		margin-right: 0px;
	}
	
	#search {
		position: relative;
		width: 950px;
		height: 53px;
		margin: 0px;
		border: 1px #369 solid;
		padding: 0px;
		background-color: #94b2ce;
		overflow: hidden;
	}
	
	#search[id] {
		width: 948px;
		height: 51px;
	}
	
	#search div.search_left_top {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 650px;
		height: 21px;
		margin: 0px;
		border: none;
		border-bottom: 1px #369 solid;
		padding: 2px;
		color: #369;
		background-color: #b6c9da;
		overflow: hidden;
	}
	
	#search[id] div.search_left_top {
		width: 646px;
		height: 16px;
	}
	
	#search div.search_right_top {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 300px;
		height: 21px;
		margin: 0px;
		border: none;
		border-bottom: 1px #369 solid;
		padding: 2px;
		color: #369;
		background-color: #b6c9da;
		overflow: hidden;
	}
	
	#search[id] div.search_right_top {
		width: 296px;
		height: 16px;
	}
	
	#search div.search_left_bottom {
		position: absolute;
		left: 0px;
		bottom: 2px;
		width: 484px;
		height: 25px;
		margin: 0px;
		border: none;
		padding: 2px;
		overflow: hidden;
	}
	
	#search[id] div.search_left_bottom {
		width: 480px;
		height: 21px;
	}
	
	#search div.search_right_bottom {
		position: absolute;
		right: 0px;
		bottom: 2px;
		width: 300px;
		height: 25px;
		margin: 0px;
		border: none;
		padding: 2px;
		overflow: hidden;
	}
	
	#search[id] div.search_right_bottom {
		width: 296px;
		height: 21px;
	}
	
	#content {
		width: 100%;
	}
	
	#content tr td div.box {
		position: relative;
		width: 180px;
		background-color: transparent;
		background-position: 0px 0px;
		background-repeat: repeat-y;
	}
	
	#content tr td div.box div.box_title {
		position: absolute;
		top: 1px;
		width: 130px;
		height: 24px;
		font-size: 13px;
		font-weight: bold;
		line-height: 24px;
		text-align: center;
		overflow: hidden;
	}
	
	#content tr td div.box div.box_content {
		position: relative;
		width: 143px;
		margin: 0px;
		margin-bottom: 10px;
		padding: 0px;
		font-size: 11px;
		overflow: hidden;
	}
	
	#content tr td div.box div.box_content div {
		 text-align: left;
	}
	
	#content_left, #content_right {
		width: 180px;
		padding: 0px;
		padding-top: 5px;
	}
	
	#content_left div.box {
		background-image: url(../images/box_left_bg.png);
	}
	
	#content_left div.box div.box_title {
		left: 23px;
	}
	
	#content_left div.box div.box_content {
		left: 10px;
	}
	
	#content_right div.box {
		background-image: url(../images/box_right_bg.png);
	}
	
	#content_right div.box div.box_title {
		right: 12px;
	}
	
	#content_right div.box div.box_content {
		left: 26px;
	}
	
	div.box_content, div.box_content div, div.box_content span, div.box_content a, div.box_content b, div.box_content strong, div.box_content em, div.box_content i {
		font-size: 11px;
	}
	
	div.box_content {
		top: 5px;
	}
	
	#content_right .ad {
		margin-left: 15px;
	}

	.ad {
		display: block;
		width: 165px;
		margin-top: 5px;
	}

	.ad, .ad:hover {
		background-color: transparent;
	}

	.ad img {
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	#foot div {
		width: 950px;
		height: 32px;
		margin: 0px;
		border: 1px #369 solid;
		padding: 0px;
		background-color: #b6c9da;
		overflow: hidden;
	}
	
	#foot[id] div {
		width: 948px;
		height: 30px;
	}
	
	a.img_link, a.img_link:hover {
		display: block;
		width: 150px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		background-color: transparent;
		text-decoration: none;
		overflow: hidden;
	}
	
	a.left {
		float: left;
		line-height: 32px;
		text-align: center;
	}
	
	a.right {
		float: right;
		line-height: 32px;
		text-align: center;
	}
	
	/* Menü-Steuerung */
	
	div.box_content a.menu {
		display: block;
		margin: 0px;
		margin-top: 2px;
		padding: 3px;
		color: #000;
		background-color: transparent;
		font-size: 14px;
		text-decoration: none;
		overflow: hidden;
	}
	
	div.box_content a.menu:hover {
		display: block;
		margin: 0px;
		margin-top: 2px;
		padding: 3px;
		color: #000;
		background-color: #8ba7c1;
		font-size: 14px;
		text-decoration: none;
		overflow: hidden;
	}
	
	div.box_content a.menu_active, .menu_active:hover {
		display: block;
		margin: 0px;
		margin-top: 2px;
		padding: 3px;
		color: #000;
		background-color: #829cb5;
		font-size: 14px;
		text-decoration: none;
		overflow: hidden;
		cursor: default;
	}
	
	div.box_content a.sub_menu {
		display: block;
		margin: 0px;
		margin-top: 2px;
		padding: 3px;
		color: #000;
		background-color: transparent;
		font-size: 11px;
		text-decoration: none;
		overflow: hidden;
	}
	
	div.box_content a.sub_menu:hover {
		display: block;
		margin: 0px;
		margin-top: 2px;
		padding: 3px;
		color: #000;
		background-color: #8ba7c1;
		font-size: 11px;
		text-decoration: none;
		overflow: hidden;
	}
	
	div.box_content a.sub_menu_active, .sub_menu_active:hover {
		display: block;
		margin: 0px;
		margin-top: 2px;
		padding: 3px;
		color: #000;
		background-color: #829cb5;
		font-size: 11px;
		text-decoration: none;
		overflow: hidden;
		cursor: default;
	}
	
	.menu_list {
		list-style-type: none;
		margin: 0px;
		margin-left: 10px;
		padding: 0px;
	}
	
	/* Text-Layout */
	
	.MTitle {
		color: #369;
		font-size: 22px;
	}
	
	.ATitel, .ATitle {
		color: #369;
		font-size: 16px;
		font-weight: bold;
	}
	
	.tx {}
	.txb, span.title {font-weight: bold;}
	.txsg {text-decoration:none;}
	.txs {text-decoration: none;}
	.txss, .txss:hover {color: #666; background-color: transparent; text-decoration: none;}

	label {
		font-size: 11px;
	}

	input {
		width: 140px;
		border-width: 1px;
		border-style: solid;
		border-left-color: #369;
		border-right-color: #b6c9da;
		border-top-color: #369;
		border-bottom-color: #b6c9da;
		background-color: #fff;
	}

	.input_radio {
		width: auto;
		border: none;
		background-color: transparent;
	}

	textarea {
		border-width: 1px;
		border-style: solid;
		border-left-color: #369;
		border-right-color: #b6c9da;
		border-top-color: #369;
		border-bottom-color: #b6c9da;
	}

	.Button, .Button2 {
		width: 80px;
		border-width: 1px;
		border-style: solid;
		border-left-color: #b6c9da;
		border-right-color: #369;
		border-top-color: #b6c9da;
		border-bottom-color: #369;
		background-color: #94b2ce;
		font-weight: bold;
		text-align: center;
	}
	
	.boxm {
		width:140px;font-family : arial; font-style : normal;font-weight : normal;
		border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:1px;
		border-color:#000000;
	}
		
	.box { width:210px; font-style : normal;font-weight : normal;
		  border-left-width:1px; border-right-width:1px;border-bottom-width:1px;border-top-width:1px;
		  border-color:#000000;}
	.boxtext { width:310px;height:100px; font-style : normal;font-weight : normal;
		  border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:1px;
		  border-color:#000000;}
		  
	.guestebuch { width:450px;height:100px; font-style : normal;font-weight : normal;
		  border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:1px;
		  border-color:#000000;}
	.txFoto {color: #000000; text-decoration:none}
	.SpezialT { font-family : verdana;font-size : 11px;font-weight : bold;color: #616161}
	
	.txs2 {letter-spacing: 0px;color: #000000;text-decoration:none}
	.txw {font-weight: bold; letter-spacing: 1px;color: #ffffff;text-decoration:none}
	
	.textKlein { width:250px;height:45px; font-style : normal;}
	.textMittel { width:300px;height:90px; font-style : normal;}
	.textGross { width:400px;height:135; font-style : normal;}
	.zeileKlein { width:50px; font-style : normal;}
	.zeileMittel { width:150px; font-style : normal;}
	.zeileGross { width:250px; font-style : normal;}
}

@media print
{
	* {
		display: visible;
		border: none;
		color: #000;
		font-family: Verdana, sans-serif;
		font-size: 10pt;
		text-align: justify;
	}
	
	a {
		text-decoration: none;
	}

	html, body {
		width: 100% !important;
		margin: 0px;
		border: none;
		padding: 0px;
		background-color: transparent;
		overflow: visible;
	}
	
	table {
		width: 100% !important;
	}
	
	td {
		width: auto !important;
	}
	
	#main {
		position: static !important;
		width: 100% !important;
		height: auto !important;
		margin: 0px;
		border: none;
		padding: 0px;
		overflow: visible;
	}

	#head {
		position: static !important;
		width: auto;
		height: auto;
		margin: 0px;
		border: none;
		padding: 0px;
		padding-bottom: 20px;
		overflow: visible;
	}

	#content_main {
		display: block;
		position: static !important;
		margin: 0px;
		border: none;
		padding: 0px;
		width: 100% !important;
		overflow: visible !important;
		text-align: left;
	}
	
	.MTitle {
		display: visible;
		font-size: 12pt;
		font-weight: bold;
	}
	
	.ATitel {
		display: visible;
		font-size: 10pt;
		font-weight: bold;
	}
	
	#nav, #search, #copy, #info, #menu_top, .no_print, .tb_corner, #content_left, #content_right {
		display: none !important;
	}
}
