/*********************************************************************************
Webtech AG
Lehnplatz 10, 6460 Altdorf
Für default Seiten. 
/********************************************************************************/ 



/****PAGE GRUNDBEREICH***********************************************************/   
/* Für alle ein margin und padding 0 setzen */
* {
	margin:0; 
	padding:0;
}

body {
   color: #000000; 
	background-color: #373C40;
   font-size: 100.00%;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
   text-align: center;  /* Zentrierung im Internet Explorer */
	overflow:-moz-scrollbars-vertical;
	/* _behavior: url("http://www.hergerimholz.ch/fileadmin/layout/csshover3.htc"); /* Dirty Hack: damit auch IE6 Hover auf DIV kann */
}

/* mit korrekte Reihenfolge der A-Tags  */
a:link    { color: red }     /* noch nicht besuchter Link */
a:visited { color: blue }    /* schon besuchter Link   */   
a:hover   { color: lime} 	  /* Benutzer 'hovert'     */    
a:active  { color: lime }    /* Link wird ausgew?hlt   */
/********************************************************************************/ 



/****PAGE BLOCK******************************************************************/   
#page {
	margin: 0 auto;		/* Horizontale Zentrierung */
	text-align: left;		/* Seiteninhalt wieder links ausrichten */
	margin-top: 0px;
	width: 907px;
	height: 732px; 
	background-image: url(img/bg-site.gif);
}

#site {
	float: right;
	width: 900px;
	height: 725px; 
}
/********************************************************************************/ 



/****TOP BLOCK*******************************************************************/   
#top {
   float: left;
	width: 903px;  /* +3px betr. IE6 Bug */
	height: 180px;
}
/********************************************************************************/



/****LOGO BLOCK*****************************************************************/   
#logo {
   float: left;
	width: 179px;
	height: 180px;
	background-color: #525B60;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	border-right: 1px solid #5B5F62;
}

#logo img {
	margin-top: 25px;
	margin-left: 30px;
	width: 120px;
	height: 120px;
}
/********************************************************************************/



/****NAVIGATIONS BLOCK***********************************************************/ 
#nav {
	float: left;;
	width: 720px;
	height: 180px;
}


/*Grundlayout-Definition Level 1. Navigation als horizontale Liste*/
#nav ul {
	 float: left;
	 margin: 0px;
	 padding: 0px;
	 font-size: 1em;
	 border-right: 1px solid #5B5F62;
}

#nav li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!! */ 
}

#nav a {
	 float: left;
	 display: inline;
	 width: 149px;
	 height: 120px;
	 padding-top: 60px;
	 padding-left: 30px;
	 text-decoration: none;
	 font-weight: bold;
	 text-transform: uppercase;
	 color: #848889;
}

#nav ul li a:link, #nav ul li a:visited {
}

#nav ul li a:hover {
		color: #FFFFFF;
}

#nav ul li a.active:link, #nav ul li a.active:visited {
}


/* ****** */
/* Level 2. Navigation als horizontale Liste */
#nav ul ul {
	 width: 179px;
	 margin: 0px;
	 padding: 0px;
	 font-size: 0.7em;
	 margin-left: -179px;
	 margin-top: 90px;
	 border-right: none;
}

#nav ul ul li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!! */ 
}

#nav ul ul a {
	 float: left;
	 display: block;
	 width: 149px; 
	 height: 100%;
	 padding: 0px;
	 padding-left: 30px;
	 line-height: 1.7em;
	 color: #F5F6F6;
	 font-weight: normal;
	 text-transform: none;
}

#nav ul ul li a:link, #nav ul ul li a:visited {
}

#nav ul ul li a:hover {
	text-decoration: underline;
}

#nav ul ul li a.active:link, #nav ul ul li a.active:visited {
	font-weight: bold;
}


/* ****** */
/* Farbdefinition für Hauptbegriffe */
#navProfil:hover, #navArbeiten:hover, #navKunden:hover, #navAgentur:hover  {
	float: left;
	color: #FFFFFF;
}

/* Titel-Farbe */
#navProfil:hover ul a, #navArbeiten:hover ul a, #navKunden:hover ul a, #navAgentur:hover ul a {
	color: #FFFFFF;
}

#navProfil:hover, #navProfil ul li a.active:link, #navProfil ul li a.active:visited  {
	background-color: #0B8ABA;
	color: #FFFFFF;
}

#navArbeiten:hover, #navArbeiten ul li a.active:link, #navArbeiten ul li a.active:visited {
	background-color: #5ABA0B;
	color: #FFFFFF;
}

#navKunden:hover, #navKunden ul li a.active:link, #navKunden ul li a.active:visited  {
	background-color: #BAA00B;
	color: #FFFFFF;
}

#navAgentur:hover, #navAgentur ul li a.active:link, #navAgentur ul li a.active:visited  {
	background-color: #C71585;
	color: #FFFFFF;
}

/********************************************************************************/



/****HILFS-NAVIGATION AREA BLOCK*************************************************/   
#hilfsNavArea {
   float: left;
	width: 900px;
	height: 65px;
	background-color: #6B777E;
}
/********************************************************************************/



/****HILFS-NAVIGATION BLOCK******************************************************/   
#hilfsNav{
   float: right;
	width: 500px;
	margin-top: 35px;
	padding-right: 20px;
	text-align: right;
	font-size: 1em;
}


/*Grundlayout-Definition Level 1. Navigation als horizontale Liste*/
#hilfsNav ul {
	 margin: 0px;
	 padding: 0px;
	 font-size: 0.7em;
}

#hilfsNav li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!*/  
	 color: #F5F6F6;
}

#hilfsNav a {
    display: inline;
	 text-decoration: none;
	 height: 100%;
	 padding-right: 5px;
	 color: #F5F6F6;
	 font-weight: normal;
}

#hilfsNav a:hover {
	text-decoration: underline;
	color: #F5F6F6;
	font-weight: normal;
}

#hilfsNav a.active:link, #hilfsNav a.active:visited {
	color: #F5F6F6;
	font-weight: bold;
}
/********************************************************************************/



/****SITE-AREA BLOCK*************************************************************/   
#siteArea {
   float: left;
   position: relative;
	width: 900px;
	background-color: #525B60;
}
/********************************************************************************/



/****LEFT-AREA BLOCK*************************************************************/   
#leftArea {
   float: left;
	width: 450px;
	height: 480px;
	background-color: #6B777E;
}
/********************************************************************************/



/****HEADER IMG BLOCK************************************************************/   
#headerImg {
   float: left;
	width: 450px;
	height: 300px;
	background-color: #6B777E;
	background-image: url(img/test-bild.jpg);
	background-repeat: no-repeat;
}
/********************************************************************************/



/****ADRESSE BLOCK***************************************************************/   
#address {
   float: left;
	width: 180px;
	height: 180px;
	font-size: 1em;
	background-color: #525B60;
}

#address h2 {
	margin-top: 22px;   /* -3 px -> damits auf gleicher höhe beginnt wie h3 Titel von News */
	padding-left: 25px;
	font-size: 0.65em;
	color: #F5F6F6;
	line-height: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
}

#address p {
	padding-left: 25px;
	font-size: 0.65em;
	color: #F5F6F6;
	line-height: 1.6em;
}

#address a {
	color: #F5F6F6;
	text-decoration: none;
}

#address a:hover {
	color: #CED3D3;
	text-decoration: underline;
}
/********************************************************************************/


/****RIGHT AREA BLOCK************************************************************/   
#rightArea {
	float: right;
	width: 420px;
	margin-top: 30px;
}
/********************************************************************************/



/****CONTENT AREA BLOCK**********************************************************/   
#contentArea {
	float: left;
	width: 400px;
}
/********************************************************************************/



/****CONTENT BLOCK***************************************************************/   
#content {
	color: #FFFFFF;
	font-size: 0.65em;
}

#content h1 {
	color: #FFFFFF;
	font-size: 1.75em;
	font-weight: normal;
	margin-bottom: 20px;
}

#content h2 {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 2px;
}

#content p {
	color: #FFFFFF;
	line-height: 1.4em;
	margin-bottom: 15px;
}

#content ul, #content ol {
	padding-left: 30px;
	margin-bottom: 15px;
	color: #FFFFFF;
}

div.csc-textpic div.csc-textpic-imagewrap ul {
	list-style: none outside none !important;
	margin: 0px !important;
	padding: 0px !important;
}

#content a {
	color: #E1E1E1;
	text-decoration: underline;
}

#content a:hover {
	color: #CED3D3;
	text-decoration: underline;
}

#content a.active:link, #content a.active:visited {
	color: #E1E1E1;
	text-decoration: underline;
}

img {
	padding-bottom: 10px;
	text-decoration: none;
}

/* Tabellen im Content */
#content .contenttable {
	width: 100%;
	border-collapse: collapse;
}

#content .contenttable tr {
}

#content .contenttable th, #content .contenttable td {
	padding-right: 15px;
	border-bottom: 1px solid #474B4F;
	vertical-align: top;
}

#content .contenttable th p, #content .contenttable td p {
	color: #FFFFFF;
	font-size: 1em;
	line-height: 1em;
	padding-top: 10px;
	padding-bottom: 2px;
	margin-bottom: 0px;
}


/* Formular Style */
.csc-mailform {
border: none; /* Rand ausschalten */
}

.csc-mailform-field label {
float: left;
clear: both;
display: block;
width: 170px;
padding-left: 0px;
margin-bottom: 2px;
}

.csc-mailform-field input, 
.csc-mailform-field textarea, 
.csc-mailform-field select {
margin-bottom: 10px;
}

.csc-mailform-radio {
	border: none;
}

#csc-mailform-radio {
	border: none;
}

csc-mailform-radio {
	border: none;
}

.csc-mailform-radio legend {
  display:none;
}

.csc-mailform-submit {
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
margin-top: 10px;
margin-left: 0px; 
/* Float wieder abschalten */
clear: both;
}

/* Sitemap */
.csc-sitemap ul li a:link, .csc-sitemap ul li a:visited{
	text-decoration: none !important;
	border-bottom: none !important;
}

/* Lageplan */
.tx_lumogooglemaps_pi1_infobox {
	color: #000000;
}

.tx_lumogooglemaps_pi1_infobox a{
	color: #000000 !important;
}

#gmapDirHead {
		color: #000000;
}

#gmapDirHead a {
		color: #000000 !important;
}
/********************************************************************************/



/****Web-Icons*******************************************************************/
#socialWebIcons {
	position: absolute;
	bottom: 2px;
	right: 5px;
	text-align: right;
}

#socialWebIcons a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#socialWebIcons img {
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
}


/* Facebook Like */
#fbLike {
	position: absolute;
	bottom: 6px;
	right: 100px;
	text-align: right;
}
/********************************************************************************/


/****COPY BLOCK******************************************************************/
#copy {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
   margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 907px;
	margin-top: 30px;
	font-size: 0.65em;
	border-top: 1px solid #474B4F;
}

#copy p {
	margin-top: 15px;
	/* color: #F5F6F6; */
	color: #5D6669;
	text-align: center;
}

#copy a {
	color: #5D6669;
	text-decoration: none;
}

#copy a:hover {
	color: #CED3D3;
	text-decoration: underline;
}
/********************************************************************************/




/****SPEZIAL BEREICH*************************************************************/
.clear {
	clear: both;
	font-size: 1px;
}
.hide { 
	display: none; 
}
/********************************************************************************/