/* ------------------------------> Farben
Gold: #cc9933


 */

/* ------------------------------> Grundsätzliche Formate (body) */
body {
width: 1026px;
background-color: #eeeeee;     /*hintergrund ausserhalb des body ... */
margin: 0px 0px 0px 70px;
padding: 0px 0px 0px 0px;
border-left: 1px #333345;
border-right: 1px #333345;
font-family: "Gill Sans MT", Arial;
text-align: left;
font-size: 12px;
color: #ffffff;

}



/* =============================================================== >>>>  header  */


#head {
height: 300px;
background: #aaaaaa; 
border: 0px solid blue;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: "Gill Sans MT", Arial;
text-align: left;
font-size: 12px;
color: #ffffff;
}

#headerlogo {
position: relative;
margin: 0px 0px 0px 0px;
z-index: 1;
top: 0px;
left: 0px;
border-left: 1px solid #333345;

}



/* =============================================================== >>>>  Menuleiste --------------- */

#menuleiste {
height: 25px;
width: 1026px;
z-index: 1;

/*background-image: url(pic/klaviatur.png); */
background: #ffffff; 
position: relative; 
top: 0px;
left: 0px;
border-left: 0px solid #333345;
border-bottom: 0px solid #333345;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

font-family:"Gill Sans MT", Arial;
text-align: left;
font-size: 18px;
color: #002d51;
line-height: 0.7;
} 

#menuleiste a {text-decoration:none; }
#menuleiste a:link {color:#002d51;}
#menuleiste a:visited {color:#002d51;}
#menuleiste a:hover {color:#5687b5; }


.menupoint0 {					/* NEWS */
position: absolute; 
top: 0px;
left: 2px;
border:0px solid red;
}
.menupoint1 {					/* ZIELE */
position: absolute; 
top: 0px;
left: 120px;
border:0px solid red;
}
.menupoint2 {					/* TERMINE */
position: absolute; 
top: 0px;
left: 220px;
border: 0px solid red;
}
.menupoint3 {					/* ROUTEN */
position: absolute; 
top: 0px;
left: 350px;
border: 0px solid red;
}
.menupoint4 {					/*  LINKS */
position: absolute; 
top: 0px;
left: 520px;
border: 0px solid red;
}
.menupoint5 {					/*  KONTAKT */
position: absolute; 
top: 0px;
left: 620px;
border: 0px solid red;
}

.menupoint6 {					/*  BLOG */
position: absolute; 
top: 0px;
left: 750px;
border: 0px solid red;
}

.submenu {
visibility:hidden;
font-size: 14px;
line-height: 1.2;
}

/* =============================================================== >>>>  navigation --------------- */

#navigation {
height: 600px;
width: 130px;
z-index: 30;
position: relative; 
border-left: 0px solid #333345;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
border: 0px solid blue;

font-family: "Gill Sans MT", Arial;
text-align: left;
font-size: 18px;
color: #333345;
line-height: 1.0;
} 

.nav_termine {
font-family: "Gill Sans MT", Arial;
text-align: left;
font-size: 14px;
color: #777777;
line-height: 1.2;
}
#navigation a {text-decoration:none; }
#navigation a:link {color:#002d51;}
#navigation a:visited {color:#002d51;}
#navigation a:hover {color:#5687b5; }


/* =============================================================== >>>>  mainhome, einstiegsbild  */

#homefoto0 {		
z-index: 99;							/* division fuer logo */
position: relative;
top: 0px;
left: 0px;
width: 150px;
height: 150px;
margin: 0px 0px 0px 0px;
border: 0px solid black;
}

/* ----------------------------frontfoto --------------- */

#frontfoto {
z-index: 99;
position: relative;  					/* bildformat fuer logo */
width: 300px;
height:300px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: "Gill Sans MT", Arial;
font-size: 18px;
color: #FFFFFF;
line-height: 0.8;
border: 0px solid red;
} 

/*  ********************************* tags für startpage ******************** 
*/

.maintext1 {
font-family: "Arial Rounded MT bold", Arial;
text-align: left;
font-size: 14px;
color: #002d51;
border: 1px solid green;
}

#mainhome {
position: relative;  
top: 0px;
left: 0px; 
/*height: 400px;
*/
width: 840px;
z-index: 30;
position: relative; 
background: #eeeeee; 

margin: 0px 0px 0px 0px;		
padding: 50px 0px 30px 50px;
border: 0px solid red;
font-family: "Gill Sans MT", Arial;
text-align: left;
font-size: 10px;
color: #000000;
float: left;
}
#mainhome  a:link {
color: #777777;
text-decoration: underline;
}
#mainhome  a:visited {
color: #777777;
text-decoration: none;
}
#mainhome a:hover {
text-decoration: none;
color:#002d51;
}



/* =============================================================== >>>>  CV  */

#blog_feld {
position:relative;
background:#ffffff;
/*color: #FFFFFF;
*/

top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;	
padding: 0px 0px 10px 10px;	
border: 0px solid blue;
}

#blog_feld  a:link {
color: #002d51;
text-decoration: none;
}
#blog_feld  a:visited {
color: #002d51;
text-decoration: none;
}
#blog_feld a:hover {
text-decoration: none;
color:#002d51;
}


.blog_datum {
position:relative;
/*background:#333333;
*/
color: #002d51;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;	
padding: 0px 0px 0px 0px;	
border: 0px solid green;
text-align: right;
}

.blog_US1 {
position:relative;
Top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;			/*die ersten 75px gehoeren der Navileiste  */
padding: 0px 0px 0px 0px;
/*background-image: url(pic/Notenblatt_4.png); 
background: #aaaaaa;
*/
background-repeat: no-repeat;
border-top: 0px solid #333345;
border-right: 0px solid #333345;
border-left: 0px solid #333345;
border-bottom: 0px solid #ffffff;
font-family: "Arial Rounded MT bold", Arial;
font-size: 16px;
color: #002d51;
border: 0px solid red;
}


#blog_text {
position:relative;
Top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;			/*die ersten 75px gehoeren der Navileiste  */
padding: 0px 0px 0px 0px;
/*background-image: url(pic/Notenblatt_4.png); 
background: #aaaaaa;
*/
background-repeat: no-repeat;
border-top: 0px solid #333345;
border-right: 0px solid #333345;
border-left: 0px solid #333345;
border-bottom: 0px solid #ffffff;
font-family:"Gill Sans MT", Arial;
font-size: 14px;
color: #777777;
border: 0px solid red;
}


.blog_foto {
position:relative;
top: -15px;
height: 100px;
margin: 0px 10px 0px 10px;
float: right;
border: 1px solid #002d51;
}

.blog_liste {
position:relative;
Top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;			/*die ersten 75px gehoeren der Navileiste  */
padding: 0px 0px 0px 20px;
/*background-image: url(pic/Notenblatt_4.png); 
background: #aaaaaa;
*/
background-repeat: no-repeat;
border-top: 0px solid #333345;
border-right: 0px solid #333345;
border-left: 0px solid #333345;
border-bottom: 0px solid #ffffff;
font-family: "Gill Sans MT", Arial;
font-size: 14px;
color: #777777;
border: 0px solid red;
}
.CVUS2 {
Top: 15px;
left: 0px;
width: 605px;
margin: 0px 0px 30px 0px;			/*die ersten 75px gehoeren der Navileiste  */
padding: 0px 0px 0px 0px;
/*background-image: url(pic/Notenblatt_4.png); 
background: #dddddd;*/
background-repeat: no-repeat;
position: relative; 
border-top: 1px solid #333345;
border-right: 0px solid #333345;
border-left: 1px solid #333345;
border-bottom: 0px solid #333345;
font-family: "Arial Rounded MT bold", Arial;
font-size: 14px;
color: #002d51;


}
.CVUS3 {
Top: 15px;
left: 25px;
width: 620px;
margin: 0px 0px 0px 0px;			/*die ersten 75px gehoeren der Navileiste  */
padding: 0px 0px 0px 0px;
/*background-image: url(pic/Notenblatt_4.png); 
background: #dddddd;*/
background-repeat: no-repeat;
position: relative; 
border-top: 0px solid #333345;
border-right: 0px solid #333345;
border-left: 0px solid #333345;
border-bottom: 0px solid #ffffff;
font-family: "Arial Rounded MT bold", Arial;
font-size: 12px;
color: #999999;
}


.CVTX1 {
Top: 5px;
left: 20px;
width: 500px;
margin: 50px 0px 0px 0px;			/*die ersten 75px gehoeren der Navileiste  */
padding: 0px 0px 0px 0px;
/*background-image: url(pic/Notenblatt_4.png); */

background-repeat: no-repeat;
position: relative; 
border-top: 0px solid #333345;
border-right: 0px solid #333345;
border-left: 0px solid #333345;
border-bottom: 0px solid #ffffff;
font-family: "Arial Rounded MT bold", Arial;
font-size: 16px;
color: #FFFFFF;
}

/* =============================================================== >>>>  referenzen --------------- */

#referenzen {
position: relative; 


border-left: 0px solid #333345;
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
float: left;

font-family: "Arial Rounded MT bold", Arial;
text-align: left;
font-size: 12px;
color: #999999;
line-height: 1.2;
} 

#referenzen a {text-decoration:none; }
#referenzen a:link {color:#002d51;}
#referenzen a:visited {color:#002d51;}
#referenzen a:hover {color:#5687b5; }



#formular {
position: relative;
border: 0px solid red;
width: 500px;
padding: 30px 0px 0px 100px;
margin: 0px 0px 0px 0px;
font-size: 14px;
line-height: 1.4em;
list-style-type: none;
color: #333345;
}
.tabanfrage td, tr {
border: 0px solid red;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
font-family:   "Gill Sans MT", Arial;
font-size: 12px;
text-align: left; 
color: #999999;
}
.tabanfrage th {
padding: 0px 0px 40px 0px;
border-top: 1px solid #333345;
border-right: 0px solid #333345;
border-left: 1px solid #333345;
border-bottom: 0px solid #333345;
font-family: "Arial Rounded MT bold", Arial;
font-size: 14px;
text-align: left;
color: #002d51;

}




/* ----------------------------bottom --------------- */
#bottom {
height: 20px;
/*background: #cccccc;
border-top: 1px solid #ffffff;
*/margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

font-family: "Gill Sans MT", Arial;
text-align: right;
font-size: 10px;
line-height: 1.9em;
color: #999999;
clear: both;
border: 0px solid #333345;
}

/* ---------------------------------------> Überschriften */

h1 {
margin: 0px 0px 80px 100px;
color: #cc9933;
font-size: 18px;
border-bottom: 1px solid #cc9933;
padding-bottom: 5px;
line-height: 0.7em;
}
h2 {
margin: 0px 0px 30px 0px;					/*  überschriften  Kontakt und Mission  */
padding: 0px 0px 0px 0px;
color: #cc9933;
font-family: "Gill Sans MT", Arial, sans-serif; 
font-size: 24px;
text-shadow: #555555 1px 1px 0px;
line-height: 1.4em;
text-align: center;
list-style-type: bold;
text-decoration: none;
border: 0px solid red;
}
h3 {
margin: 0px 0px 0px 20px;				/* Musiker überschriften */
color: #cc9933;
font-size: 16px; 
text-shadow: #555555 1px 1px 0px;
line-height: 1.7em;
border-bottom: 0px solid #ff9900;
clear: both;
}
h4 {
margin: 0px 0px 0px 30px;				/* links überschriften */
color: #cc9933;
font-size: 14px; 
text-shadow: #555555 1px 1px 0px;
line-height: 1.7em;
border-bottom: 0px solid #ff9900;
clear: both;
}
h5 {
margin: 0px 0px 0px 30px;				/* links überschriften */
color: #333345;
background-color: #aaaaaa;
font-size: 18px; 
line-height: 1.7em;
clear: both;
}
#h5 a {text-decoration:none; }