/**
* Custom Stylesheet for FinishWeb Site www.rhodania.ch
*
* Copyright:
* BAR Informatik AG
* Brig-Glis, Switzerland
* 
* Path:
* [finishwebroot]/layout/[Layout]/style.css
*
* Authors:
* bz	Bernd Zumoberhaus, BAR Informatik AG
* 
* Changes:
* 03.08.2009	bz	final version
*/

/**************************************************************************************************
* Import base stylesheet for FinishWeb sites: base.css
**************************************************************************************************/

@import url("base.css");

/**************************************************************************************************
* Default styling of HTML-tags
**************************************************************************************************/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 101%;
}

body {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4em;
	margin-top:0;
	color: #565353; 
	height: 100%;
}

/**************************************************************************************************
* Custom classes
**************************************************************************************************/

/* Floating */

.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

/**************************************************************************************************
* Default styling of FinishWeb elements
**************************************************************************************************/

.fwelement {  }

/* fwtitle, h1, h2, h3... */

	/* color, line-height */
	h1, 
	h2, 
	h3, 
	.fwelement h1, 
	.fwelement h2, 
	.fwelement h3 {  }

	/* font-size, font-weight */
	h1, 
	.fwelement h1 {  }
	h2, 
	.fwelement h2 {  }
	h3, 
	.fwelement h3 {  }
	
/* fw...

	...

*/

/**************************************************************************************************
* Layout-styling
**************************************************************************************************/

/********************************
* page
********************************/
#page { width:929px; margin-top:20px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; }

	/********************************
	* header
	********************************/
	#header-top { clear:both; width:929px; }
	#header-middle { clear:both; width:929px; padding-left:18px; padding-right:18px; background-image:url("border_lr.gif"); background-repeat:repeat-y; }
	#header-middle #logo { padding-bottom:12px; }
	#header-bottom { width:929px; clear:both; padding-left:18px; padding-right:18px; background-image:url("border_lr.gif"); background-repeat:repeat-y; }
	#header-bottom #navigation { width:893px; height:51px; padding-bottom:12px; float:left; background-image:url("navigation_bg.gif"); background-repeat:repeat-x; }
	
	/********************************
	* main
	********************************/
	#main { width:929px; padding:0px margin:0px; background-image:url("border-bg_lr.gif"); background-repeat:repeat-y; background-position: left top; }

		/********************************
		* maincol
		********************************/
		/*#maincol { width:613px; float:left; }*/
		#maincol { width:607px; padding-left:18px; float:left; }
		#maincol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:10px; padding-bottom:0px; }

		/********************************
		* rightcol
		********************************/
		#rightcol { width:296px; margin-right:0px; padding-top:0px; margin-top:0px; float:right; }
		#rightcol #bordertop { font-size:3px; line-height:3px; }
		#rightcol #navigation-right { width:284px; margin-top:10px; }

/**************************************************************************************************
* Layout-defined styling of Finishweb elements
**************************************************************************************************/

/********************************
* page
********************************/
#page .fwelement { clear:none; }

	/********************************
	* header
	********************************/
	#header-middle .fwelement { margin:0px; }

		/* bild */
		#header-middle div.fwpicture-group div.fwpicture { margin:0px; }
		#header-middle div.fwpicture-group div.fwpicture div.text { display:none; }

		/* hauptmenü (level 1) */
		#header-bottom #navigation ul.menu1items { width:893px; height: 51px; float: left; display: inline; list-style: none; margin: 0; padding: 0; }
		#header-bottom #navigation ul.menu1items li { display: inline; margin: 0; padding: 0; font-size: 13px; text-transform:uppercase; }
		#header-bottom #navigation ul.menu1items li a { float: left; display: block; width: auto; line-height:40px; text-decoration: none; color: #565353; margin: 0; padding: 15px 0 0 0; }
		#header-bottom #navigation ul.menu1items li a:hover, #header-bottom #navigation ul.menu1items li a:active { font-weight:bold; color: #565353; background-image: url("menu1_bg.gif"); background-repeat: no-repeat; background-position: 50% 0px; }
		#header-bottom #navigation ul.menu1items li.active a { font-weight:bold; color: #565353; background-image: url("menu1_bg.gif"); background-repeat:no-repeat; background-position: 50% 0px; }

		#header-bottom #navigation ul.menu1items li.separator-l { width:3px; display: inline; float: left; margin: 0 16px 0 0; font-size: 0px; line-height: 51px; }
		#header-bottom #navigation ul.menu1items li.separator { width:22px; display: inline; float: left; padding-top:8px; font-size: 13px; line-height: 51px; text-align: center; }
		#header-bottom #navigation ul.menu1items li.separator-r { width:3px; display: inline; float: right; padding: 0; font-size: 0px; line-height: 51px; }

	/********************************
	* main
	********************************/
	#main .fwelement { margin:0px; }

		/********************************
		* maincol
		********************************/
		#maincol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:14px; padding-bottom:0px; }
		#maincol .fwelement p { margin:0 0 14px 0; }
		#maincol .fwelement th p,
		#maincol .fwelement td p { margin:0px; }
		#maincol .fwelement ul { margin-top:0px; margin-bottom:0px; }
		#maincol .fwelement a { color:#339966; text-decoration:none; }
		#maincol .fwelement a:hover { color:#339966; text-decoration:underline; }

			/* titel */
			#maincol div.fwtitle1 { }
			#maincol div.fwtitle h1 { font-size:23px; font-weight:normal; line-height:24px; color:#339966; padding-bottom: 10px; }
			#maincol div.fwtitle div.picture { display:none; }
			#maincol div.fwtitle div.picture-left { display:none; }
			#maincol div.fwtitle div.picture-right { display:none; }
			#maincol div.fwtitle img.titleasimage { display:none; }

			/* text */
			#maincol div.fwtext {}

			/* bild */
			#maincol div.fwpicture-group {}
			#maincol div.fwpicture-group div.fwpicture { margin: 0em 0em 1em 0; }
			#maincol div.fwpicture-group div.fwpicture div.picture { overflow: hidden; }
			#maincol div.fwpicture-group div.fwpicture div.text { margin-top: 0.5em; }

			/* abschnitt */
			#maincol div.fwparagraph { clear:both; }
			#maincol div.fwparagraph p.title {}
			#maincol div.fwparagraph div.picture {  }
			#maincol div.fwparagraph div.picture-left { float:left; }
			#maincol div.fwparagraph div.picture-right { float:right; }
			#maincol div.fwparagraph div.float-left {}
			#maincol div.fwparagraph div.float-right {}
				/* team */
				#maincol div.fwparagraph1 div.text { padding-top: 100px; }

			/* link */
			#maincol div.fwlink { height:20px; }
			#maincol div.fwlink div.image { margin: 0 10px 0 0; }

			/* linkliste */
			#maincol div.fwlinklist { width: 100%; }
			#maincol div.fwlinklist ul.list { list-style-type: none; margin: 0; padding: 0; }
			#maincol div.fwlinklist ul.list li { clear:both; overflow:hidden; text-align:left; }
			#maincol div.fwlinklist ul.list li a { height:20px; }
			#maincol div.fwlinklist ul.list li a:hover { }

			/* tabelle */
			#maincol table.fwtable { border: none; }
			#maincol table.fwtable td, 
			#maincol table.fwtable th { height:20px; border: none; padding:0px 0px 0px 3px; vertical-align:top; }
			#maincol table.fwtable th.f {}
			#maincol table.fwtable td.f {}
			#maincol table.fwtable th { color:#FFFFFF; background-color: #339966; }
			#maincol table.fwtable th a, #maincol table.fwtable th a:hover { color:#BFE4D7; }
			#maincol table.fwtable td.i1 { background-color: #FFFFFF;}
			#maincol table.fwtable td.i1 a {}
			#maincol table.fwtable td.i0 { background-color: #BFE4D7; }
			#maincol table.fwtable td.i0 a {}
			#maincol table.fwtable td.separator img {}

			/* dateiliste */
			#maincol div.fwfilelist div.fwnavigation { display:none; }
			#maincol div.fwfilelist table.fwfilelist td { text-align:left; padding:0; border-bottom:1px solid #000000; }
			#maincol div.fwfilelist table.fwfilelist td a { text-decoration:none; display:block; height:20px; background-color:#FFFFFF; padding:0px 3px 0px 3px; }
			#maincol div.fwfilelist table.fwfilelist td a:hover { text-decoration:none; background-color:#BFE4D7; }
			#maincol div.fwfilelist table.fwfilelist td.icon,
			#maincol div.fwfilelist table.fwfilelist td.date,
			#maincol div.fwfilelist table.fwfilelist td.size,
			#maincol div.fwfilelist table.fwfilelist td.empty,
			#maincol div.fwfilelist table.fwfilelist td.description { display:none; }

			/* redirect */
			#maincol div.fwredirect { height:20px; border-bottom:1px solid #000000; width:100%; }
			#maincol div.fwredirect a { text-decoration:none; display:block; height:20px; background-color:#FFFFFF; padding:0px 3px 0px 3px; }
			#maincol div.fwredirect a:hover { text-decoration:none; font-weight:bold; background-color:#D9D9D9; }

			/* formular-zu-email */
			#maincol div.fwformtomail { padding: 0; border: none; }
			#maincol div.fwformtomail span.mail-frm-success { color: #00ff00; }
			#maincol div.fwformtomail span.mail-frm-err { color: #ff0000; }
			#maincol div.fwformtomail table.mail-tbl { margin: 0; }
			#maincol div.fwformtomail table.mail-tbl form.mail-frm .mail-tbl-but { margin: 0; }
			#maincol div.fwformtomail table.mail-tbl form.mail-frm table { border-collapse:collapse; }

			/* galerie */
			#maincol div.fwgallery { width: 100%; clear: both; }
			#maincol div.fwgallery a img { border: none; }
			#maincol div.fwgallery table.fwgallery { clear: both; }
			#maincol div.fwgallery table.fwgallery td.item { text-align: center; }
			#maincol div.fwgallery table.fwgallery td.thumbnail { padding: 0.5em; height: 10em; vertical-align: middle; text-align: center; border: none; }
			#maincol div.fwgallery table.fwgallery td.thumbnail div.highslide-caption { display:none; }

			#maincol div.fwgallery div.fwnavigation table.datanavigation td.first { visibility: hidden; }
			#maincol div.fwgallery div.fwnavigation table.datanavigation td.last { visibility: hidden; }
			#maincol div.fwgallery div.navigationitem { }

			/* mitteilungen (db, formular-zu-email) */
			#maincol div.message { line-height:20px; }
			#maincol div.okmessage { color: #00ff00; }
			#maincol div.nokmessage { color: #ff0000; }

		/********************************
		* rightcol
		********************************/
		#rightcol{}
		#rightcol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:100px; padding-bottom:0px; }

			/* untermenü 1 (level 2 und 3) */
			#rightcol a { text-decoration:none; }
			/* level 2 */
			#rightcol #navigation-right ul.menu2items { list-style-type: none;  margin: 0; padding: 0; }
			#rightcol #navigation-right ul.menu2items li.menu2 { clear:both; overflow:hidden; font-size: 13px; text-align:left; padding:0; text-transform:uppercase; background-image: url("menu2_bg.gif"); background-repeat:no-repeat; background-position: 100% 50%; }
			#rightcol #navigation-right ul.menu2items li.menu2 a { display:block; color:#FFFFFF; height:26px; padding:0 0 0 11px; }
			#rightcol #navigation-right ul.menu2items li.menu2 a:hover { color:#FFFFFF; background-image: url("menu2_bg_hover.gif"); background-repeat:no-repeat; background-position: 100% 50%; }
			#rightcol #navigation-right ul.menu2items li.menusel2 { border-bottom:0px solid #FFFFFF; background-image: url("menu2_bg_hover.gif"); background-repeat:no-repeat; background-position: 100% 50%; }
			#rightcol #navigation-right ul.menu2items li.menusel2 a { color:#FFFFFF; }

			#rightcol #navigation-right ul.menu2items li.separator { clear:both; overflow:hidden; width:255px; height:1px; margin:1px 10px 17px 11px; border-bottom:1px solid #FFFFFF; }