/******************************************************************************************/
/*                                                                                        */
/*   CSS-file for "http://python.tobiaskohn.ch/"                                          */
/*                                                                                        */
/*   (c) 2015-2019, Tobias Kohn                                                           */
/*                                                                                        */
/*   Last change: 14.02.2019                                                              */
/*                                                                                        */
/******************************************************************************************/

/********************************************************************/
/*                                                                  */
/*   Importing Google Fonts                                         */
/*                                                                  */
/********************************************************************/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300);

/********************************************************************/
/*                                                                  */
/*   General section                                                */
/*                                                                  */
/********************************************************************/

footer, header, main, nav {
	display: block;
}

html {
	background: #eee;
	color: #000;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	background: white;
	color: #333;
	max-width: 960px;
	box-shadow: 0px 0px 4px #222;	
	margin: 0 auto;
}

/* GLOBAL DATES OF CURRENT RELEASES */
.jardate-en:before {
	content: "Aug-06-2014";
}

.jardate-de:before {
	content: "6. August 2014";
}

.jardate2-en:before {
	content: "February-14-2019";
}

.jardate2-de:before {
	content: "14. Februar 2019";
}

.jardate2i-en:before {
	content: "October-08-2017";
}

.jardate2i-de:before {
	content: "8. Oktober 2017";
}

.scriptdate-de:before {
	content: "21. August 2017";
}

.scriptdate2-de:before {
	content: "14. Mai 2017";
}

/********************************************************************/
/*                                                                  */
/*   Header und footer                                              */
/*                                                                  */
/********************************************************************/

/* HEADER */

header[role="banner"] {
	background: #333;
	background: linear-gradient(#000, #444);
	color: white;
	padding: 12px;
}

header[role="banner"] #pagetitle {
	padding: 12px;
	padding-bottom: 0;
}

header[role="banner"] img {
	float: left;
	margin-right: 12px;
}

header[role="banner"] h1 {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 12px;
	color: white;
}

header[role="banner"] p {
	margin-top: 0;
	font-size: 80%;
	margin-left: 12px;
	padding-left: 144px;
	font-style: italic;
	color: #ccc;
}

/* FOOTER */

footer[role="contentinfo"] {
	clear: both;
	background: #333;
	background: linear-gradient(#444, #000);
	color: #ccc;
	padding: 24px;
	text-align: right;
}

footer[role="contentinfo"] a {
	color: #ccc;
}

footer[role="contentinfo"] a:hover {
	color: white;
}

/********************************************************************/
/*                                                                  */
/*   Navigation                                                     */
/*                                                                  */
/********************************************************************/

nav[role="navigation"] {
	text-align: right;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 125%;
	font-weight: 300;
}

nav[role="navigation"] li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

nav[role="navigation"] li a {
	text-decoration: none;
	color: #aaa;
	padding: .5em;
}

nav[role="navigation"] li a.active {
	color: white;
}

nav[role="navigation"] li a:hover {
	color: white;
}

nav[role="navigation"] ul.mainmenu {
	margin-bottom: 4px;
}

nav[role="navigation"] ul.submenu {
	text-transform: none;
	border-top: solid 1px #aaa;
	padding-top: 4px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 72%;
}

nav[role="navigation"] .lang {
	font-style: italic;
}

/********************************************************************/
/*                                                                  */
/*   Main part: contents                                            */
/*                                                                  */
/********************************************************************/

/* GENERAL */

section {
	clear: both;
}

img.floatleft {
	float: left;
	margin-right: 4px;
}

img.floatright {
	float: right;
	margin-left: 4px;
}

a {
	text-decoration: none;
}

/* FRONT-SECTION */

section#front {
	margin-left: 96px;
	margin-right: 96px;
	color: #333;
}

section#front h2 {
	padding-top: 60px;
}

section#front img {
	float: right;
	margin-left: 4px;
	margin-top: -24px;
}

section#front p {
	line-height: 150%;
}

/*section#front */
a.web {
	color: #066;
}

a.altdownloads {
	color: #062;
}

/*section#front */
a.web:hover {
	color: #099;
}

a.olddownload {
	color: #060;
}

a.olddownload:hover {
	color: #090;
}

a.download {
	display: inline-block;
	padding: 12px;
	background: green;
	background: linear-gradient(#060, #0a0);
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	border: 0.25em solid #040;
	border-radius: 0.5em;
	text-align: center;
}

a.downloadnow {
	display: inline-block;
	padding: 12px;
	background: green;
	background: linear-gradient(#060, #0a0);
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 800;
	color: white;
	border: 0.25em solid #040;
	border-radius: 0.5em;
	text-align: center;
	margin: 36px;
}

a.downloadfile {
	display: inline-block;
	padding: 12px;
	background: green;
	background: linear-gradient(#060, #0a0);
	text-decoration: none;
	font-weight: 600;
	color: white;
	border: 0.25em solid #040;
	border-radius: 0.5em;
	text-align: center;
	margin: 16px;
}

a.downloadfileinstaller {
	display: inline-block;
	padding: 12px;
	background: green;
	background: linear-gradient(#454, #494);
	text-decoration: none;
	font-weight: 600;
	color: white;
	border: 0.25em solid #040;
	border-radius: 0.5em;
	text-align: center;
	margin: 16px;
}

a.downloadscript {
	display: inline-block;
	padding: 12px;
	background: green;
	background: linear-gradient(#060, #0a0);
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 800;
	color: white;
	border: 0.25em solid #040;
	border-radius: 0.5em;
	text-align: center;
	margin: 18px;
}

a.mainpage {
	display: inline-block;
	padding: 12px;
	background: red;
	background: linear-gradient(#630, #a50);
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	border: 0.25em solid #420;
	border-radius: 0.5em;
	text-align: center;
	margin: auto;
}

.small {
	font-weight: 200;
	font-size: 64%;
}

.medsmall {
	font-weight: 200;
	font-size: 80%;	
}

/* MAIN-SECTION */

section#content {
	margin-top: 48px;
	margin-left: 24px;
	margin-right: 24px;
	margin-bottom: 36px;
}

section#content h2 {
	background: #333;
	background: linear-gradient(#000, #333);
	color: #eee;
	padding: 8px;
	margin-top: 24px;
}

div.smallitems {
	border-top: solid 1px #888;
	background: linear-gradient(#f5f5f5, #fff);
	padding: 12px;
	text-align: center;
}

div.smallitems p {
	text-align: left;
}

ul.smallitems {
	clear: both;
	padding: 0;
}

ul.smallitems li {
	display: inline-block;
	width: 30%;
	min-height: 64px;
	padding: 12px;
	border-right: solid 1px #777;
	text-align: center;
}

ul.smallitems li:last-child {
	border-right: none;
}

ul.smallitems a {
	color: #333;
}

ul.smallitems li p {
	font-size: 80%;
}

ul.smallitems li img {
	max-height: 36px;
	margin-right: 12px;
}

section#content a.tjlink {
	text-decoration: None;
	color: #333;
}

div.featureitem {
	clear: both;
	line-height: 144%;
	padding-top: 48px;
	padding-bottom: 64px;
	padding-left: 72px;
	padding-right: 72px;
	margin-bottom: 40px;
	background: linear-gradient(#f5f5f5, #fff);
	border-top: solid 1px #888;
}

section#content a.tjlink:hover div.featureitem {
	color: #003;
	background: linear-gradient(#ddd, #fff);
}

section#content a.tjlink:hover div.featureitem h3 {
	color: #008;
}

section#content img.floatleft {
	margin-right: 48px;
}

section#content img.floatright {
	margin-left: 48px;
}

section#content > p {
	clear: both;
	padding-top: 24px;
	padding-left: 72px;
	padding-right: 72px;
	padding-bottom: 24px;
}

/********************************************************************/
/*                                                                  */
/*   Python code                                                    */
/*                                                                  */
/********************************************************************/

dt {
	color: #008;
}

/* CODE */

pre.python {
	background: #E0F4F4;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	padding: 8px;
	border-left: solid 2px #9CC;
}

pre.python .keyword {
	font-weight: bold;
	color: #0033C7;
}

pre.python .builtin {
	color: #770088;
}

pre.python .bracket {
	color: #00339C;
}

pre.python .symbol {
	color: #804040;
}

pre.python .comment {
	font-style: italic;
	color: #008000;
}

pre.python .string {
	color: #CC6600;
}

pre.python .number {
	color: #CC3300;
}

/******************************************************************************************/