/*
##################################################
##                                              ##
##            pinni-ratgeber.de.vu              ##
##         styles created by Sneak0r            ##
##                                              ##
##                  2015                        ##
##                                              ##
##################################################
*/

/* Notes

- 16px=1em -> pixel/16=em
- target / content = result -> 24px/16=1.5em

- fluid system
- 880 pixels ÷ 960 pixels = 0.91666667 // 960px gesamtbreite meiner Darstellung, 880px breite vom content
- als nächstes das ganze *100 = 91.666667%, jetzt noch aufrunden = 92%

*/

/******* Styles der Seiten *******/

* {
	margin:0;
	padding:0;
	/*border: thin #3A3A3A solid*/
}

html, body {
	color: #1EF4F4;
	font-family: 'Open Sans', sans-serif;
	font-size:;
	background-image:url(../../pics/background.png);
    /* overflow: hidden; <--nur wenns gar nicht scrollen soll*/
}

header {margin:1em 1em 2em 1em;}

 section { 
	padding:1em;
	background-color:;
	border-bottom:thin #1EF4F4 dotted;
}

article {margin-left: 1em;}

p {margin: 1em}

li {list-style-type:;}

/** Überschriften **/

header { text-align:center; }

h5 {margin: 0.5em 0em 0.5em 0em;}

/** Menü **/

nav {background-color:;}
nav ul {margin:0; padding:0;}
nav ul li {display:inline; margin:0.3em;}

/** Buttons **/

/* nach oben Button */

#toTop {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 48px;
}
#toTop {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    opacity: 0.5;
    display:none;
    cursor: pointer;
}
#toTop:hover {opacity: 1;}

/* Buttons */

/*.button.button-primary {
	color: #fff;
	background-color: #570208;
	border-color: #570208;
	font-size: 0.9em;
}

.button.button-primary:hover, button.button-primary:hover, input[type=submit].button-primary:hover, input[type=reset].button-primary:hover, input[type=button].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type=submit].button-primary:focus, input[type=reset].button-primary:focus, input[type=button].button-primary:focus {
  color: #013732;
  background-color: #D36D74 ;
  border-color: #D36D74
}*/

/** Footer **/

footer {
	background-color: #2A2A2A;
	color: #7F7E7E;
	font-size: 0.8em;
	text-align: center;
}

footer .partner {border-top: thin #1EF4F4 dotted; padding:1em;}

/** Link Dekoration **/

a:link { text-decoration:none; color:#C9E6EC; }
a:visited { text-decoration:none; color:#C9E6EC; }
a:hover { text-decoration:underline; color:#82EDED; }
a:active { color:#C9E6EC; }

/* Alle Links kennzeichnen (intern + extern) */

a[href^="http://"], a[href^="https://"] {
    background: url('../../pics/icon_external_link.png') center right no-repeat;
	/*display:inline-block;*/
    padding-right:13px;
}

/* Alle internen Links nachbearbeiten */

a[href^="http://www.my-moms-faq.de.vu"], a[href^="https://www.my-moms-faq.de.vu"], a[href^="http://my-moms-faq.de.vu"], a[href^="https://my-moms-faq.de.vu"] {
    background: none;
    padding-right: 0px;
}

/** Color-Shemes **/

/*
http://paletton.com/#uid=33f0u0kkElTkElTkElTkElTkElT
http://paletton.com/#uid=33f0u0kkKlPaaxgfrr8pZg-vpbb
*/

/************** end **************/