@charset "utf-8";
/* 	CSS Document */
/* 	MAENNERCHOR ERMENSEE
 	www.maennerchor-ermensee.ch
	website by Isabelle Lang
*/

/**********************
ALLGEMEINES
**********************/

* {
margin:0px;
padding:0px;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#4e4e4e;
letter-spacing:1px;
background-image:url(images/bg.gif);
margin-left: 0px;	
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

p{
margin-bottom:10px;
padding-left:20px;
padding-right:50px;
}

.abstand{	
margin-bottom:5px;
}

/**********************
BASIS 
**********************/

#general{
width:743px;
position:absolute;
left:50%;
margin-left:-371px;
margin-top: 20px;
border-left:#f1faff 7px solid;
}

#left{	
width:565px;
background-color:#ffffff;
float:left;
border-left:#bababa solid 1px;
margin-right:-1px;
}

#right{	
width:170px;
background-color:#f1faff;
float:left;
margin-top:-6px;
}

/**********************
TOP
**********************/

#top{	
width:566px;
height:123px;
background-color:#FFFFFF;
background-image:url(images/bgtop.gif);
background-repeat:no-repeat;
border-top:#bababa solid 1px;
}

.logo{	
margin-top:15px;
margin-left:14px;
}

#bordertop{	
background-color:#f1faff;
width:566px;
height:6px;
}

/**********************
BOTTOM
**********************/

#indexbottom, #frage1bottom, #frage2bottom, #frage3bottom, #frage4bottom, #eignungstestbottom, #geschafftbottom{
float:left;
margin-top:-47px;
}

/**********************
NAVIGATION
**********************/
#navigation{	
background-color:#ffffff;
letter-spacing:0px;
float:left;
width:140px;
padding-top:20px;
}

/**********************
TEXTBEREICH
**********************/

.bild{
margin-left:14px;
}

.titel{	
margin-top:13px;
margin-left:20px;
margin-bottom:10px;
}

/**********************
INHALTE
**********************/

/*Allgemein*/

.ueber_uns, #giuseppemurena, .geschichte, .aktivitaeten, .jahresprogramm, .informationen, #mitsingen, #eignungstest, #frage1, #frage2, #frage3, #frage4, #geschafft, .unterstuetzen, .links, .kontakt, .ohne
{
float:left;
width:425px;
padding-top:20px;
background-repeat:no-repeat;
}

.mitglieder, .vorstand
{
float:left;
width:420px;
padding-top:20px;
background-repeat:no-repeat;
}
/* Startseite */

#text{	
background-image:url(images/b_startseite.jpg);
background-repeat:no-repeat;
float:left;
width:425px;
}

/* Paragrafen */

.ueber_uns p{	
width:320px;
}

.informationen p{	
width:340px;
}

#mitsingen p{	
width:320px;
}

/* Eignungstest */

.frage{	
margin-left:20px;
}

#frage1 form, #frage2 form, #frage3 form, #frage4 form{	
margin-bottom:25px;
}

#eignungstest p, #frage1 p, #frage2 p, #frage3 p, #frage4 p, #geschafft p{	
width:250px;
}

#eignungstest a, #frage1 a, #frage2 a, #frage3 a, #frage4 a{	
margin-left:70px;
}

/* Hintergründe */

.ueber_uns{	
background-image:url(images/b_ueber_uns.jpg);
}

.geschichte{	
background-image:url(images/b_geschichte.jpg);
}

.aktivitaeten{	
background-image:url(images/b_aktivitaeten.jpg);
}

#mitsingen{	
background-image:url(images/b_mitsingen.jpg);
}

#eignungstest{	
background-image:url(images/b_eignungstest.jpg);
}

#frage1{	
background-image:url(images/b_frage1.jpg);
}

#frage2{	
background-image:url(images/b_frage2.jpg);
}

#frage3{	
background-image:url(images/b_frage3.jpg);
}

#frage4{	
background-image:url(images/b_frage4.jpg);
}

#geschafft{	
background-image:url(images/b_geschafft.jpg);
}

.kontakt{	
background-image:url(images/b_kontakt.jpg);
}

/**********************
RECHTER BEREICH
**********************/

.rechtsbild{	
border-right:#bababa solid 1px;
}

/**********************
JAHRESPROGRAMM
**********************/

.tablejahresprogramm{
width:340px;
letter-spacing:0px;
margin-left:15px;
}

.tablejahresprogramm td{
height:15px;
padding-left:10px;
}

.blauoben{
padding-top:7px;
background-color:#e6f5fd;
border-top:#e8e8e8 solid 1px;
}

.blauunten{
font-size:13px;
color:#004c93;
background-color:#e6f5fd;
border-bottom:#e8e8e8 solid 1px;
padding-bottom:7px;
}

.schriftgross{
font-size:13px;
color:#004c93;
padding-bottom:7px;
}

.datum{
padding-top:7px;
}

/**********************
KONTAKT
**********************/

.adresse{
height:155px;
width:195px;
float:right;
padding-top:65px;
padding-left:45px;
color:#004c93;
letter-spacing:normal;
}

/**********************
KONTAKTFORMULAR
**********************/
.kontakt table{
margin-left:20px;
}

#name, #vorname, #adresse, #ort, #tel, #email, #sonstiges{	
margin-bottom:10px;
border:none;
border-bottom:#c9c9c9 solid 1px;
width:160px;
}

#nachricht{
border:#c9c9c9 solid 1px;
width:260px;
height:100px;
}

#fehler{
border:#bf1a27 solid 2px;
width:360px;
margin-bottom:30px;
}

.fehler{
font-weight:bold;
color:#bf1a27;
}

#danke{
border:#004c93 solid 2px;
width:360px;
margin-bottom:40px;
padding-top:20px;
padding-bottom:10px;
}

.danke{
font-weight:bold;
color:#004c93;
}

#senden{
margin-left:172px;
margin-top:10px;
border:none;
width:90px;
background-color:#e6f5fd;
color:#004c93;
padding:5px;
}

.nachricht{
padding-top:15px;
font-weight:bold;
padding-bottom:10px;
}

.personalien{
font-weight:bold;
padding-bottom:5px;
}

.betreff{
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
}

/**********************
MITGLIEDER
**********************/

.mitgliederclass p{
margin-bottom:10px;
padding-left:20px;
padding-right:0px;
}

.mitgliederclass{
padding-right:0px;
width:200px;
}

img{
padding:0px;
margin:0px;
}

#banner{
margin-left:360px;
position:absolute;
width:200px;
}

/**********************
LINKS
**********************/

.linkbild{
float:left;
border:#004c93 solid 1px;
margin-right:10px;
}

.links p{
margin-bottom:25px;
}

a{
font-weight:bold;
color:#004c93;
text-decoration:none;
}

a:visited{
text-decoration:none;
}

a:hover{
color:#bf1a27;
}

li{
margin-left:17px;
padding-left:25px;
list-style-type:none;
width:340px;
background-image:url(images/punkt.gif);
background-repeat:no-repeat;
background-position:0px 2px;
}

.pfeil{
margin-right:5px;
}