html, body {
	font-family: verdana,tahoma,arial,geneva,swiss,sunsans-regular,sans-serif;
	margin:15px;
	margin-bottom:0px;
}

/*CSS html5 small devices compatible*/
header, section, footer, aside, nav, main, article, figure {
    display: block;
}

header {
	text-align:center;
}

header img {
	max-width:800px;
}

#meingradient {
		background: grey; /* for non-css3 browsers */
		background: -ms-linear-gradient(top, #000000, #ff0000); /* IE 10 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ff0000'); /* for IE */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ff0000')"; /* for IE without ActiveX */
		background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#ff0000)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #000000,  #ff0000); /* for firefox 3.6+ */
		background: -webkit-linear-gradient(top, #000000,  #ff0000); /* Webkit (Chrome 11+) */ 
		background: linear-gradient(top, #000000,  #ff0000); /* W3C Markup, IE10 Release Preview */ 
		background: -o-linear-gradient(top, #000000,  #ff0000); /* Opera */ 
}

nav {

}

section {
	width:100%;
	text-align:center;
}

#toverview {
	width: 98%;
	margin: auto;
}

#download {
	max-width: 960px;
	margin: auto;
	padding:0px 10px 0px 10px;
}

.content-background {
	text-align:center;
	width:100%;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(left, #eeeeee 0%, #ffffff 25%, #ffffff 75%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(25%,#ffffff), color-stop(75%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #eeeeee 0%,#ffffff 25%,#ffffff 75%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #eeeeee 0%,#ffffff 25%,#ffffff 75%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #eeeeee 0%,#ffffff 25%,#ffffff 75%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to right, #eeeeee 0%,#ffffff 25%,#ffffff 75%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.content-canvas {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	min-width:360px;
	max-width:52em;
	padding:10px;
	background:white;
}

.content-canvas div {
	width: 100%;
}

article {
	display:inline-block;
	text-align:center;
	padding:10px;
	width:267px;
	margin:0 auto;
	font-family: tahoma,arial,geneva,swiss,sunsans-regular,sans-serif;
}

@media all and (max-width: 799px) {
	article {
			font-size:22px;
	}
}

@media all and (min-width: 800px) {
	article {
			font-size:18px;
	}
}

article a {
	text-decoration:none;
}

div a {
	text-decoration:none;
}

a:link {	}

section div {
	text-align:left;
	margin-bottom:0px;
	padding-bottom:0px;
}

.breadcrumb {
	margin:0px 10px 10px 10px;
	font-family: tahoma,arial,geneva,swiss,sunsans-regular,sans-serif;
	font-size: 12px:
	font-weight: bold;
	color: #28367d;
}

h1 {
	font-family: tahoma,arial,geneva,swiss,sunsans-regular,sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #4a589f;
    text-shadow: 2px 2px 15px #cccccc;
    text-align:left;
}

.fett {
	font-weight: bold;
}

.android {
	width:100%;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

.detailbeschriebrest {
	text-align:left;
	font-family: georgia,schoolbook,bookman,times,serif;
	font-size: 20px:
	font-weight: normal;
	line-height: 150%;
	color: #585858;
	white-space:normal;
}

.darker {
	color: #7a7a7a;
	font-weight:600;
}

#motivation {
	left-margin: auto;
	right-margin: auto;
	padding:0px 10px 10px 10px;
	display:inline-block;
	font-family: tahoma,arial,geneva,swiss,sunsans-regular,sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #252525;
    line-heigth:1.4em;
}

.detail-background {
		font-family:verdana,tahoma,arial,geneva,swiss,sunsans-regular,sans-serif;

/*background-image:url('img_intro/Draco_Verlauf.jpg');*/
		background: #ECEFFF; /* for non-css3 browsers */
		background: -ms-linear-gradient(top, #f2f3f7, #ffffff); /* IE 10 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f3f7', endColorstr='#ffffff'); /* for IE */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f3f7', endColorstr='#ffffff')"; /* for IE without ActiveX */
		background: -webkit-gradient(linear, left top, left bottom, from(#f2f3f7), to(#ffffff)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #f2f3f7,  #ffffff); /* for firefox 3.6+ */
		background: -webkit-linear-gradient(top, #f2f3f7,  #ffffff); /* Webkit (Chrome 11+) */ 
		background: linear-gradient(top, #f2f3f7,  #ffffff); /* W3C Markup, IE10 Release Preview */ 
		background: -o-linear-gradient(top, #f2f3f7,  #ffffff); /* Opera */ 
		font-size:12px;
		padding: 5px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.detail-presentation {
	width:95%;
	padding:2px;
	border-collapse:separate;
	border-spacing:4px;
	margin:25px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.detail-background th {
	width:30%;
	padding-top:8px;
	padding-bottom:2px;
	text-align:right;
	color:#333333;
	padding-right:10px;
}
.detail-background td:nth-child(even) {background-color: #eeeeee; padding-top:8px;padding-bottom:2px;
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-size:14px;
    line-height:20px;
}
.detail-background td:nth-child(odd) {background-color: #ffffff; padding-top:8px;padding-bottom:2px;
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-size:14px;
    line-height:20px;
}

.detail-background h3 {margin-bottom:0.5em;line-height:1.5em; font-size:14px;}
.detail-background {line-height:1.5em; font-size:14px;}

td.valuecell {
/*	background:#DFDFDF; */
	background:#ffffff;
	text-align:left;
	padding-left:15px;
	padding-right:25px;
	color:#333333;
}

.pikto img {
    max-height: 96px;
    padding:0;
    margin:0;
	background: #ffffff; /* for non-css3 browsers */
	background: -ms-linear-gradient(top, #ffffff, #fefefe); /* IE 10 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fefefe'); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fefefe')"; /* for IE without ActiveX */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fefefe)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #fefefe); /* for firefox 3.6+ */
	background: -webkit-linear-gradient(top, #ffffff,  #fefefe); /* Webkit (Chrome 11+) */ 
	background: linear-gradient(top, #ffffff,  #fefefe); /* W3C Markup, IE10 Release Preview */ 
	background: -o-linear-gradient(top, #ffffff,  #fefefe); /* Opera */ 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:10px;
}

img.colorpots {
    max-height: 16px;
    min-height: 12px;
    padding:0;
    margin:0;
    border: solid 1px #333333;
}

.backnote {
 	font-size: 12px;
	color: #28367d;
}

a:link {color: #28367d; text-decoration: none;}
a:visited {color: #28367d; text-decoration: none;}
a:hover {color: #28367d; text-decoration: none;}
a:active {color: #FF0000; text-decoration: none;}

.bestellchnopf {
	background: #eeeeee;
	padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border:solid 1px #cccccc;
}

.bestellchnopf:hover{
	background: #ffffff;
	color: #287d36;
	margin-bottom:20px;
}

.footnote {
 	font-size: 10px;
	color: gray;
}

.distholder {
	margin-bottom:48px;
}

footer {
	text-align:left;
	font-family: tahoma,arial,geneva,swiss,sunsans-regular,sans-serif;
    font-size: 12px;
    color: #656565;
    background: white;
    clear: both;
	position:absolute;
	bottom:0;
	height:48px;
	width:100%;
}

footer p {
	text-align:center;margin:5px 10px 5px 10px;
}

.glue {
	white-space: nowrap;
}

.centeronly {
	text-align:center;
}

.leftonly {
	text-align:left;
}

.dracologo {
	margin:auto;
	max-width:1200px;
	padding-left:10px;
}

.dracoslogan {
	margin:auto;
	max-width:1200px;
	padding-right:10px;
	text-align:center;
}

#opentimes {
	border-collapse: collapse;
	border-width: 0px;
}

#opentimes td {
	padding:4px;
	text-align:right;
	vertical-align:top;
}

ul.mitabstand li {
	margin-bottom:1em;
}

.shadow {
-moz-box-shadow: 3px 3px 4px #666666;
-webkit-box-shadow: 3px 3px 4px #666666;
box-shadow: 3px 3px 4px #666666;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.blauci {font-family: tahoma,arial,geneva,swiss,sunsans-regular,sans-serif;
         font-size: 14px;
         font-weight: normal;
         color: #28367d;
}