/* © Copyright 2006 Mediasuite /*
/* Mediasuite - Atelier fuer Internet und Multimedia /*
/* www.mediasuite.ch, info@mediasuite.ch /*

/* Mobile nicht anzeigen /*
/*======================================================================*/

#accesskey, #footerprint, #footerscreen, #usabilityprint, #newsletter_sprache, #jumper, #header, #navigation, #hotspots {
display: none;
}



/* Formatierung /*
/*======================================================================*/


html, body, div, p, h1, h2, h3, h4, h5, h6, hr, ul, li, span, pre, a, form, img, blockquote {
margin : 0;
padding : 0;
}

body {
background-color : #ffffff;
font-size : 62.5%;
font-family : Verdana, Arial, Sans-Serif;
color : #564b47;
}

a:link {
color : #564b47;
background-color : transparent;
text-decoration : underline;
font-size : 1em;
}

a:visited {
color : #564b47;
background-color : transparent;
}

a:hover {
padding : 0 0 2px;
color : #000000;
background-color : #fec20f;
text-decoration : none;
}

a:active {
color : #000000;
background-color : #fec20f;
}

p, pre {
padding : 5px 0;
font-size : 1em;
}



ul {
padding : 0 0 0 15px;
}

li {
list-style-type : circle;
}

h1 {
padding: 1px 0 1px;
font-weight : bold;
color : #fec20f;
font-size : 1.2em;
text-transform : uppercase;
letter-spacing: 1px;
}

h1.h1_internet {
color : #458B00;
}

h1.h1_multimedia {
color : #B41919;
}

h1.h1_powerpoint {
color : #3C7A95;
}

h2 {
color : #575757;
padding : 5px 0;
font-size : 1.0em;
}

h3 {
padding : 5px 0 5px;
font-size : 1.0em;
font-weight : bold;
}

h4 {
padding : 5px 0 5px;
font-size : 1.0em;
font-weight : bold;
}

h5 {
padding : 5px 0 5px;
font-size : 1.0em;
font-weight : bold;
}

h6 {
padding : 5px 0 5px;
font-size : 1.0em;
font-weight : bold;
}

hr {
color: silver; 
background-color: transparent;
height: 1px;
border: 0px;
}

abbr, acronym {
cursor: help;
}

object.bbaserefhotspot {
border: 0;
}




/* Struktur /*
/*======================================================================*/

#container {
margin : 0;
padding : 0;
max-width : 1200px;
}

#header {
margin : 0;
padding : 0;
}

#navigation {
margin : 0;
padding : 0;
position : absolute;
left : 20px;
width : 240px;
font-size : 1.1em;
}

#inhalt {
margin : 0 5px 0 5px;
padding : 0;
font-size : 1.0em;
}

#usabilityscreen {
margin : 5px;
word-spacing: 0px;
text-align : right;
}

#usabilityprint {
margin : 5px;
text-align : right;
font-size : 0.9em;
}

#hotspots {
margin : 0 5px 0 5px;
padding : 0;
position : absolute;
width : 120px;
font-size : 1.0em;
}

#jumper {
line-height: 1.8em;
font-size : 1.0em;
}

#footerscreen {
margin : 0 220px 0 280px;
padding : 0;
text-align : center;
font-size : 1.0em;
}

#footerprint {
margin : 0 220px 0 280px;
padding : 0;
text-align : center;
font-size : 0.9em;
}


.clearer {
	clear: both;
}



/* classen 
======================================================================*/

.image_left {
    padding: 0 10px 0px 0;
}

.text_left {
    padding: 0 0 0 190px;
}

.clearer_left {
    clear:left;
}


.hotspot_left {
    padding: 0 0 0 20px;
}

.kundenliste {
font-size : 0.9em;
}

.spaltenlinie {
border-bottom : 1px solid silver;
}
.naviliniefirst {
margin : 0 0 2px;
border-bottom : 1px solid silver;
}
.navilinie {
padding : 0 0 2px;
margin : 0px 0 2px;
border-bottom : 1px solid silver;
}


.naviliste li {
list-style-type : none;
margin : 0 0 0 -15px;
}

.naviliste_unternavigation li {
list-style-type : none;
padding : 4px 0 4px 15px;
font-size : 1.0em;
}

.subnaviliste li {
list-style-type : none;
margin : 0 0 0 -15px;
padding: 2px 0 2px;
height: 2em;
}

.punkt_down {
margin: 0px 0 -21px;
color: #fec20f;
font-size: 2.5em;
text-align: center;
}
.punkt_logo {
padding : 0 0 0 244px;
top: 4px;
position: absolute;
}
.logo {
padding : 25px 0 0 167px;
margin : 0;
}

.top_back {
line-height: 1.8em;
font-size : 1.0em;
}

.infobox {
color: #999999;
font-size: 1.0em;
text-transform: uppercase;
font-weight: bold;
}


.mediasuite_fokus {
color: #fec20f;
font-size: 1.0em;
text-transform: uppercase;
font-weight: bold;
}


.internet_fokus {
color: #458B00;
font-size: 1.0em;
text-transform: uppercase;
font-weight: bold;
}

.multimedia_fokus {
color: #B41919;
font-size: 1.0em;
text-transform: uppercase;
font-weight: bold;
}

.powerpoint_fokus {
color: #3C7A95;
font-size: 1.0em;
text-transform: uppercase;
font-weight: bold;
}



/* Navigation Menu /*
/*======================================================================*/

.homenavigation a:link {
padding : 2px 0;
display : block;
color : #ACADB1;
background : transparent;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
.homenavigation a:visited {
padding : 2px 0;
display : block;
color : #ACADB1;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
.homenavigation a:hover {
padding : 2px 0;
display : block;
color : #ffffff;
background : #ACADB1;
}
.homenavigation a:active {
color : #000000;
background : #ACADB1;
}

.mediasuitenavigation a:link {
padding : 2px 0;
display : block;
color : #fec20f;
background : transparent;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
.mediasuitenavigation a:visited {
padding : 2px 0;
display : block;
color : #EEAD0E;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
.mediasuitenavigation a:hover {
padding : 2px 0;
display : block;
color : #ffffff;
background : #fec20f;
}
.mediasuitenavigation a:active {
color : #000000;
background : #fec20f;
}


.internetnavigation a:link {
padding : 2px 0;
display : block;
color : #458B00;
background : transparent;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
.internetnavigation a:visited {
padding : 2px 0;
display : block;
color : #458B00;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
.internetnavigation a:hover {
padding : 2px 0;
display : block;
color : #ffffff;
background : #458B00;
}
.internetnavigation a:active {
color : #000000;
background : #458B00;
}


.multimedianavigation a:link {
padding : 2px 0;
display : block;
color : #B41919;
background : transparent;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
.multimedianavigation a:visited {
padding : 2px 0;
display : block;
color : #B41919;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
.multimedianavigation a:hover {
padding : 2px 0;
display : block;
color : #ffffff;
background : #B41919;
}
.multimedianavigation a:active {
color : #000000;
background : #B41919;
}


.powerpointnavigation a:link {
padding : 2px 0;
display : block;
color : #3C7A95;
background : transparent;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
.powerpointnavigation a:visited {
padding : 2px 0;
display : block;
color : #3C7A95;
text-decoration : none;
font-weight : bold;
text-transform : uppercase;
}
.powerpointnavigation a:hover {
padding : 2px 0;
display : block;
color : #ffffff;
background : #3C7A95;
}
.powerpointnavigation a:active {
color : #000000;
background : #3C7A95;
}

/* Links Hotspot /*
/*======================================================================*/

.mediasuitehotspot a:link {
text-decoration: underline;
color : #EBB207;
background : transparent;
}
.mediasuitehotspot a:visited {
text-decoration: underline;
color : #EBB207;
background : transparent;
}
.mediasuitehotspot a:hover {
padding : 0 0 2px;
text-decoration: none;
color : #ffffff;
background : #fec20f;
}
.mediasuitehotspot a:active {
color : #ffffff;
background : #fec20f;
}


.internethotspot a:link {
text-decoration: underline;
color : #458B00;
background : transparent;
}
.internethotspot a:visited {
text-decoration: underline;
color : #458B00;
background : transparent;
}
.internethotspot a:hover {
padding : 0 0 2px;
text-decoration: none;
color : #ffffff;
background : #458B00;
}
.internetnavigationhotspot a:active {
color : #ffffff;
background : #458B00;
}


.multimediahotspot a:link {
text-decoration: underline;
color : #B41919;
background : transparent;
}
.multimediahotspot a:visited {
text-decoration: underline;
color : #B41919;
background : transparent;
}
.multimediahotspot a:hover {
padding : 0 0 2px;
text-decoration: none;
color : #ffffff;
background : #B41919;
}
.multimediahotspot a:active {
color : #ffffff;
background : #B41919;
}


.powerpointhotspot a:link {
text-decoration: underline;
color : #3C7A95;
background : transparent;
}
.powerpointhotspot a:visited {
text-decoration: underline;
color : #3C7A95;
background : transparent;
}
.powerpointhotspot a:hover {
padding : 0 0 2px;
text-decoration: none;
color : #ffffff;
background : #3C7A95;
}
.powerpointhotspot a:active {
color : #ffffff;
background : #3C7A95;
}

/* unternavigation /*
/*======================================================================*/


.mediasuiteunternavigation a:link {
padding : 2px 0;
display : compact;
color : #564b47;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}
.mediasuiteunternavigation a:visited {
padding : 2px 0;
display : compact;
color : #564b47;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}
.mediasuiteunternavigation a:hover {
padding : 2px 0;
display : compact;
color : #000000;
background : #fec20f;
}
.mediasuiteunternavigation a:active {
color : #000000;
background : #fec20f;
}

.mediasuiteunternavigationaktiv {
padding : 2px 0;
display : block;
color : #564b47;
background : #fec20f;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}


.internetunternavigation a:link {
padding : 2px 0;
display : compact;
color : #564b47;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}
.internetunternavigation a:visited {
padding : 2px 0;
display : compact;
color : #564b47;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}
.internetunternavigation a:hover {
padding : 2px 0;
display : compact;
color : #ffffff;
background : #458B00;
}
.internetunternavigation a:active {
color : #ffffff;
background : #458B00;
}

.internetunternavigationaktiv {
padding : 2px 0;
display : block;
color : #564b47;
background : #fec20f;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}


.multimediaunternavigation a:link {
padding : 2px 0;
display : compact;
color : #564b47;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}
.multimediaunternavigation a:visited {
padding : 2px 0;
display : compact;
color : #564b47;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}
.multimediaunternavigation a:hover {
padding : 2px 0;
display : compact;
color : #ffffff;
background : #B41919;
}
.multimediaunternavigation a:active {
color : #ffffff;
background : #B41919;
}

.multimediaunternavigationaktiv {
padding : 2px 0;
display : block;
color : #564b47;
background : #fec20f;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}


.powerpointunternavigation a:link {
padding : 2px 0;
display : compact;
color : #564b47;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}
.powerpointunternavigation a:visited {
padding : 2px 0;
display : compact;
color : #564b47;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}
.powerpointunternavigation a:hover {
padding : 2px 0;
display : compact;
color : #ffffff;
background : #3C7A95;
}
.powerpointunternavigation a:active {
color : #ffffff;
background : #3C7A95;
}

.powerpointunternavigationaktiv {
padding : 2px 0;
display : block;
color : #564b47;
background : #3C7A95;
text-decoration : none;
font-weight : normal;
text-transform: uppercase;
}


/* link internet /*
/*======================================================================*/

a:hover.linkinternet {
color: #ffffff;
background-color : #458B00;
text-decoration : none;
}

a:active.linkinternet {
color: #ffffff;
background-color: #458B00;
}


/* link multimedia /*
/*======================================================================*/

a:hover.linkmultimedia {
color : #ffffff;
background-color: #B41919;
text-decoration: none;
}

a:active.linkmultimedia {
color : #ffffff;
background-color: #B41919;
}


/* link powerpoint /*
/*======================================================================*/


a:hover.linkpowerpoint {
color : #ffffff;
background-color: #3C7A95;
text-decoration: none;
}

a:active.linkpowerpoint {
color : #ffffff;
background-color: #3C7A95;
}




/* end /*
/*======================================================================*/