@import url('https://fonts.googleapis.com/css?family=Raleway:200,400,700');

#topline_px { width:50px;height:20px;}
#topline_px span {  
		font-size: 1.5em; 
		color:red;
		}

html {
	overflow-y: scroll;  
}

body {
	font-family: 'Raleway', sans-serif;
	}
	
#wrapper {
	max-width:500px;
	text-align:center;
	margin: 0 auto;
	margin-top:-4em;
	font-size:1em;
	color:white;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(boxsizing.htc);
	font-weight:400;
	}
	
h1 {
	font-weight:200;
	font-size:4.5em;
	background:#539c43;/* grün */
	padding-top:2.75em;
	padding-bottom:0.25em;
	margin-bottom:4px;
	}
/* h2 bei allen Subsites im Kopfbereich! hat immer andere hintergrundfarbe, und bei jeder subsite eigene ID! */	
h2 {
	font-weight:200;
	font-size:2.8em;
	background:#539c43;
	padding-top:2em;
	padding-bottom:0.25em;
	border-bottom:4px solid white;
}

	
a {
	display:inline-block;
	width:100%;
	padding:0.8em 0;
	margin-bottom:4px;
	font-size:2em;
	color:white;
	text-decoration:none;
}

a:hover { font-weight:700; }

a#email { background:#1691fa; }

a#domain{ background:#0176d9; }


a#email:hover { 
	background:#066dc4; 
	-webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
	}	
	
a#domain:hover { 
	background:#025397; 
	-webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
	}
	

#datenschutz  {
	float:left;
	margin-right:4px;
	 background:#f88138;
	width:49.4%;
	padding:1.5em 0 1.5em 0;
	font-size:1.25em;
	font-weight:400;
	}

#impressum {
	float:right;
	background:#fec818;
	width:49.4%;
	padding:1.5em 0 1.5em 0;
	font-size:1.25em;
	font-weight:400;
}


a#datenschutz:hover  {
	background:#f86e38; /* dunkler orangge*/ 
	-webkit-transition: background-color 100ms linear;
     -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
	 font-weight:700;
}

a#impressum:hover  {
	background:#fbb939;
 	-webkit-transition: background-color 100ms linear;
     -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
	 font-weight:700;
}

.bold { font-weight:700; }

.cleenen { clear:both; }

/* end generell / index site */


/* # # # # # # # # # # # # # # # # # # # */	
/* # # # # # # START extra Style domain-login & email-login # # # # # # */

body#domain-login #wrapper, body#email-login #wrapper {
	max-width:500px;
	margin: 0 auto;
	background:#0176d9;
	margin-top:-2.2em;
	box-shadow: 0 -5px 0 white inset;
	}
	
body#email-login #wrapper { background:#1691fa; }
	
h2#head_domain {
	text-align:center;
	background:#025397;
}

h2#head_email {
	text-align:center;
	background:#066dc4;
}

body#domain-login div#wrap_form, body#email-login div#wrap_form {
	padding: 0 2em 2em 2em;
	text-align:center;
	}

body#domain-login div#wrap_form  div.wrap_input, body#email-login div#wrap_form  div.wrap_input {
	margin-bottom:1.2em;
}

body#domain-login div#wrap_form  p, body#email-login div#wrap_form p {
	font-size:1.15em;
}

body#domain-login div#wrap_form input, body#email-login div#wrap_form input { 
	border:none; 
	margin-top:0.3em;
	font-size:1.2em;
	width:60%;
	}
	
body#domain-login input#login, body#email-login input#login {
	background:#f88138; /*orange für domain-login*/
	color:white;
	font-size:1.5em;
	padding:0.5em 0 0.6em 0;
	cursor:pointer;
	font-weight:700;
}

/* helleres, gelberes orange als domain-login*/
body#email-login input#login {
	background:#fc9d08; 
	}


body#domain-login input#login:hover {
	background:#f96309; /*rötlichorange für domain-login*/ 
 	-webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
	letter-spacing:0.07em;
	}
	
body#email-login input#login:hover {
	background:#f88138; /*orange für email-login*/ 
 	-webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
	letter-spacing:0.07em;
	}

/* bei domain-login */
a#forgotten_password {
	text-decoration:underline;
	font-size:1em;
	margin-top:1.5em;
}

/* bei domain-login */
a#forgotten_password:hover {
	font-weight:700;
}

a.back-home {
	font-size:1em;
	border-top:1px solid white;
	}
	
body#domain-login a.back-home {
	background:#3196eb; }	

body#email-login a.back-home {
	background:#6abafe; }	

/* # # # # # # END extra Style domain-login / email-login # # # # # # */
/* # # # # # # # # # # # # # # # # # # # */	


/* # # # # # # # # # # # # # # # # # # # */	
/* # # # # # # START extra Style datenschutz / impressum subsites # # # # # # */

body#datenschutz-subsite #wrapper {
	max-width:900px;
	margin: 0 auto;
	background:#0176d9; /* mittelblau */
	margin-top:-2.2em;
	}
	
body#impressum-subsite #wrapper {
	/* background:#0176d9; mittelblau: WENN DU HIER AUCH BLAU WILLST; KOMMENTIERE ES EIN! */
	background:#539c43;/* grün */
 }
	
h2#head_datenschutz, h2#head_impressum {
	text-align:center;
	font-size:1.7em;
	padding:4em 1.5em 1em 1.5em;
	font-weight:400;
}

h2#head_datenschutz {
	background:#f88138;/*orange*/
	}

h2#head_impressum {
	background:#fbb939; /*warmgelb*/
}

div#datenschutz-content, div#impressum-content {
	text-align:left;
	padding: 0.5em 2.5em 2em 2.5em;
}

a.back-home_zwei {
	float:left;
	font-size:1em;
	border-bottom:1px dashed;
	color:#ffd906;
}
a.back-home_zwei:hover {
	
}

/* # # # # # # END extra Style datenschutz / impressum subsites  # # # # # # */
/* # # # # # # # # # # # # # # # # # # # */	
	
/* media queries */

@media screen and (max-width:800px) {

#wrapper {
	font-size:0.9em;
	}

body#domain-login div#wrap_form input, body#email-login div#wrap_form input { 
	width:70%;
	}

}

@media screen and (max-width:530px) {

h1 {
	font-size:3.5em;
}	

a {
	font-size:1.8em;
}

a#datenschutz, a#impressum { 
	padding:0.6em 0 0.6em 0; 
	font-size:1.2em;
	}

}	

@media screen and (max-width:400px) {
	

a#datenschutz {
	float:none;
	margin-right:0;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(boxsizing.htc);
    font-size:1.3em;
	padding:0.6em 0 0.6em 0;
		} 
		
a#impressum{ 
	float:none;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(boxsizing.htc); 
	font-size:1.3em;
	padding:0.6em 0 0.6em 0;
}

body#domain-login div#wrap_form input, body#email-login div#wrap_form input { 
	width:90%;
	}

}
	

@media screen and (max-width:360px) {

		
	
}