/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 3.2
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic
*/

@import "css/reset.css";  
@import "./layout.css"; 

/* GLOBAL */
body { font-family: Helvetica, Arial; background: #FDFFFC;}

hr { width: 450px; margin-left: 0; } 

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

a:hover { color: red; }

p { font-size:9pt;font-family:Helvetica,Arial,sans-serif;line-height:13pt; color: #333333;}

p a:hover { color: grey; }

h1 { font-size: 12px; }

#starttext h3 { letter-spacing: 0.5px; font-size: 15px; font-weight: bold; text-decoration: none;}
#starttext { width: 100%; max-width: 450px; }
ul li { padding: 3px 0; }

i { font-style: italic;}

sup { vertical-align: super; font-size: 6px; line-height: 12px;}

strong, b { font-weight: bold;}

article { font-family: Helvetica; font-size: 14.5px; width:450px;}
article h1 { font-family: Helvetica; font-size: 15px; font-weight: bold; letter-spacing: 0.7px; padding-bottom: 10px; line-height: 22px;}
article h2 { letter-spacing: 0.5px; }
article h3 { letter-spacing: -0.5px; }
.hrr { width: 56%; border-bottom: 1px dashed grey;  height: 0;  margin-top:15px; margin-bottom: 10px; }

.content { width: 430px }

#startlinks { display: none; }

/* Video */
.hidden { display: none }
.video-container { position: fixed; width: 100%; height: 100%; margin: 0; padding: 0; background-color: #000; }
.video-frame { position: absolute; top: 50%; left: 50%;	width: auto; height: auto; }
.videopfeil { margin-top: -30px;}		

/*Seitenbereiche */
			
/* Sidebar */
#sidebar ul li.page_item { padding: 2px 0;}
#sidebar ul li:first-child { padding: 0;}

.menu-lernbereiche-container a{ color: black;letter-spacing: 0.5px; }
.menu-lernbereiche-container a:hover { color: red; }
.menu-lernbereiche-container {font-family: Helvetica; font-weight: normal; font-size: 9pt; letter-spacing: 0.5px; line-height: 9pt; }

.menu-standard-container { padding-top: 35px; font-weight: normal; font-family: Helvetica; font-size: 9pt;letter-spacing: 0.5px;line-height: 9pt;}

.menu-sonstiges-container { padding-top: 35px; font-weight: normal; font-family: Helvetica; font-size: 9pt;letter-spacing: 0.5px;line-height: 9pt;}

.current_page_item a, .current_page_parent a {color: red;}


/* Seiteninhalte */
.seite { width: 100%; max-width: 450px; }


/* Header */
#site-header hgroup { padding-top: 35px;}
#siteTitle { position: fixed; top:45px; left:0; width: 360px; text-align: right; letter-spacing: 1px; text-transform: uppercase; font-size: 16px; }
#siteTitle a{  color: grey;}
#siteTitle a:hover {  color: red;}


/* Footer */
#footer .right { float: left; margin-left: 380px}

/* Fachbereiche */
.heading-fachbereich h1,h2,h3,h4 { font-family: Helvetica; font-size: 12px; font-weight: bold;}
ul.fachbereich { list-style:none; padding: 5px 0 }
ul.fachbereich li {padding: 5px 2px; }


/* Erfolge */
ul#erfolge { list-style:none; }
ul#erfolge li:before { content: "\2013\A0"; text-decoration: none; }
ul#erfolge li a:hover { color: #728562; }
ul#erfolge li { line-height: 14px; }
ul#erfolge li a { font-size: 9pt; font-weight: normal; letter-spacing: 0.5px; }

/* Erfolge */ 
/* Aktuelles */
.category-aktuell, .category-erfolge { font-family: Helvetica; font-size: 12.8px; line-height: 16px; }
.entry { margin-top: 3px}
.post {	padding-bottom:10px; }
.post h2 a { font-weight: bold; }

/* Aktuelles */
.aktuelles {  width: 430px; font-size: 12px; }
.aktuelles h5 { font-family: Helvetica; letter-spacing: 0.9px; }
.aktuelles h5 a:hover { color: #728562; }
.aktuelles h5 a { font-weight: bold; text-decoration: none; color: #3F3D3D; letter-spacing: 0.2px;}
.aktuelles div.hr { width: 100%; border-bottom: 1px dashed grey;  height: 0;  margin-top:15px; margin-bottom: 10px; }
.alignright a { margin-right: 0px; color: grey; }
.alignleft a { color: grey; }
.alignright a:hover { color: black;}
.alignleft a:hover { color: black;}
.eintragrechts a { color: grey; }
.eintraglinks a { color: grey; }
.eintragrechts a:hover { color: black;}
.eintraglinks a:hover { color: black;}

/* Erfolge */
.news {  width: 800px; font-size: 7pt; letter-spacing: 0.5px; }

.alignrighterfolge a { margin-left: -20px; color: grey; }
.alignrighterfolge a:hover { color: black; }

/* Termine */
.termine hr { width: 100%; border-bottom: 1px dashed grey;  height: 0;  margin-top:15px; margin-bottom: 10px; }

/* single.php ; Darstellung eines Blog-Artikels */

.single #content article {width: 430px; }
.single hr { border: 0; border-top: dashed 0.5px grey; border-bottom: solid 1px #fff5ee; height:0.3px; margin-top:15px; margin-bottom: 10px; background-color: #fdfffc; color:grey; width: 428px; }
.vorheriger { margin-top: 20px; }
.naechster { margin-top: -12.8px;}
.naechster a { margin-left: 350px; color: grey; font-size: 12.8px; }
.vorheriger a { color: grey; font-size: 12.8px;}
.naechster a:hover { color: black;}
.vorheriger a:hover { color: black;}

/* Umflie�en aufheben */
.clear:after{ content: ".";	display: block; height: 0; clear: both;	visibility: hidden; }

/* COPY */
/* Formularfelder */
#formulartext { width: 440px;}
#kontaktformular { position: absolute; top: -45px;}
#probejahrformular { position: absolute; top: -45px; }

.eintrag { border-width: 1px; border: black 1px solid; background-color: #fdfffc; width: 430px;}
.senden { border: 0px; background: #fdfffc;  font-family: Arial; color: #66FF00; font-size: 15px; font-weight: bold; }
.vertragsabschluss { border: black thin solid; background: #fdfffc;  font-family: Arial; color: #ff7f50; font-size: 15px; font-weight: bold; }
.kostenpflichtig {border: 0px; background: #fdfffc; font-family: Helvetica; font-size: 11.5px; letter-spacing: 0.3px; margin-left: -6px;}
.feld { font-family: Helvetica; font-size: 13px; background-color: #fdfffc; border-left: #fdfffc thin solid; border-right: #fdfffc thin solid; 
border-top: #fdfffc thin solid;
border-bottom: #fdfffc thin solid;
height: 29px;
}
.meldung { margin-top: 630px; }
.kontaktmeldung { margin-top: 690px; }
.ausfuellen { margin-left:0px; margin-bottom: 0px;background-color: #fdfffc;}

/* Geschäftsbedingungen */
.geschaeftsbedingungen { margin-top:-50px; width: 600px; text-align: left; }

/* Studienarbeiten */
.studienarbeiten { width: 600px;}
.lippoldt-bilder img { padding-top: 40px; }
.loske-bilder img { padding-top:20px; }
.loske-bild img { padding-right: 464px;}
.golloch-bilder img { padding-top:20px; }
.schnellhardt-bilder img { padding-top:20px; }
.paulus-manual img { margin: 0px; }
.gavrias-bilder img { padding-bottom: 20px;}
.dietrich-bilder img { padding-bottom: 20px; }
.scheidt-bilder img { padding-bottom: 20px; }
.paulus-schaf img { padding-right: 450px; }
.stoeber img { padding-right: 450px; }
.filthaut img { padding-bottom: 20px; }
.mascha img { padding-bottom: 20px; }
.stenz img { padding-bottom: 20px; }
.vision img { padding-right: 500px; padding-bottom: 30px; }
.pfeil { clear: both; margin-bottom: 20px; font-size: 27px; font-weight: bold;}
.abdi img { padding-right: 450px; }
.ossa-bild img { padding-right: 464px;}


figure { float: left; border: 0px; }
figure img { padding-right: 200px; border: none; }
figure figcaption { font-style: italic; color: grey; font-size: 10px; margin-top: -18px; float: left; }


/* Studenten */
.studenten img { padding-top: 20px;}

/* Dozenten */


/* Filme */
#video {position:fixed;top:50%;margin-top:-220px;height:360px;left:50%;margin-left:-320px;width:640px;}

.p1 { font-size: 13.2px; font-weight: bold; letter-spacing: 0.2px; color: #3F3D3D; }

.p2 { font-size: 14.5px; color: black; }

.p3 { font-size: 13.5px; letter-spacing: -0.5px; }

.p5 { font-size: 12px; color: black; word-spacing: 0px; letter-spacing: 0.5px; color: grey; }

.p6 { font-family: Helvetica; font-size: 11px; color: black; letter-spacing: 0.5px; text-align: right;}

#p6 { font-family: Helvetica; font-size: 11px; color: grey; letter-spacing: 0.5px; position: absolute; margin-top: -18px; left: 0px; width: 426px; text-align: left;}
#p7 { font-family: Helvetica; font-size: 11px; color: black; letter-spacing: 0.5px; position: absolute; margin-top: 273px; left: 0px; width: 426px; text-align: left; text-align: right;}
#p8 { font-family: Helvetica; font-size: 11px; color: black; position: absolute; margin-top: 285px; left: 0px; width: 450px; text-align: right;}
#p9 { font-family: Helvetica; font-size: 11px; color: black; letter-spacing: 0.5px; position: absolute;text-align:left;}

.p7 { font-size: 12.8px; color: black; word-spacing: -0.6px; letter-spacing: 0px; text-decoration: underline; }

.p8 { font-size: 14.5px; color: black; }

.p9 { font-family: Helvetica; font-size: 11px; color: black; letter-spacing: 0.3px; line-height: 20px; }

.p9 i {color:#FB06BE; font-weight: bold;}

.p10 {
	font-family: Helvetica;
	font-size: 13px;
	color: black;
	letter-spacing: 0.7px;
}
.p11 { font-family: Helvetica ; color: #3F3D3D; font-weight: bold; font-size: 9pt; }
.p12 {
	font-family: Helvetica;
	font-size: 10.8px;
	color: grey;
	text-align: right;
	line-height: 14px;
}
.p13 {
	font-family: Helvetica;
	font-size: 13px;
	color: black;
	letter-spacing: 0.7px;
	margin-left: -9px
}
.p14 { font-size: 16px; letter-spacing: 0.7px; }
.p15 { font-weight: bold; }
.diplom {
	font-family: Helvetica;
	font-size: 12px;
	color: black;
	line-height: 20px;
}
.diplom p1 {color:grey; }
.diplom p2 {color:#DDDED6; }

.a1 { font-family: Helvetica; font-size: 12px; color: orange; }

.a1:hover { color: grey;}

.a2 { color: black; font-size: 14px; word-spacing: 0.1px; }
.a2:hover { color: red; }

.a3 { font-family: Helvetica; text-decoration: underline; }

.a3:hover { color: red; }

.a4 {
	font-family: Helvetica;
	font-size: 9pt;
	line-height: 150%;
	color: black;
	letter-spacing: 0.5px;
	
}

.a4:hover { 
	color: #728562;
}
.a5 { font-family: Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #42443F; }

.a5:hover { color:  grey; }

.a6 {
	font-family: Arial;
	color: black;
	font-size: 21px;
	font-weight: bold;
}
.a6:hover {
	color: red;
}
.a7 { color: red; font-size: 13px; font-family: Helvetica; }
.a7:hover { color: black; }

.a8 { color: grey; }
.a8:hover { color: black; }

.a9 {
	color: black;
	font-size: 16px;
	font-weight: bold;
}
.a9:hover {
	color: red;
}
.a10 {
	color: white;
	font-size: 20px;
	font-weight: bold;
	background-color: black;
	position:absolute;
	margin-top: 1%;
	right: 2%;
}
.a10:hover {
	cursor: pointer;
	color: grey;
	font-weight: bold;
	
}
.a11 {
	position:fixed;
	top: 30px;
	left:22px;
	font-family: Helvetica;
	color: #A5FCFF;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 3px;
}
.a11:hover {
	color: black;
	font-weight: bold;
}
.a12 {
	color: #008000;
	font-size: 14px;
	letter-spacing: -0.4px;
	word-spacing: 0.1px;
	
}
.a12:hover { 
	color: black;
	font-weight: bold;
}
.a13 {
	font-family: Helvetica;
	color: black;
	font-size: 30px;
	font-weight: bold;
	color: #66FF00;
}
.a13:hover {
	color: red;
}
.a14 {
	color: #ff1493;
	font-size: 20px;
	word-spacing: 0.1px;
}
.a14:hover { 
	color: black;
}
.a15 {
	font-family: Helvetica;
	color: grey;
	font-size: 9pt;
	letter-spacing: 0.5px;
	
}
.a15:hover { 
	color: black;
}
.a16 {
	color: white;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 5px;
}
.a16:hover { color: black;}
.a17 { font-size: 14px; }
.a18 { color: #FE2EF7; font-size: 16px; }
.a18:hover { color: black;}
.a19 { font-family: Helvetica; font-weight: normal; font-size: 12px; letter-spacing: 0.2px; line-height: 14pt; color: #333333; }
.a19:hover { color: red;}
.katalog {font-family: Helvetica;
	color: orange;
	font-size: 13px;
	letter-spacing: -0.4px;
	word-spacing: 0.1px;
}
.katalog:hover { 
	color: black;
}
.messe:hover { color: black;}
.messe { color: orange; font-size: 15px;}

#meteor-slideshowrepublique-de-la-jaq { width: 420px;margin-top: 40px;}
#meteor-slideshowrepublique-de-la-jaq .meteor-nav .next a {
	 background: url('images/next.png')  center left; }
#meteor-slideshowrepublique-de-la-jaq .meteor-nav .prev a { display: block; height: 22px; width: 54px; margin-left: -20px; margin-top: 0px;}

#meteor-slideshowPaulus-Postkarten { width: 580px; }
#meteor-slideshowPaulus-Postkarten ul.meteor-nav { display: none; }

#meteor-slideshowpeymaneh ul.meteor-nav { display: none; }

#meteor-slideshowPaulus-Katalog ul.meteor-nav { display: none; }

#meteor-slideshowFilthaut ul.meteor-nav { display: none; }

#meteor-slideshowfremdefedern ul.meteor-nav { display: none; }

#meteor-slideshowgeneration-frohlich ul.meteor-nav { display: none; }

#meteor-slideshowfrohlich ul.meteor-nav { display: none; }
#meteor-slideshowfrohlich1 ul.meteor-nav { display: none; }
#meteor-slideshowfrohlich2 ul.meteor-nav { display: none; }
#meteor-slideshowfrohlich3 ul.meteor-nav { display: none; }
#meteor-slideshowfrohlich4 ul.meteor-nav { display: none; }
#meteor-slideshowfrohlich5 ul.meteor-nav { display: none; }
#meteor-slideshowfrohlich6 ul.meteor-nav { display: none; }
#meteor-slideshowfrohlich7 ul.meteor-nav { display: none; }

#meteor-slideshowStimmung ul.meteor-nav { display: none; }
#meteor-slideshowStimmung { }
#meteor-slideshowFotoserie1 ul.meteor-nav { display: none; }
#meteor-slideshowFotoserie1 {margin-left: -38px;}
#meteor-slideshowFotoserie2 ul.meteor-nav { display: none; }
#meteor-slideshowFotoserie2 { }
#meteor-slideshowFotoserie3 ul.meteor-nav { display: none; }
#meteor-slideshowFotoserie3 {margin-left: -38px; }
#meteor-slideshowFotoserie4 ul.meteor-nav { display: none; }
#meteor-slideshowFotoserie4 {margin-left: -38px; }
#meteor-slideshowFotoserie5 ul.meteor-nav { display: none; }
#meteor-slideshowFotoserie5 { }

.landung-line hr {  }

.linie hr { width: 700px; }

/* Sonderabstand Sub-Menu */
#menu-standard li a { display: inline-block }
#menu-standard a.probejahr { margin-bottom: 37px }


.gallery { }
.gallery img { }
.gallery-caption { }
.gallery-icon { float: left; padding: 2px; margin-top: -2px; }
.gallery-item {  }

#right_sidebar_image {margin-bottom: 5px }

a.infobox { border-bottom: 1px dashed #c30; text-decoration:none; }
a.infobox:hover { cursor:help; color:#c30; background:white; }
a.infobox span { visibility:hidden; position:absolute; left:-99em;
    margin-top:1.5em; padding:1em; text-decoration:none; }
a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
    visibility:visible; left:1em;
    border:1px solid #c30; color:blue; background:white; }

#colorado { margin-left: 14px; margin-top: -16px;}
#name { margin-left: 10px; margin-top: -16px;}
#semester { margin-left: 10px; margin-top: -16px;}
#holt { margin-left: -5px; }
.fach { color: #999999; font-weight: bold; }
.inhalt { color: #999999; }