/* Mediasuite - Atelier fuer Internet und Multimedia - www.mediasuite.ch /* 
 



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

#container {
width:860px;
height: 651px;
margin: 0px auto;
padding:0px;
text-align:left;
background-color: #fff;
}

/*  Header */

#header {
margin: 0 10px 0 10px;
background-color:transparent;
background-color: #fff;
height: 32px;

}

#sprachen {
padding-top: 10px;
margin-right: 20px;
float:left;
}

#header_navi{
padding-top: 10px;
float:left;
}

#searchbox{
padding-top: 6px;
float:left;
font-size: 1em;
}

/*  end Header */


#logo {
margin: 0 10px 0 10px;
padding-bottom: 10px;
}

#links {
margin: 0;
width:190px;
height: 474px;
padding: 0px;
background-color: #fff;
float:left;
}

#rechts {
margin: 0 0 0 6px;
width:222px;
height: 474px;
padding:0px;
float:left;
background-color: #fff;
}

#inhalt {
width: 412px;
height: 464px;
padding:0 10px 10px 10px;
float:left;
overflow: auto;
background-color: #ebf7fd;
}

#inhalt_big {
width: 660px;
height: 464px;
padding:0 0px 10px 0px;
float:left;
background-color:#fff;
overflow: hidden;
}

#footer {
padding-bottom: 10px;
padding-left: 10px;
padding-top: 20px;
margin: 0;
background-color: transparent;
font-size: 0.9em;
}


/* Spalten */

#spalte_1, #spalte_2 {
background-color: #fff;
float: left;
margin-left: 1px;
margin-top: 10px;
}

#spalte_3 {
background-color: #fff;
float: left;
margin-top: 10px;
}


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


/* Main Navigation */


#main_navi{
	padding-left: 10px;
}

#main_navi li{
	list-style-type: none;
	font-size: 1.1em;
}

.hauptmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px;
}

.hauptmenu li a{
color: #00303c;
display: block;
width: 173px;
padding: 3px 0 3px 0;
font-weight: bold;
text-decoration:none;
border-bottom: #fff 2px solid;
border-top: #fff 2px solid;
}

.hauptmenu li a:visited{
color: #00303c;
}

.hauptmenu li a:hover, .hauptmenu li a:active{
color: black;
background-color: #ace7f5;
}

.aktive{
color: black;
background-color: #ace7f5;
}


/* Sub Navigation */

.untermenu li a{
margin-left: 6px;
color: #00303c;
display: block;
width: 159px;
padding: 2px 4px;
text-decoration: none;
font-weight: normal;
text-decoration:none;
font-size: 0.9em;
}



/* Footer Navigation */

#footer li {
	display: inline;
	list-style-type: none;
}

/* Sprachen Navigation */

#sprachen li {
	display: inline;
	list-style-type: 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;
font-size: 96%;
}

body {
font-family :  Arial, Verdana, Sans-Serif;
color : #000;
text-align: center;
background: url(../Image/background.jpg) center center;
}

a:link {
color : #00303c;
background-color : transparent;
text-decoration : underline;
}

a:visited {
color : #00303c;
}

a:hover {
color : #00303c;
text-decoration : underline;
}

a:active {
color : #00303c;
}

p, pre {

}

ul {
}

li {
list-style-type : circle;
}

h1 {
font-weight: normal;
font-size : 1.2em;
text-transform : uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
margin-top: 4px;
}

h2, h3, h4, h5, h6 {
font-weight: normal;
font-size : 1.1em;
letter-spacing: 1px;
margin-bottom: 8px;
}

/* Formulare */

input {
}

form {
}

textarea {
}

table {
padding: 0px;
margin: 0px;
border: 0px;
}


/* Classen /*
/*======================================================================*/


.searchbox-button {
height: 20px;
border: 1px solid  #fff;
text-align: center;
background-color: #ffffff;
color: #000000;
font-size: 1em;
}

.searchbox-button:hover {
color: #00303c;
}

.searchButtonFeld {
font-size: 1em;
height: 14px;
}


/* end */