/** Project: Kiga Simple
 *  Description: 
 *
 *  @creator       Thinkin-Tags v0.5.3
 *  @framework     YAML v4.1.2
 *  @file          typography.css
 */

@media all {

	html * { font-size: 100.01%; }

	textarea,
	pre,
	code,
	kbd,
	samp,
	var,
	tt {
		font-family: "Roboto Condensed", "Open Sans", sans-serif;
	}

	body {
		background-color: #eee;
		color: #000;
		font-family: Open Sans Condesed, sans-serif;
		font-size: 100%;
		overflow: hidden;
	}

	h1, h2, h3, h4, h5, h6 { font-family: "Roboto Condensed", sans-serif; font-weight:300; margin: 0; }

	h1 { font-size: 2.5rem; color: #ef7c00; font-weight: 600; letter-spacing: 0.040em; text-align: left; margin: -0.2em 0 0.5em 0;}

	h2 { font-size: 1.5rem; color: #94c23c;  font-weight: 600;}

	h3 { font-size: 1.3rem;  color: #94c23c; font-weight: 600; margin: 0.5em 0 0 0;}

	h4 { font-size: 1.1rem; color: #94c23c; font-weight: 600; text-align: left; }

/*	h5 {font-size: 116.67%; }

	h6 { color: #888; font-size: 116.67%; text-align: center; }*/





	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }

	ul { font-family: "Roboto Condensed", "Open Sans", sans-serif; font-weight: 300; margin: 0 0 1em 0; list-style-type: none; letter-spacing: 0.02em; }
		
	ul ul { list-style-type: circle; }

	ol { list-style-type: decimal; }

	ol ol { list-style-type: lower-latin; }

	li { line-height: 1.5em; margin-left: 0.8em; list-style-image: url(../img/bullet.gif); }

	dt { font-weight: bold; }

	dd { margin: 0 0 1em 0.8em; }




	p { color: #000; font-family:"Roboto Condensed", "Open Sans", sans-serif; font-weight: 300; font-size: 100%; line-height: 1.5em; letter-spacing: 0.02em; }
	
	
	.einzug { margin: 0 0 0 17px; }

	blockquote, cite, q { font-family: "Roboto Condensed", "Open Sans", sans-serif; font-style: italic; }

	blockquote { color: #666; margin: 0 0 1em 0; text-align: center;}

	strong, b { font-weight: bold;  color: #ef7c00;}






	em, i { font-style: italic; }

	big { font-size: 116.667%; }

	small { font-size: 91.667%; }

	pre { line-height: 1.5em; margin: 0 0 1em 0; }

	pre, code, kbd, tt, samp, var { font-size: 100%; }

	pre, code { color: #800; }

	kbd, samp, var, tt { color: #666; font-weight: bold; }

	var { font-style: italic; }

	acronym, abbr { border-bottom: 1px #aaa dotted; cursor: help; font-variant: small-caps; letter-spacing: .07em; }

	sub, sup { font-size: 91.6667%; }

	hr { background: transparent; border: 0; border-bottom: 1px #eee solid; color: #fff; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; }
	
	
	

	a { background: transparent; text-decoration: none; color: #ef7c00; }

	a:visited { color: #ef7c00; }

	a:focus, a:hover, a:active { color: #ef7C00; text-decoration: none; }





	p.icaption_left { display: inline; float: left; margin: 0 1em 0.15em 0; }

	p.icaption_right { display: inline; float: right; margin: 0 0 0.15em 1em; }

	p.icaption_left img,
	p.icaption_right img {
		border: 1px #888 solid;
		padding: 0;
	}

	p.icaption_left strong,
	p.icaption_right strong {
		background: #eee;
		display: block;
		font-size: 91.667%;
		font-weight: normal;
		margin-top: 2px;
		overflow: hidden;
		padding: 0.3em 0.5em;
	}

	.highlight {
		color: #c30;
	}

	.dimmed {
		color: #888;
	}

	.info {
		background: #f8f8f8;
		border-radius: 5px;
		color: #666;
		font-size: 91.7%;
		margin: 1.5em 0;
		padding: 12px 24px;
	}

	.note {
		background: #efe;
		border: 2px #484 solid;
		color: #040;
		margin-bottom: 1em;
		padding: 10px;
	}

	.important {
		background: #ffe;
		border: 2px #884 solid;
		color: #440;
		margin-bottom: 1em;
		padding: 10px;
	}

	.warning {
		background: #fee;
		border: 2px #844 solid;
		color: #400;
		margin-bottom: 1em;
		padding: 10px;
	}

	.float_left {
		display: inline;
		float: left;
		margin-bottom: 0.15em;
		margin-right: 1em;
	}

	.float_right {
		display: inline;
		float: right;
		margin-bottom: 0.15em;
		margin-left: 1em;
	}

	.center {
		display: block;
		margin: 0.5em auto;
		text-align: center;
	}


/* ######### T A B L E ########*/
	table {
		border-bottom: 2px #888 solid;
		border-collapse: collapse;
		border-top: 2px #888 solid;
		margin-bottom: 0.5em;
		width: auto;
	}

	table caption {
		font-variant: small-caps;
	}

	table.full {
		width: 100%;
	}

	table.fixed {
		table-layout: fixed;
	}

	th,
	td {
		padding: 0.5em;
	}

	thead th {
		border-bottom: 2px #800 solid;
		color: #000;
	}

	tbody th {
		background: #e0e0e0;
		border-bottom: 1px solid #fff;
		color: #333;
		text-align: left;
	}

	tbody th[scope="row"],
	tbody th.sub {
		background: #f0f0f0;
	}

	tbody td {
		border-bottom: 1px solid #eee;
	}

	tbody tr:hover th[scope="row"],
	tbody tr:hover tbody th.sub {
		background: #f0e8e8;
	}

	tbody tr:hover td {
		background: #fff8f8;
	}

/* ######### END Table ########*/


	#nav .ym-wbox {
		padding: 0 12px;
	}

	.flexible { max-width: 100%; height: auto; }
    .flexibleh { width: auto; max-height: 100%; }


	.bordered {	box-shadow: 0 0 4px rgba(0,0,0,.5); }

	blockquote.box p {
		font-family: Tangerine;
		font-size: 32px;
		font-style: normal;
		font-weight: 400;
		margin: 0;
	}

	.overlay h3 {
		color: #fff;
	}

	.overlay p {
		color: #ddd;
		margin: 0 0px 0px 0px;
	}

	.footer {
		color: #fff;
		font-family: Roboto Condensed;
		padding: 0 0 0 0;
		text-align: right;
		font-size: 85%;
		margin: 0 0 1% 0;
	}
	
/* Formulare */	
input, select, .loginUsername, .loginPassword  {
	padding: 0px 5px 0px 5px;
	width: 350px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	margin-bottom: 1em;
	background: #EEE;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #DDD;
	}

label { color: #000; font-family:"Roboto Condensed", "Open Sans", sans-serif; font-weight: 300; font-size: 100%; line-height: 1.5em; margin: 0 0 0 0; letter-spacing: 0.02em; }


.form-button {
	float: right;
	position: relative;
	display: inline-block;
	border: none;
	height: 30px;
	width: 100px;
	line-height: 30px;
	background: rgba(239, 124, 0, 0) url(../img/bg_button.gif) 0 0 repeat-x;
	color: #fff;
	padding: 0px 4px 0px 4px;
	font-size: 20x;
	font-family: "Roboto Condensed", sans-serif;
	margin-bottom: 14px;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	}


.form-button:hover{
	background: rgba(239, 124, 0, 0) url(../img/bg_button2.gif) 0 0 repeat-x;	
}


.error {
		color: #EF7C00;
		padding: 1px;
		font-size: 100%;
		margin-bottom: 1em;
	}
	
	
.loginLegend, .loginFPLegend { font-family: "Roboto Condensed", sans-serif; font-weight:300; margin: 0; font-size: 250%; color: #ef7c00; font-weight: 600; letter-spacing: 0.040em; text-align: left; margin: -0.2em 0 0.5em 0;}
.loginForm, .loginFPErrors { width:100% ; height:100%;}
.loginUsernameLabel, .loginPasswordLabel, .loginFPUsernameLabel, .loginFPEmailLabel { color: #000; font-family:"Roboto Condensed", "Open Sans", sans-serif; font-weight: 300; font-size: 100%; line-height: 1.5em; margin: 0 0 0 0; letter-spacing: 0.02em; width: 100%; }

}


@media only screen and (max-width:1082px) {
	 body { font-size: 95%; }
	  	  }
		  
@media only screen and (max-width:800px) {
	 body { font-size: 90%; }
	  }

@media only screen and (max-width:600px) {
	 body { font-size: 85%; }
	  }

@media only screen and (max-width:480px) {
	 body { font-size: 80%; }
	  }