﻿
/* OWN STYLES */

.pagerStyle
{
    color:Red;
    font-weight:bold;    
}

.pagerStyle a
{
    text-decoration: none;
    color: Black;
    border:1px solid black;
    cursor:pointer;
    padding:5px 5px 5px 5px;
}

.pagerStyle a:hover
{
    text-decoration: none;
    color: Red;
    border:1px solid red;
    cursor:pointer;
    padding:5px 5px 5px 5px;
}


.error
{
    font-weight:bold;
    color:Red;
    border:1px solid red;
    margin:5px 5px 5px 0px;
    padding:5px 5px 5px 5px;
}

input, textarea
{
    width: auto;
    border: 1px #8c8c8c solid;
    padding: 1px;
    color: black;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-size: 100%;
}

input.btn
{
	
	cursor:pointer;
}

input.btnbold
{
    cursor:pointer;
    font-weight:bold;
}

a
{  
    text-decoration: none;
    color: Black;
   
}
a:hover
{
    color: Black;
    text-decoration: underline overline;
}



/*
	*************************************************************************
  	* projekt:				faros web:aboshop								*
    * datei: 				bgershop.css									*
 	* funktion:				primäre css-datei								*
 	* erstellt:				04.05.2010										*
	* letzte modifikation:	07.05.03.2010/RPS								*
	* 						- visuelle Anpassungen							*
    * autor:				Rolf Stegemann / rstegemann@edp.ch				*
 	* (c) 2010 by edp-services ag, ebenaustrasse 20, ch-6048 horw			*
    * http://www.edp.ch		info@edp.ch										*
    *************************************************************************  
*/

/* #Sprachwahl, #Haupt_Container, #Hintergrund_Container, #Header_Block, #Hauptnavigation_Block, #Hauptnavigation_Container, #Sekundaernavigations_Container, #Main_Content_Container, #Footer, #Adresse_Staempfli, #faros, #faros_link*/

/* div {
	border: 1px solid gray;
} */

/* Farbdefinitionen */
/* Backgrounds */
#Grau, #Hintergrund_Container {
	background-color: #F5F5F5;
}

#Main_Block, #Sekundaernavigations_Container {
	background-color: #6464E5; /* #AFBAB2; */
}


#Weiss, #Main_Content_Container
{
    background-color: #F5F5F5;
}

#Rot {
	background-color: #C0A498;
}

#Blau  {
	background-color: #100089;
}

#Hellgrau, #Sekundaernavigation_Startseite, #Sekundaernavigation_1st, #Sekundaernavigation_2nd, .Sekundaernavigation_2nd, #Sekundaernavigation_Warenkorb {
	background-color:#F5F5F5;
}

#Dunkelgrau, body, #Hauptnavigation_Container {
	background-color: #2301DB;
}

#Weisserbg, body {
	background-color: white;
}


/* Schriftfarben */
body, #App_Titel, #Caption_BGer, #Sprachwahl, #Footer_Block, .footer_link {
	color: black;
}

#Hauptnavigation_Container {
	color: white;
}

#fontblau, h1, h2, h3, h4 {
	color: #2301DB;
}

/* ---------------------------------------- */

/* Schriftendefinitionen */

body {
	/* font-size: 62.5%; */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
}

h1 {
	font-size: 18pt;
	font-weight: bold;
	margin: 25px 0px 13px 0px;
}

#Main_Content_Container {
	line-height: 150%;
}


#Sprachwahl, #Hauptnavigation_Container, #Caption_BGer  {
	font-size: 10pt;
	font-weight: bold;
}

#Caption_BGer  {
	font-size: 8pt;
	font-weight: bold;
}

#App_Titel {
	font-size: 14pt;
	font-weight: bold;
}

#Adresse_Staempfli {
	font-size: 9pt;
	font-weight: normal;
}

#faros {
	font-size: 7pt;
	font-weight: normal;
}

.Sekundaernavigations_Titel {
	font-size: 11pt;
	font-weight: bold;	
}

.Sekundaernavigations_Eintrag {
	font-size: 10pt;
	font-weight: normal;	
}
/* ---------------------------------------- */

/* Bilder */

#Logo_BGer {
	position: absolute;
	left: 161px;
	top: 40px;
}

/*#Schriftzug_BGer{
	position: absolute;
	left: 57px;
	top: 5px;
}*/

#Logo_Staempfli {
	position: absolute;
	left: 777px;
	top: 53px;
}

/* ---------------------------------------- */

/* ---------------------------------------- */

#Haupt_Container {
	margin: auto auto auto auto;
	width: 930px;
	height: 744px;
	
}

#Sprachwahl {
	text-align: right;
	position: relative;
	float: right;
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-right: 15px;
	margin-bottom: -30px;
}

.TestInterface {
	text-align: right;
	position: relative;
	float: right;
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-right: 10px;
	margin-bottom: -30px;
	color:Red;
	font-weight:bold;
	font-size:150%;
}

#Hintergrund_Container {
	width: 100%;
	float: left;
	position: relative;
	margin: auto auto 40px auto;
	min-height: 500px;
	text-align: left;
	border-radius: 5px 0px 0px 0px;
	-moz-border-radius: 5px 0px 0px 0px;	
	-moz-box-shadow: 5px 5px 15px;
	-webkit-box-shadow: 5px 5px 15px;
	-webkit-border-radius: 5px 0px 0px 0px;
	box-shadow: 5px 5px 15px;
	
	top: 35px;
}

#Header_Block{
	height: 110px;
	width: 100%;
	position: relative;
}

#Caption_BGer {
	left: 48px;
	position: absolute;
	top: 15px;
	display: none;
}

#App_Titel {
	left: 254px;
	position: absolute;
	top: 38px;	
}

#Hauptnavigation_Block {
	float: left;
	width: 100%;
	position: relative;
}

#Hauptnavigation_Container {
	-moz-border-radius: 7px 0px 0px 0px;
	-webkit-border-radius: 7px 0px 0px 0px;
	border-radius: 7px 0px 0px 0px;
	position: relative;
	float: right;
	width: 660px;
	padding: 3px 15px 3px 15px;
}

#Hauptnavigation_Login {
	float: left;
}

#Hauptnavigation_Kontakt_Hilfe {
	float: right;
}

#Main_Block {
	float: left;
	width: 100%;
	position: relative;
	-moz-border-radius: 7px 0px 0px 0px;
	-webkit-border-radius: 7px 0px 0px 0px;
	border-radius: 7px 0px 0px 0px;
}

#Sekundaernavigations_Container {
	float: right;
	height: auto;
	width: 235px;
	padding: 15px 0px 0px 0px;
}

.Sekundaernavigations_Titel {
	float: left;
	margin: 2px 0px 2px 0px;
	width: 100%;
}

.Sekundaernavigations_Eintrag {
	float: left;
	width: 100%;
	margin: 1px 0px 1px 1px;
	/* line-height: 130%; */
}

.Sekundaernavigation_Aktiv {
	background: url("../img/aktiver_Eintrag4.gif") scroll no-repeat right top;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
}

#Sekundaernavigation_Startseite, #Sekundaernavigation_1st, #Sekundaernavigation_2nd, .Sekundaernavigation_2nd, #Sekundaernavigation_Warenkorb {
	float: right;
	width: 218px;
	margin: 0px 0px 10px 5px;
	padding: 3px 0px 3px 8px;
	-moz-border-radius: 7px 0px 0px 0px;
	-webkit-border-radius: 7px 0px 0px 0px;
	border-radius: 7px 0px 0px 0px;
	/* -moz-box-shadow: 0px 0px 3px;
	box-shadow: 0px 0px 3px; */
}

#Sekundaernavigation_Startseite
{
	
}

#Sekundaernavigation_1st {
	
}

#Sekundaernavigation_2nd {
		
}

.Sekundaernavigation_2nd
{
    
}

#Sekundaernavigation_Warenkorb {
		
}


#Main_Content_Container {
	float: right;
	width: 660px;
	min-height: 415px;
	padding: 3px 15px;
}

#Footer_Block {
	float: left;
	width: 100%;
	position: relative;
	margin: 7px 0px 15px 0px;
}

#Adresse_Staempfli {
	float: left;
}

#faros {
	float: right;
}

#faros_link{
	
}