@charset "UTF-8";
/* CSS Document */

/****************************Boxen*****************************/

body{
	padding-left:40px;
	padding-right:20px;
	padding-top:45px;
	background-color:#F9F9F9;
	
	max-width:1100px;
	min-width:410px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:150%;
}

article{
	padding-top:20px;
	padding-bottom:10px;
	border-bottom: 1px solid #999;
	margin-bottom:20px;
}

pre{
	display:block;
	width:60%;
	margin-bottom:15px;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-left: 3px solid #066;
	background-color:#FFF;
	color:#066;
}

div.button{
	width:100px;
	padding:5px;
	margin-bottom:10px;
	background-color:#066;
	color:#FFF;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-ie-border-radius:7px;
	-o-border-radius:7px;
}

div.button:hover{
	background-color:#044;
}

/****************************Textformate*****************************/

p{
	width:60%;
	padding-bottom:15px;
}

h1{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom: 1px solid #999;
	font-family:'Open Sans', sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
}

h2{
	padding-bottom:15px;
	font-family:'Open Sans', sans-serif;
	font-size: 18px;
	font-weight:bold;
	line-height:24px;
}

h3{
	padding-bottom:10px;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	line-height:15px;
}
em{
	font-weight:bold;
	font-style:normal;
	color:#555;
}

.path{
	font-weight:normal;
	font-style:italic;
}

code{
	font-family:"Lucida Console", Monaco, monospace;
	color:#066;
}

sup{
	vertical-align:super;
	font-size:70%;
}

sub{
	vertical-align:bottom;
	font-size:70%;
}

.mark{
	color:#FF8000; /*orange*/
}

br{
	clear:both;
}

/****************************Bilder*****************************/

figure{
	margin-top:-150px;
	padding-top:5px;
	padding-bottom:10px;
	float:right;
	width:35%;
}

figure img{
	width:100%;
	margin-bottom:2px;
	border:1px solid #AAA;
}

figure embed{
	margin-bottom:5px;
}

figure.noscale img{
	width:auto;
}

figure.nofloat{
	float:none;
	margin-top:0;
}

img.noborder{
	border:none;
}

figcaption{
	font-size:12px;
	line-height:150%;
	color:#999;
}

/****************************Listen*****************************/

ul{
	list-style-type:none;
}

article ul{
	width:60%;
	padding-left:20px;
	padding-bottom:10px;
	list-style-type:disc;
}


article ol{
	width:60%;
	padding-bottom:10px;
	padding-left:20px;
}

article ol p, article ul p{
	width:100%;
}

article ol pre, article ul pre{
	width:96%;
}

article ol ul{
	width: 96%;
}

/****************************Links*****************************/

a, a:link, a:visited{
	color:#717171;
	text-decoration:none;
}

a:hover, a:active{
	text-decoration:underline;
}

a code{
	color:#717171;
	font-family:"Lucida Console", Monaco, monospace;
	text-decoration:underline;
}

/****************************Tabellen*****************************/

table{
	margin-bottom:15px;
}

table tr th{
	height:30px;
}

table tr td{
	height:50px;
	vertical-align:middle;
}

table th{
	text-align:left;
}

table tr:nth-child(2n){
	background-color:#FFF;
}

/****************************Media Queries*****************************/

/*Ab einer Bildschirmbreite von 800px und kleiner wird das Bild in den 
Text geschoben und der Paragraph auf Bildschirmbreite vergrößert*/

@media only screen and (orientation: portrait) {
	
	figure{
		width:100%;
		margin-top:0;
		float:none;
	}
	
	figure img{
		width:auto;
	}
	
	p, pre, article ul, article ol{
		width:90%;
	}
}


/*In der Druckversion werden die Flash-Objekte nicht angezeigt*/

@media print { 

	.flashanim { 
    	display: none; 
   	}
	body{
		background-color:none;
	}
	
}

/*In der Webversion werden die Platzhalterbilder für die 
Flashobjekte nicht angezeigt*/
    
@media screen { 

	.flashimage { 
    	display: none; 
   	}
	
}