@charset "UTF-8";
/**
 * (de)In dieser CSS-Datei werden alle neuen Formatierungen aufgefuehrt, um das rhuk_solarflare Template zu Formatieren
 *
 * @Copyright    by Mont-Bit International
 * @Author       Andy Dietschi
 *
 * @version      $Id: rhuk_solarflare.css 001 24.07.2008 Mont-Bit International $
 * @link         http://www.webpuls.ch/kurs
 *
*/

/* Body : Du kannst folgende Parameter ändern:
 * Hintergrundfarbe : background-color (ffffff = weiss)
 * Hintergrundbild : background-image (ACHTUNG ! Richtigen Pfad zum Ordner verwenden!)
 * Schrift : font-family (verwende 3 sich gleichende Standard Schriften)
 * 
 * Body : You can change this parameters:
 * background-color : if you don't want a background image (ffffff = white)
 * background-image : ATTENTION! Write the precise path to the image folder
 * Font : please declare 3 near standard fonts
*/ 
body {
	background-color: #FFFFFF;
	background-image: url(../../images/rhuk_solarflare_fluid_v001/M_images/background.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 5px;
}

/* 
 * page_margins : Ein 3 Pixel Aussenrahmen weiss
 * page_margins : Create outline border, 3 pixel, colour white
*/
#page_margins {
    border: 3px solid white;
    background-image:  none;
    background-repeat:none;
    background-position:left;
  }

/* Page
 * Der erste, sichtbare Aussenrahmen in Silbergrau
 * Rahmen : 1 Pixel dick durchgezogen in Silbergrau (#cccccc)
 * Innenabstand - padding = 1 Pixel
 * Aussenabstand - marging = 0 Pixel, alle anderen, sichtbaren Rahmen sollten 1 Pixel Aussenabstand haben.
 *
 * The first, visible outborder with 1 pixel
 * Border: 1 pixel solid, color silvergray (#cccccc)
 * Inside distance - padding 1 pixel
 * Outside distance- margin 0 pixel, all another, visible border, have 1 pixel 
*/ 
#page {
    border: 1px solid #cccccc;
    margin: 0px; 
	padding: 1px;
    background-image:  none;
    background-repeat:none;
    background-position:right;
  }

/*
 * cls erzeugt einen Zeilenumbruch
 * cls create a line feed
*/ 
#cls {
	clear: both;
}

/* con_u3_4 (Top Navigation)
 * Container für User 3 und User 4 : Unsichtbar, Höhe 22 Px, Breite 100%, Hintergrundfarbe weiss
 * Aussenabstand - margin 0 Pixel !!! 
 * Container for User 3 and User 4 : transparent, height 22 Px, width 100%, background colour white
 * Outside distance - margin 0 pixel !!!
*/
#con_u3_4 {
	border: none;
	padding: 0px;
	margin: 0px;
	height: 22px;
	width: 100%;
	background-color: #FFFFFF;
}

/* con_user3 (Top-Navigation)
 * Rahmencontainer fuer User 3 
 * Rahmen 1 Pixel dick in Silbergrau
 * Höhe 18 Pixel, Lingsfliessend (float)
 * Innenabstand padding - 0 Pixel, damit die Hintergrundfarbe (hoover - Farbwechsel) bis zum Rand geht
 *
 * Aussenabstand margin - Oben 1 Px, Rechts 205 Px, Unten 1 Px, Links 1 Px. 
 * - Tipp : Ohne User 4 (Search) schreibe - margin: 1px;
 *          Lösche dann in der index.php den gesamten Code für User 4, damit der Container nicht generiert wird
 *
 * Container with border for User 3
 * Border 1 pixel solid, color silvergray
 * Height 18 pixel, floatig left side
 * Inside distance padding- 0 pixel, the background color goes without distance line to the border line
 *     the mouse over cange the background color (hoover)
 * Outside distance margin - Top 1 px, right 205 px, bottom 1 px, left 1 px
 * - Tip : You don't want User 4 to the rigt side, write only - margin : 1px;
 *         delete in the file index.php the complete code for user 4. This don't create the container for user 4
*/ 
#con_user3 {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	height: 18px;
	float: left;
	margin: 1px 205px 1px 1px;
	padding: 0px;          /* don't change this and all next lines lines !!! */
	width: auto;         
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
}

/* con_user3_blind
 * Wichtig! Mit dem Code in der index.php fliesst der Container User 3 bis zum definierten, rechten Rand
 * Important! With this code floating the container user 3 to the right side. Without, you don't have this result.
 */
#con_user3_blind {
	float: right;
}

/* con_user4 (search box, standard)
 * Rahmen : 1 Pixel Silbergrau, durchgezogen
 * Hintergrundfarbe weiss (#ffffff = weiss)
 * Höhe height 18 Pixel
 * Breite width 200 Pixel. (con_user3 - margin = 200+5 Pixel)
 *
 * Border 1 pixel solid, color silvergray
 * Background color white (#ffffff = white)
 * Height 18 pixel, floatig right side
 * Width 200 pixel (con_user3 - margin = 200+5 pixel)
 */
#con_user4 {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	height: 18px;
	float: right;
	margin: 1px;
	padding: 0px;
	width: 200px;
	position: absolute;          /* don't change this and the next 2 lines lines !!! */
	top: 1px;
	right: 1px;
}

/* löscht den störenden Rahmen in Search (User 4)*/
/* Delete the false border in the search module (User 4)
*/   
#mod_search_searchword.inputbox {
   border: 0px;
   padding: 0px 2px;
   background-color: transparent;
}

/* headerbox (der Grafikcontainer - the container for the header grafic)
 * Minimum Breite 604 Pixel - nicht aendern!
 * Maximum Breite 954 Pixel - Deine Grafik sollte genau so breit sein
 * Höhe 170 Pixel - Aendere diese Angabe auf Deine Grafik Pixelgenau
 * Aussenabstand margin 1 Pixel,
 *
 * Minimum width 604 px - don't change, please
 * Maximum width 954 px - your grafic must have this width
 * Height 170 px - change this paramerer to your grafic
 * Outside distance 1 px
*/ 
#headerbox {
	min-width: 604px;
	max-width: 954px;
	height: 225px;
	margin: 1px;
}

/* headergrafic 
 * Hintergrundbild ist Deine Grafik - Breite 954 Pixel
 * Background image it's your image - width 954 px 
*/ 
#headergrafic {
	background-image: url(../../images/rhuk_solarflare_fluid_v001/rheinfall954x225.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

/* breadcrumbs_outline
 * border: Rahmen 1 Pixel dick, durchgezogen, silbergrau
 * margin: Aussenabstand, oben, rechts, unten, links
 * border: border 1 pixel solid silvergray
 * margin: distance outside top, left, bottom, right
*/
#breadcrumbs_outline {
    border: 1px solid #cccccc;
	margin: 2px 1px 2px 1px;
} 
/* breadcrumbs_inline
 * nicht ändern! Diese Formatierung lässt den Pathway bis zum rechten Rand fliessen
 * don't change! This formatting make the breadcrumb box to the right side
*/
#breadcrumbs_inline {
    position: absolute;
    float: right;
}
/* breadcrumbs, das Joomla modul / the Joomla module
 * margin: Aussenabstand 0 Pixel
 * border: Rahmen 0 Pixel (keiner)
 * padding: Innenabstand oben, rechts, unten, links
 * margin: Distance outside 0 pixel
 * border: 0 Pixel (none)
 * padding: inside distance: top, right, bottom, left
*/ 
#breadcrumbs {
    margin: 0px;
    border: none;
    padding: 2px 2px 2px 10px;
}

#main {
    padding: 1px 0px 0px 0px;
    margin-top: -1px;
}

#outline {
    border: 1px solid #cccccc;
    margin: 1px ;
    /* position: relative;*/
}

#outline_1 {
    border: 1px solid #cccccc;
    margin: 1px !important;
    margin: 2px 1px 1px 1px;	 
    /* position: relative;*/
}

#col1_content {
    padding: 2px;
}

#col1 { 
    width: 193px;
}

#col3 { 
    /* width: auto; */
    /* margin: 0px 0px 4px 193px; */
}

#col3_content { 
    padding:2px; 
}

/* 
 *****************************************************************************************************
 * Ab hier kommen Joomla Spezifische Formatierungen *** From here coming specific Joomla formattings *
 *                                                                                                   *
 * In Joomla 1.5 gibt es 2 verschiedene Mainlevels, je nach Version:                                 *
 * mainlevel oder mainlevel-nav, Du musst beide Vesionen deklarieren                                 *
 *                                                                                                   *
 * Joomla 1.5 have 2 diffenent mainlevel: mainlevel or mainlevel-nav                                 *
 * you must declare this two versions                                                                *
 *****************************************************************************************************
*/
   
/* User 3 - Das Menue Top *** The Top Menu */
ul#mainlevel-nav, ul#mainlevel {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

/* User 3 - Das Menue Top *** The Top Menu */
ul#mainlevel-nav li, ul#mainlevel li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 1em;
	line-height: 18px;
	white-space: nowrap;
	border-right: 1px solid #cccccc; 
}

/* User 3 - Das Menue Top *** The Top Menu */
ul#mainlevel-nav li a, ul#mainlevel li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}


/* User 3 - Das Menue Top *** The Top Menu */
#buttons>ul#mainlevel-nav li a, #buttons>ul#mainlevel li a { 
      width: auto; 
}

/* User 3 - Das Menue Top *** The Top Menu */
ul#mainlevel-nav li a:hover, ul#mainlevel li a:hover  {
	color: #fff;
	/*background: #c64934;*/
      background: #ff6633;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

hr {
	border-color: #999999;
}

table {
   width: 100%;
}