/*Dies ist die Css Datei für Dein Strickkurs*/


/* hier beginnt der Standard Css*/


body
{padding:0; margin:0 auto 0 auto; background-color:white;font-family: Arial,Verdana,Helvetica;font-size: 100%; max-width:1080px;}


#leinwand
{background-color:#17C500;margin: 1.5% auto 0 auto;text-align:left;padding: 2px;height: 0.5em;}

#leinwand1
{margin: 0.75% auto 1% auto;text-align:left;background-color:#999999;width:85%;height:3px;float:right;}

#logo
{float:left; margin: 0% 0 0 1%;width: 15%}

.bildlogo
{max-width: 95%; height:auto; margin:0 }

#head
{text-align:center; width: 85%;margin: 0 2% 1% 0;}

#head h1
{margin:0;  font-weight:600;text-align:center; font-family: Arial,helvetica,century-gothic,verdana,tahoma; font-size:3em;  color:#999999}

#titel
{font-family:Arial; color:#17c500; font-weight:600;}

#inhaber
{margin:0 0 1em 0; font-size:1.6em;padding: 0;font-family: arial;text-align:center;}

#adresse
{border-bottom:3px solid #FF7F00;text-align:center;margin:-0.75em 0 0 0}


/* Haupt-Navigation*/

ul#main-nav {clear:both;font-family:arial,sans-serif, helvetica; padding: 0 1.5% 1% 1%; width:21%;float:left;hyphens:auto;word-wrap:break-word;}
ul#main-nav li {text-align:left;padding:0;list-style:none;margin:0 0.8em 0.3em 0;}
ul#main-nav li a {text-decoration:none;display:block;padding:0.4em 0.4em 0 0.4em;color:white; font-size: 0.9em;background:#17C500;border-bottom:0.2em solid white }
ul#main-nav li a:hover {background:#999999;border-bottom:0.2em solid #17c500;}

/* Inhalt*/
#content
{width:51%;background-color:#E2FCE9;float:left;margin:0; padding:0.2% 0.8% 1% 1%;text-align:left;font-weight:100;font-size: 1em}


/* rechter Block*/
#blockrechts
{padding:0;background-color:white;width:22%;float:left;margin: 1.5% 0 0 1.5%;}
.portrait
{max-width: 100%; height:auto; margin:0}

/* Fußbereich*/
footer
{clear:both; font-family:arial; font-Size:1em; padding: 1em 0 0 0; text-align:center;}
.mailto
{color: #H17C500; text-decoration:none; font-size:1.1em}





/*===========================hier beginnt die CSS für die verschiedenen sheets=====================================*/


/*========== anreise========*/

#anreise
{margin:0;text-align:left; Font-weight:300;position:absolute; padding:3px 0 0 4em;}

#vrr
{margin:0; padding:0}


#vrr a {text-decoration:none;display:block;padding:0.4em 0.4em 0 0.4em;color:white;background:#FF7F00;border-bottom:0.2em solid #80ff00;}

#vrr a:hover {background:#80ff00;border-bottom:0.2em solid #FF7F00;}


/*========== impressum========*/
#impressum
{font-size:0.8em;}

#impressum h1
{font-size:1.6em;font-weight:300;}

#impressum h2
{margin:0;font-weight:100; font-size: 1.2em}

#impressum h3
{margin:0;font-weight:bold; font-size:1.3em;color:#999999}

#impressumk
{color:#17c500}

#impressum_nadeln
{margin:5em 0 0 0.5em}


/*======teilnahmebedingungen=====*/
#teilnahmebedingungen h1
{font-size:165%;font-weight:200}

#teilnahmebedingungen
{font-size:90%;line-height:1.4;}

ul#agb li
{/*list-style-image:url(../bilder/knopf_blau.png)*/;margin:0 1em 0.3em 0;}

#bild_grünnadel

{padding:5.5em 0 0 0.3em}


/*======kontakt=============================*/
#kontakt h1
{font-size:1.6em;font-weight:300}

#kontakt h2

{margin:0 0 -0.2em 0;font-weight:400; font-size: 1.6em; color:#FF7F00;}

#titelk
{color:#80FF00}

ul#kontakt_ul li
{margin:1.25em 0 0 0; line-height:130%; }

#kontakt_a  a {color:#FF7F00;}
#kontakt_a a:hover {background:#80ff00;border-bottom:0.2em solid #FF7F00;color:white}


#puppe
{text-align:center}


/*======kleingruppe========================*/
#kleingruppe
{padding: 0.5em ;font-size: 0.95em;}

#kleingruppe h1
{font-size:1.4em ;font-weight:300;margin: 0.8em 0 -0.4em 0}

#kleingruppe_link a:hover
{background:#80ff00;border-bottom:0.2em solid #0080FF;}

ul#kleingruppe_ul
{margin:0.1em 0 0 1em}


/*============material==bzw. alle Kursinhalte===================*/
#material
{text-align: left; margin: 0 0 0 3em; font-size:1em}

#material h1
{font-weight:600;padding:0; margin:1em 0 0 0 ;color:#FF7F00;font-size: 1.6em }

#material h4
{font-size:1.1em;font-weight:200}


ul#material li
{padding: 0.25em 0 0 0.7em}



#terminuebersicht a
{ text-align:center; text-decoration:none;display:block;padding:0.3em 0.4em 0 0.4em;background-color:#FF7F00;color:white;border-bottom:0.2em solid #80ff00;margin: 1em 0.5em 0 0;}

#terminuebersicht a:hover
{background:#80ff00;border-bottom:0.2em solid #FF7F00;}


/*==================== ueber_mich  ===============*/
#ueber_mich
{font-size:0.9em}

#ueber_mich h1
{padding:0;margin:0.8em 0 0.4em 0 ;font-size:1.5em;font-weight:100;font-style:italic;}

#ueber_mich p
{padding:0.4em 0 0 0 ;margin:0}

ul#ueber_mich_ul li
{padding: 0 0 0.4em 0.5em;}

#ueber_mich_bild
{font-style:italic;font-size:1.3em; padding:0.9em 0 0 0;font-weight:100; text-align:center}


/*==================== index  ===============*/
#index
{font-size:0.9em;font-family:arial;padding: 0.2em 0 0 0;}

#index h1
{padding:0;margin:0.3em 0 0.2em 0;font-size:1.6em;font-weight:600; color:#999999;}

#titelk
{color:#17c500}

#laufband_telefon
{color:#FF1F00;font-weight:400; font-size:200%}

#index h3
{padding:0; margin:0; font-weight:300;font-size:110%}

ul#index_pr
{margin: -0.5em 0 0.5em 0;}

ul#index_ul
{margin: 0}

ul#index_ul li
{padding: 0 0 0.3em 0;margin: 0 0 0 0.5em}

#ziel
{margin:0.5em 0 0.5em 0}

/*==================== workshops  ===============*/
#workshops
{font-size:90%}

#workshops_bildtext
{font-size:1.2em;font-weight:100;padding:0.5em 0 0 0;text-align:center}

#workshops h1
{font-size:1.5em;font-weight:300}

#workshops h2
{margin:0;font-weight:300; font-size: 1.2em; color:black;}

#workshops a
{color:#FF7F00; font-size: 1.2em;}

#workshops a:hover
{color:#80ff00;}

#info
{font-style:italic; font-size:0.8em}

#info a
{text-align:center;text-decoration:none;display:block;padding:0.2em 0.3em 0 0.4em;color:white;background:#FF7F00;border-bottom:0.2em solid white;}

#info a:hover
{background:#80ff00;border-bottom:0.2em solid white;color: white}

/*==================== termine  ===============*/
#termine h1
{font-weight:300; font-size:1.5em}

#termine h2
{font-weight:200; font-size:1em}

#termine h3
{font-weight:100; font-size:1.1em;margin:0.1em 0 0 0;font-style:italic;}

.termine_table td
{border: solid 3px white;font-size:0.8em}

#termine a
{color:#FF7F00; }

#termine a:hover
{background:#80ff00;color:white}

#termine_bild
{padding:0.5em 0 0 0;font-size:0.6em}

#frei_belegt
{text-align:right;margin:-12px 35px 0 0}


/*==================== kontaktformular ===============*/

#formular
{margin:1em 0 0 0; font-family:arial; font-size:0.9em}

#formular h1
{font-size:1.5em;font-weight:200}

#formular_rechts
{font-style:italic; font-size: 220%;font-weight:200; color:#FF7F00;}

#meldungen
{font-size:1.3em;color:#FF7F00;font-style:italic}





/* ===hier folgen die Mediaqueries*====*/
@media only screen and (max-width:700px) {
body{font-size: 80%} section , #blockrechts{clear:right;width:100%;padding:0;background-color:white;margin: 0.5em 0 0 0;text-align:center}
ul#main-nav {width:35%;} #content{width:59%;padding:0 1% 1.5% 1%}  #head h1 {font-size: 1.6rem} #inhaber{font-size: 1.1em;text-align:center }


}

@media only screen and (max-width:550px) {
body{font-size: 75%} section , #blockrechts{clear:right;width:100%;padding:0;background-color:white;margin: 0.5em 0 0 0;text-align:center}
ul#main-nav {width:35%;} #content{width:59%;padding:0 1% 1.5% 1%}  #head h1 {font-size: 1.7rem} #inhaber{font-size: 1.2em;text-align:center } aside {display:none}


}