/*

conTAKT-net

*/

/*** Breadcrumb Navigation ***/
#area_breadcrumb_navigation {
position: relative;
top: 120px;
left: 290px;
width: 450px;
height: 10px;
color: #717981;
}

#area_breadcrumb_navigation a{
font-weight: normal;
background-color: inherit;
font-size: 12px;
color: #717981;
}

#area_breadcrumb_navigation a:link,
#area_breadcrumb_navigation a:visited {	
color: #717981;
}

#area_breadcrumb_navigation a:hover,
#area_breadcrumb_navigation a:active  {	
color: #f04c44;
}

#area_breadcrumb_navigation a:focus  {	
color: #f04c44;
}

/*** ***/

* {
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
line-height: 140%;
font-weight: normal;
font-style: normal;
font-size: 13px;
}

img {
border: none;
}

#area_content ul {
margin: 5px 0 9px 30px;
list-style-type: square;
}

#area_content ol {
margin: 5px 0 9px 30px;
}

table {
clear: both;
}


.AccessibilityPageAreaTitle {
position:absolute !important;
visibility:hidden !important;
height: 0px !important;
width: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

/*** POSITION LOGO ***/

#area_logo {
position: absolute;
left: 5px;
top: -5px;
height: 130px;
width: 270px;
background-color: #fff;
color: inherit;
z-index: 10;
}

#logo {
position: absolute;
top: 25px;
left: 30px;
}

#grouplogo {
position: absolute;
top: 350px;
left: 40px;
width: 200px;
height: 200px;
}

#grouplogo img {
width: 200px;
height: 200px;
}



/*** POSITION HEADER / FOOTER ***/

#schriftzug_header {
position: absolute;
top: 35px;
left: 311px;
width: 283px;
height: 55px;
}

#area_header,
#area_header h1,
#area_header h2 {
display: none;
}



/*** SPRACHWAHL ***/

#language_switch {
top: 70px;
left: 770px;
}



/* NAVIGATION --> Nur Farben, restliche Informationen werden imprtiert*/

.level2 a {
color: #717981; /*grau*/
}

.level2 a:link,
.level2 a:visited {
color: #717981; /*grau*/
}

.level2 a:hover,
.level2 a:active {
color: #F04C44; /*rot*/
}

.level2 strong a:link,
.level2 strong a:visited,
.level2 > li.active.leaf a:link,
.level2 > li.active.leaf a:visited {
color: #F04C44; /*rot*/
}

.level2 > li.open.trail a:link,
.level2 > li.open.trail a:visited {
color: #F04C44; /*rot*/
}

.level3 a {
color: #F04C44; /*rot*/
}

.level3 a:link,
.level3 a:visited {
color: #F04C44; /*rot*/
}

#AccessibilityMenu {
position:absolute;
left:-2000px;
top:-2000px;
width:0;
height:0;
overflow:hidden;
display:block;
}

/* POSITIONIERUNG DES INHALTS */

#area_content {
position: relative;
margin-top: 134px;
margin-left: 240px;
width: 450px;
padding: 0 0 50px 50px;
}

#area_content_startpage {
position: relative;
margin-top: 144px;
margin-left: 240px;
width: 450px;
padding: 0 0 50px 50px;
}

#area_content_startpage {
top: 130px;
}

#area_content h1,						/* kommt nur einmal zuoberst in der seite vor */ 
#area_content_startpage h1 {			/* kommt nur einmal zuoberst in der seite vor */ 
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}

#area_content h2,
#area_content_startpage h2 {
font-size: 15px;
font-weight: bold;
margin: 10px 0 5px 0;
}

#area_content a:link,
#area_content_startpage a:link {
color: #F04C44; /*rot*/
background-color: inherit;
font-weight: bold;
text-decoration: none;
}

#area_content a:visited,
#area_content_startpage a:visited {
color: #F04C44; /*rot*/
background-color: inherit;
font-weight: bold;
text-decoration: none;
}

#area_content a:hover,
#area_content_startpage a:hover {
color: #F04C44; /*rot*/
background-color: inherit;
font-weight: bold;
text-decoration: underline;
}



/* MIGROS LOGO */

#migros_logo {
position: relative;
left: 458px;	
}



/* STARTSEITE */

body#startseite {
background-image: none;
}



/* alternating images in the big circle */

#startseite #kreis_bild_maske {
position: absolute;
top: 110px;
left: 215px;
background-image: url(../images/kreis_bild_maske.png);
background-repeat: no-repeat;
width: 440px;
height: 440px;
margin: 0;
padding: 0;
z-index: 10;
}

#startseite #area_alternating_images {
position: absolute;
top: 110px;
left: 215px;
width: 440px;
height: 440px;
margin: 0;
padding: 0;
z-index: 5;
}

#startseite #area_alternating_images table.mgnlControlBarSmall {
position: absolute;
top: -20px;
left: 150px;
width: 140px;
height: 20px;
margin: 0;
z-index: 50;
}



/* die drei kleinen kreise */

#kreis_eins {
position: absolute;
top: 400px;
left: 140px;
background-image: url(../images/kreis_eins.png);
background-repeat: no-repeat;
width: 140px;
height: 140px;
z-index: 20;
}

#kreis_zwei {
position: absolute;
top: 155px;
left: 550px;
background-image: url(../images/kreis_zwei.png);
background-repeat: no-repeat;
width: 312px;
height: 296px;
z-index: 20;
}



/* der text 'footer' */

#startseite #area_text {
position: absolute;
top: 560px;
left: 314px;
width: 530px;
z-index: 100;
margin:0;
padding:0;
}

#startseite #area_text h3 {
font-size: 11px;
font-weight: bold;
color: #F04C44; /*rot*/
}

#startseite #area_text p {
font-size: 11px;
font-weight: bold;
color: #717981; /*grau*/
}

#startseite #area_header {
display: none;
}

#startseite #migros_logo { /* bei conTAKT-net.ch nur auf der Startseite */
position: absolute;
top: 590px;
left: 728px;
}