/*###########################################################################################################*/
/* Generelle Textformatierungen */
/*###########################################################################################################*/

/*************************************************************************************************************/
/* Allgemeine Text Formatierungen */
em,
i
{
	font-style: italic;
	line-height: inherit;
}

strong,
b
{
	font-weight: bold;
	line-height: inherit;
}

small
{
	font-size: 60%;
	line-height: inherit;
}

code
{
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: bold;
	color: #7f0a0c;
	white-space: pre;
}

pre
{
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	margin-bottom: 2em;	
	white-space: pre-wrap; 
}

.asp
{
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	color: #FFBE00;
}

pre.html
{
	font-family: Consolas, "Liberation Mono", Courier, monospace;	
	color: #2A8400;
}

.htaccess
{
	font-family: Consolas, "Liberation Mono", Courier, monospace;	
	color: #A02CE4;
}

.javascript
{
	font-family: Consolas, "Liberation Mono", Courier, monospace;	
	color: #009BFF;
}

.php
{
	font-family: Consolas, "Liberation Mono", Courier, monospace;	
	color: #FFBE00;
}

.xml
{
	font-family: Consolas, "Liberation Mono", Courier, monospace;	
	color: #FF0004;
}

span.datei
{
	color: #0A00FF;
}

span.hinweis
{
	font-weight: bold;
}

span.url
{
	font-style: italic;
}



/*************************************************************************************************************/
/* Überschriften */
h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-rendering: optimizeLegibility;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	line-height: 1.2125em;
}
  
h1 small, 
h2 small, 
h3 small, 
h4 small, 
h5 small, 
h6 small
{
    font-size: 60%;
    color: #fefefe;
    line-height: 0;
}
    
h1
{
	margin-top: 0em;
	font-size: 2.125em;
}

h2
{
	font-size: 1.6875em;
	margin-bottom: 0.2em;
}

h3
{
	font-size: 1.375em;
	margin-top: 1.2em;
}

h4
{
	font-size: 1.125em;
}

h5
{
	font-size: 1.125em;
}

h6
{
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
}

@media only screen and (min-width: 767px)
{
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6
	{
    	line-height: 1.4;
    }

	h1 
	{
    	font-size: 2.75em;
	}

	h2
	{
    	font-size: 2em;
	}

	h3
	{
    	font-size: 1.4em;
    }

	h4
	{
    	font-size: 1.1em;
    }
}



/*************************************************************************************************************/
/* Absatz */
p
{
	margin-bottom: 1.25em;
	font-family: inherit;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
}

p aside 
{
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic;
}

p.lead
{
	font-size: 1.21875em;
	line-height: 1.6; 
}



/*************************************************************************************************************/
/* Link */
a:link, 
a:visited, 
a:active
{
	color: #000;	
	text-decoration: underline;
}

a:hover
{
	color: #000;	
	text-decoration: none;
	cursor: pointer;
}

a:focus 
{
	outline: none; 
}



/*************************************************************************************************************/
/* Hoch- und tiefgestellter Text Linienhöhe korrigieren */
sup,
sub
{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup
{
	bottom: 1ex;
}

sub
{
	top: .5ex;
}



/*************************************************************************************************************/
/* Abbreviations */
abbr,
acronym
{
	text-transform: uppercase;
	font-size: 90%;
	color: #222222;
	border-bottom: 1px dotted #dddddd;
	cursor: help; 
}

abbr
{
	text-transform: none;
}



/*************************************************************************************************************/
/* Blockquotes */
blockquote 
{
	margin: 0 0 1.25em;
	padding: 0.5625em 1.25em 0 1.1875em;
	border-left: 1px solid #dddddd;
}

blockquote cite
{
	display: block;
    font-size: 0.8125em;
    color: #555555;
}

blockquote cite:before
{
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited
{
	color: #555555;
}

blockquote,
blockquote p 
{
	line-height: 1.6;
	color: #6f6f6f;
}



/*************************************************************************************************************/
/* Diverse Text Klassen */
.text-gruen,
.text-ok
{
	color: #009900 !important;
}

.text-rot,
.text-fehler
{
	color: #FF0000 !important;
}

.text-blau,
.text-info
{
	color: #0066FF !important;
}

.text-grau
{
	color: #666 !important;
}

.text-einleitung
{
	color: #999;
	margin-bottom: 0.8em;
}

.text-left 
{
	text-align: left !important; 
}

.text-right 
{
	text-align: right !important;
}

.text-center 
{
	text-align: center !important;
}

.text-justify
{
	text-align: justify !important;
}

.text-hinweis-klein
{
	font-size: 0.9em;
	color: #999;
}

.antialiased 
{
	-webkit-font-smoothing: antialiased;
}

.subheader
{
	line-height: 1.4;
	color: #6f6f6f;
	font-weight: 300;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}



/*************************************************************************************************************/
/* Hint */
.hint
{
	float: left;
	margin: 0 0 10px 0;
	background: #FFFABA;
	font-size: 12px;	
}



/*************************************************************************************************************/
/* Panels */
.panel 
{
	margin-bottom: 1.25em;
	padding: 1.25em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	/*background: #f2f2f2;*/
}

.panel > :first-child
{
	margin-top: 0;
}

.panel > :last-child 
{
	margin-bottom: 0; 
}

.panel h1, 
.panel h2, 
.panel h3, 
.panel h4, 
.panel h5, 
.panel h6, 
.panel p 
{
	color: #333333;
}

.panel h1, 
.panel h2, 
.panel h3, 
.panel h4, 
.panel h5, 
.panel h6
{
	margin-bottom: 0.625em; 
	line-height: 1;
}

.panel h1.subheader, 
.panel h2.subheader, 
.panel h3.subheader, 
.panel h4.subheader, 
.panel h5.subheader, 
.panel h6.subheader 
{
	line-height: 1.4; 
}

.panel.callout
{
	margin-bottom: 1.25em;
	padding: 1.25em;
	border: solid 1px #2284a1;
	background: #2ba6cb;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.panel.callout > :first-child
{
	margin-top: 0;
}

.panel.callout > :last-child 
{
	margin-bottom: 0; 
}

.panel.callout h1, 
.panel.callout h2, 
.panel.callout h3, 
.panel.callout h4, 
.panel.callout h5, 
.panel.callout h6, 
.panel.callout p 
{
	color: white;
}

.panel.callout h1, 
.panel.callout h2, 
.panel.callout h3, 
.panel.callout h4, 
.panel.callout h5, 
.panel.callout h6 
{
	margin-bottom: 0.625em;
	line-height: 1;
}

.panel.callout h1.subheader, 
.panel.callout h2.subheader, 
.panel.callout h3.subheader, 
.panel.callout h4.subheader, 
.panel.callout h5.subheader, 
.panel.callout h6.subheader 
{
	line-height: 1.4;
}

.panel.radius 
{
	-webkit-border-radius: 3px;
	border-radius: 3px;
}



/*************************************************************************************************************/
/* Easy Clearing, automatische Anpassung der Höhe der Eltern Div’s */
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	visibility: hidden;
}