/*
/////////////////////////////////////////////////////////////////////////////
//
// Stylesheet fuer Website der Scanwood-Schuler & Elyes GmbH
//
// Erstellt im August 2008 durch:
//
// TrendPoint GmbH
// Lättichstrasse 6
// CH-6340 Baar (ZG)
// info@trendpoint.ch | www.trendpoint.ch
// © 2008 | Alle Rechte vorbehalten
//
/////////////////////////////////////////////////////////////////////////////
*/









/*
------------------------------------------------------------------------------>
Standard-Formatierungen
------------------------------------------------------------------------------>
*/

body     {background-color:#F8F8F8;margin:0px;font-family:Century Gothic;font-size:11px;color:#504644;font-weight:normal;line-height:130%;}/*Standard Textformatierung*/

div      {margin:0px;padding:0px;font-family:Century Gothic;font-size:11px;color:#504644;line-height:130%;}
p        {margin:0px;padding:0px;font-family:Century Gothic;font-size:11px;color:#504644;line-height:130%;}
span     {margin:0px;padding:0px;font-family:Century Gothic;font-size:11px;color:#504644;line-height:130%;}
form     {margin:0px;padding:0px;font-family:Century Gothic;font-size:11px;color:#504644;line-height:130%;}
td       {font-family:Century Gothic;font-size:11px;color:#504644;line-height:130%;}

/*
------------------------------------------------------------------------------>
Formatierung der Links im Contentbereich
------------------------------------------------------------------------------>
*/
a        {font-family:Century Gothic;font-size:11px;color:#419638;text-decoration:none;}
a:hover  {font-family:Century Gothic;font-size:11px;color:#504644;text-decoration:underline;}


/*
------------------------------------------------------------------------------>
Absende-Button
------------------------------------------------------------------------------>
*/
.button {font-family:Arial, Helvetica, sans-serif;color:#ffffff;background-color:#419638;padding:0px;font-size:11px;font-weight:bold;line-height:16px;text-decoration:none;border-style:solid;background-color:#419638;border-color:#504644;border-width:1px;padding-left:4px;padding-right:4px}
.buttonDefault                 {cursor:pointer;cursor:hand;font-family:Verdana;color:#999999;background-image:url(/weblication/wGui/wImages/bg_button_weblic.gif);padding:0px;font-size:11px;font-weight:bold;line-height:16px;text-decoration:none;background-color:#F0F0F0;border-color:#cccccc;border-width:1px;padding-right:8px;}


/*
------------------------------------------------------------------------------>
Formatierung der Links im Footer
------------------------------------------------------------------------------>
*/
.navfooter a:link      {font-family:Century Gothic;font-size:10px;color:#504644;text-decoration:none;}
.navfooter a:visited   {font-family:Century Gothic;font-size:10px;color:#504644;text-decoration:none;}
.navfooter a:active    {font-family:Century Gothic;font-size:10px;color:#504644;text-decoration:none;}
.navfooter a:hover     {font-family:Century Gothic;font-size:10px;color:#cccccc;text-decoration:none;}



/*
------------------------------------------------------------------------------>
Formatierung der Eingabefelder für die Formulare
------------------------------------------------------------------------------>
*/
input    {font-size:11px; font-family:Century Gothic; font-weight:normal; color:#504644;}
select   {font-size:11px; font-family:Century Gothic; font-weight:normal; color:#504644;}
textarea {font-size:11px; font-family:Century Gothic; font-weight:normal; color:#504644;}

/*
------------------------------------------------------------------------------>
Formatierung der Horizontalen Linie
------------------------------------------------------------------------------>
*/
hr       {background-color:#C0C0C0;color:#C0C0C0;height:1px;border-style:none;}




/*
------------------------------------------------------------------------------>
Formatierung der Ueberschriften
------------------------------------------------------------------------------>
*/

h1 {margin:0px;padding:0px;font-size:16px; font-family:Century Gothic; font-weight:bold; color:#504644;}
h2 {margin:0px;padding:0px;font-size:16px; font-family:Century Gothic; font-weight:bold; color:#504644;}
h3 {margin:0px;padding:0px;font-size:12px; font-family:Century Gothic; font-weight:bold; color:#504644;}
h4 {margin:0px;padding:0px;font-size:11px; font-family:Century Gothic; font-weight:bold; color:#504644;}
h5 {margin:0px;padding:0px;font-size:9px;  font-family:Century Gothic; font-weight:bold; color:#504644;}
h6 {margin:0px;padding:0px;font-size:7px;  font-family:Century Gothic; font-weight:bold; color:#504644;}



/*
------------------------------------------------------------------------------>
Formatierung der Titel
------------------------------------------------------------------------------>
*/
.titel_left          {font-size:16px; font-family:Century Gothic; font-weight:bold; background-image:url(/sites/img/back_titel_left.jpg); color:#ffffff;}/*Text*/
.textBold            {font-size:11px; font-family:Century Gothic; font-weight:bold;   color:#504644;}/*Text fett*/


/*
------------------------------------------------------------------------------>
Formatierung der Texte
------------------------------------------------------------------------------>
*/

.text                {font-size:11px; font-family:Century Gothic; font-weight:normal; color:#504644;}/*Text*/
.textBold            {font-size:11px; font-family:Century Gothic; font-weight:bold;   color:#504644;}/*Text fett*/
.textInvert          {font-size:11px; font-family:Century Gothic; font-weight:normal; color:#FFFFFF;}/*Text negativ*/
.textBoldInvert      {font-size:11px; font-family:Century Gothic; font-weight:normal;   color:#FFFFFF;}/*Text fett negativ*/

.textSmall           {font-size:6px; font-family:Century Gothic; font-weight:normal; color:#504644;}/*Kleiner Text*/
.textSmallBold       {font-size:9px; font-family:Century Gothic; font-weight:bold;   color:#504644;}/*Kleiner Text fett*/
.textSmallInvert     {font-size:9px; font-family:Century Gothic; font-weight:normal; color:#FFFFFF;}/*Kleiner Text negativ*/
.textSmallBoldInvert {font-size:9px; font-family:Century Gothic; font-weight:bold;   color:#FFFFFF;}/*Kleiner Text fett negativ*/

.textLarge           {font-size:13px; font-family:Century Gothic; font-weight:normal; color:#504644;}/*Großer Text*/
.textLargeBold       {font-size:13px; font-family:Century Gothic; font-weight:bold;   color:#504644;}/*Großer Text fett*/
.textLargeInvert     {font-size:13px; font-family:Century Gothic; font-weight:normal; color:#FFFFFF;}/*Großer Text negativ*/
.textLargeBoldInvert {font-size:13px; font-family:Century Gothic; font-weight:bold;   color:#FFFFFF;}/*Großer Text fett negativ*/

.textBoldNews        {font-size:11px; font-family:Verdana; font-weight:bold;   color:#409437;}/*Text News fett*/
.footer              {font-size:10px; font-family:Century Gothic; font-weight:normal; color:#504644;}/*Text*/


.textRefBold         {font-size:12px; font-family:Century Gothic; font-weight:bold; color:#004080;} /*Text Titel der Referenzen*/
.textTBBold          {font-size:12px; font-family:Century Gothic; font-weight:bold; color:#ffffff;} /*Text Titel der Referenzen*/
.textTitelgruen      {margin:0px;padding:0px;font-size:18px; font-family:Century Gothic; font-weight:bold; color:#409437;}
.textTitelbraun      {margin:0px;padding:0px;font-size:18px; font-family:Century Gothic; font-weight:bold; color:#504644;}
.text_left_side      {font-size:13px; font-family:Century Gothic; font-weight:normal; color:#504644; padding-top:15px; padding-left:15px; padding-right:15px;}/*Text*/
.text_left_side_small      {font-size:10px; font-family:Century Gothic; font-weight:normal; color:#504644; padding-left:20px;}/*Text*/


.titelindex         {margin:0px;padding:0px;font-size:20px; font-family:Century Gothic; font-style:italic; font-weight:bold; color:#504644; line-height:110%;}
.textcentury        {margin:0px;padding:0px;font-size:11px; font-family:Century Gothic; font-style:italic; font-weight:normal; color:#504644;}

/*
------------------------------------------------------------------------------>
Formatierung der Elemente
------------------------------------------------------------------------------>
*/


.elementHeadline         {line-height:30px;vertical-align:middle;text-align:left;background-position:left;background-image:url(/de/wLayout/design/img/h1_bckgrnd_orng.jpg);background-repeat:no-repeat;height:30px;padding-left:10px;margin-bottom:8px;margin-top:10px;}/*Überschrift*/
.elementSubHeadline         {line-height:30px;vertical-align:middle;text-align:left;background-position:left;background-image:url(/de/wLayout/design/img/h1_bckgrnd_orng.jpg);background-repeat:no-repeat;height:30px;padding-left:0px;margin-bottom:8px;margin-top:10px;}/*Überschrift*/

.elementSubHeadline2         {vertical-align:middle;text-align:left;background-position:left;background-image:url(/de/wLayout/design/img/h1_bckgrnd_orng.jpg);background-repeat:no-repeat;padding-left:0px;margin-bottom:8px;margin-top:0px;}/*Überschrift*/

.elementStandard         {padding-left:70px;padding-right:15px;}/*Standard*/
.elementFormular         {padding:0px;}/*Formulare*/
.elementInclude          {padding:0px;}/*Includes*/
.elementSpace            {height:12px;padding:8px;}/*Leerzeile*/

.elementRightStandard    {padding:8px;}/*Standard im rechten Bereich*/
.elementRightInclude     {padding:0px;}/*Include im rechten Bereich*/

.elementLeftStandard     {padding:8px;}/*Standard im linken Bereich*/
.elementLeftInclude      {padding:0px;}/*Include im linken Bereich*/
.elementLeftNavigation   {padding-top:1px;margin-left:15px;width:210px;}/*Navigation im linken Bereich*/

.elementTopStandard      {padding:0px;}/*Standard im oberen Bereich*/
.elementTopInclude       {padding:0px;}/*Include im oberen Bereich*/
.elementTopNavigation    {width:750px;padding:0px;margin:0px;padding-left:12px;height:24px;}/*Navigation im oberen Bereich*/
.elementTopSystemNavigation {position:absolute;top:10px;width:758px;text-align:right;}

.elementBottomStandard  {padding:6px;padding-left:36px;}/*Standard im unteren Bereich*/
.elementBottomInclude   {padding:8px;}/*Include im unteren Bereich*/

.elementContent          {padding-left:10px;padding-top:8px;padding-bottom:8px;width:550px;}/*Standard*/
.Adresse                 {text-align:right;margin-right:28px;margin-top:5px;font-size:11px; font-family:Century Gothic; font-weight:normal; color:#FFFFFF;}



/*
------------------------------------------------------------------------------>
Formatierung der Fragmente
------------------------------------------------------------------------------>
*/
.fragmentSpace             {height:12px;margin-bottom:2px;margin-left:8px;border-style:none;}

.fragmentPictureFloatLeft  {padding-left:0px;margin-right:8px;margin-bottom:8px;float:left;} 
.fragmentPictureFloatRight {padding-left:20px;margin-left:8px;margin-bottom:8px;float:right;}  

.fragmentTableDoubleCol    {padding:0px;border-style:none;border-width:1px;border-color:#FF0000;}
.fragmentTableTripleCol    {padding:0px;border-style:none;border-width:1px;border-color:#FF0000;}
.fragmentCellDoubleCol     {width:50%;vertical-align:top;float:left}
.fragmentCellTripleCol     {width:30%;vertical-align:top;float:left}

.fragmentLinklistFloatLeft {padding:8px;margin-right:8px;margin-bottom:8px;float:left;border-style:solid;border-color:#555555;border-width:1px;}

/*
------------------------------------------------------------------------------>
Formatierung der Links in der Quick Navigation
------------------------------------------------------------------------------>
*/
.navquick a:link      { color: #ffffff; font-weight:normal; text-decoration: none; line-height: 16px;font-size:10px;}
.navquick a:visited   { color: #ffffff; font-weight:normal; text-decoration: none; line-height: 16px;font-size:10px;}
.navquick a:active    { color: #ffffff; font-weight:normal; text-decoration: none; line-height: 16px;font-size:10px;}
.navquick a:hover     { color: #004571; font-weight:normal; text-decoration: none; line-height: 16px;font-size:10px;}


/*
------------------------------------------------------------------------------>
Formatierung der Links Titel im Shop
------------------------------------------------------------------------------>
*/
.shopLinkHeadline a:link      { color: #004571; font-weight:normal; text-decoration: none; line-height: 16px;font-size:10px;}
.shopLinkHeadline a:visited   { color: #004571; font-weight:normal; text-decoration: none; line-height: 16px;font-size:10px;}
.shopLinkHeadline a:active    { color: #004571; font-weight:normal; text-decoration: none; line-height: 16px;font-size:10px;}
.shopLinkHeadline a:hover     { color: #CCCCCC; font-weight:normal; text-decoration: none; line-height: 16px;font-size:10px;}


/*
------------------------------------------------------------------------------>
Formatierung der Bloecke
------------------------------------------------------------------------------>
*/

.blockMain           {background-color:#ffffff;width:970px} /*Gesamter Bereich*/
.blockTop            {width:970px;vertical-align:top;}/*Bereich oben*/
.blockLeft           {background-position:left top;background-image:url(/sites/img/background_left_side.jpg);background-repeat:repeat-y;width:25px;}/*Bereich links*/
.blockContent        {width:600px;vertical-align:top;margin-left:90px;margin-right:0px;}/*Inhaltsbereich*/
.blockRight          {background-position:left top;background-image:url(/sites/img/background_right_side.jpg);background-repeat:repeat-y;width:25px;vertical-align:top;}/*Bereich rechts*/
.blockBottom         {background-position:top;background-image:url(/sites/img/footer_bottom.jpg);background-repeat:no-repeat;height:35px;vertical-align:top;}/*Bereich unten*/


/*
------------------------------------------------------------------------------>
Formatierung der Links im Adressblock
------------------------------------------------------------------------------>
*/
.adress          {font-size:11px; font-family:Century Gothic; font-weight:normal; color:#FFFFFF;}/*Kleiner Text negativ*/
a.adress         {font-size:11px; font-family:Century Gothic; font-weight:normal; color:#FFFFFF; text-decoration:none;}/*Kleiner Text negativ*/
a.adress:hover   {font-size:11px; font-family:Century Gothic; font-weight:normal; color:#FFFFFF; text-decoration:underline;}/*Kleiner Text negativ*/


/*
------------------------------------------------------------------------------>
Formatierung der Links im rechten Block
------------------------------------------------------------------------------>
*/
.right          {font-size:11px; font-family:Century Gothic; font-weight:bold; color:#FFFFFF;}/*Kleiner Text negativ*/
a.right         {font-size:11px; font-family:Century Gothic; font-weight:bold; color:#FFFFFF; text-decoration:none;}/*Kleiner Text negativ*/
a.right:hover   {font-size:11px; font-family:Century Gothic; font-weight:bold; color:#004080; text-decoration:none;}/*Kleiner Text negativ*/



table.list_green, table.list_orange, table.list_orange_white, table.list_grey {
 border-collapse: collapse;
}

table.list_green td {
 border: 1px solid #BFD849;
 background-color: #F5F5F5;

}

table.list_green td a  {
	color: #2C5800;
	text-decoration: none;
}
table.list_green td a:hover{
	color: #2C5800;
	text-decoration: underline;
}

table.list_green th {
 border: 1px solid #BFD849;
 background-color: #BFD849;
 text-align: left;
 color: #ffffff;
}

/*
------------------------------------------------------------------------------>
Formatierung der PoPUp-Layer
------------------------------------------------------------------------------>
*/
	div#PopDiv {
	position: absolute;
	background: #fff;
	border: 1px solid #7DBF1D;
	padding: 10px;
	font-size: 110%;
}
div#PopDiv a {
	display: block;
	text-align: right;
	padding: 0;
	margin: 0 0 10px 0;
	color: #7DBF1D;
}
div#PopDiv p#imgCaption {
	color: #777777;
	margin: .5em 0 0 0;
}
div#PopDiv img {
	display: block;
	border: 1px solid #ffffff;
}
img#loading-popup {
	position: absolute;
	padding: 10px;
	border: 1px solid #7DBF1D;
	background: #FFF;
}