/*

conTAKT-net Gruppen

*/

/*** Breadcrumb Navigation ***/
#area_breadcrumb_navigation {
position: relative;
top: 150px;
left: 320px;
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-size: 13px;
}

body { /* balken vertikal */
background: url(../images/background_gruppen.gif) repeat-y;
}

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 LOGOS ***/

#area_logo {
position: absolute;
top: 500px;
left: 20px;
height: 130px;
width: 270px;
color: inherit;
z-index: 10;
}

#grouplogo {
position: absolute;
top: 0;
left: 0;
width: 270px;
height: 130px;
z-index: 11;
overflow: hidden;
text-align: center;
background-color: #fff;
}



/*** POSITION BALKEN OBEN ***/

#area_header {
position: absolute;
top: 0;
left:0;
width: 100%;
height: 130px;
color: inherit;
background-color: #CDCFD0;
}

#area_header #area_model_site_stamp {
position: absolute;
top: 0px;
left: 600px;
}

/*** POSITION HEADER / FOOTER ***/

#area_header h1 {
position: absolute;
top: 21px;
left: 300px;
width: 650px;
font-size: 20px;
color: #fff;
background-color: inherit;
text-align: left;
text-decoration: none;
font-weight: normal;
}

#area_header h1 a:link,
#area_header h1 a:visited,
#area_header h1 a:hover,
#area_header h1 a:active {
font-size: 20px;
color: #fff;
background-color: inherit;
text-align: left;
text-decoration: none;
font-weight: normal;
}

#area_header h2  {
position: absolute;
top: 47px;
left: 300px;
width: 650px;
font-size: 20px;
color: #fff;
background-color: inherit;
text-align: left;
text-decoration: none;
font-weight: normal;
}

#area_header h2 a:link,
#area_header h2 a:visited,
#area_header h2 a:hover,
#area_header h2 a:active {
font-size: 20px;
color: #fff;
background-color: inherit;
text-align: left;
text-decoration: none;
font-weight: normal;
}



/*** SPRACHWAHL ***/

#language_switch {
top: 101px;
left: 21px;
}



/* NAVIGATION --> Nur Farben, restliche Informationen werden importiert*/

/*top-navi*/

.level2 a {
color: #000; /*schwarz*/
}

.level2 a:link,
.level2 a:visited {
color: #000; /*schwarz*/
}

.level2 a:hover,
.level2 a:active {
color: #F04C44; /*rot*/
}

.level2 li.active a:link,
.level2 li.active a:visited {
color: #F04C44; /*rot*/
}

.level2 li.trail a:link,
.level2 li.trail a:visited {
color: #F04C44; /*rot*/
}



/*side-main-navi*/

.level3 a {
color: #717981; /*grau*/
}

.level3 a:link,
.level3 a:visited {
color: #717981; /*grau*/
}

.level3 a:hover,
.level3 a:active {
color: #F04C44; /*rot*/
}

.level3 li.active a:link,
.level3 li.active a:visited {
color: #F04C44; /*rot*/
}

.level3 li.trail a:link,
.level3 li.trail a:visited {
color: #F04C44; /*rot*/
}



/*side-sub-navi*/

.level4 strong a:link,
.level4 strong a:visited {
text-decoration: underline;
}

#AccessibilityMenu {
position:absolute;
left:-2000px;
top:-2000px;
width:0;
height:0;
overflow:hidden;
display:block;
}

/* POSITIONIERUNG DES INHALTS */

#area_content,
#area_content_startpage {
position: relative;
margin-top: 180px;
margin-left: 270px;
width: 600px;
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 {
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: #C13A33; /* dunkel-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;
}

#area_content{
z-index:2;
}



/* MIGROS LOGO */

#migros_logo {
position: relative;
left: 458px;	
width: 100px;
}

