/* 
Theme Name: Ps-Shortcuts
Description: Template f&uuml;r ps-shortcuts
Author: Jannis Gerlinger
Author URI: http://www.Jannis-Gerlinger.de
Start: 11.12.2009
Letzte Aenderung: 10.05.2011
*/

/* Farbschema
--------------------------------------------------------------------------------------- */
/*
Farbton (Linkfarbe Blau): #006fe3
Farbton (Text Grau): #676767
Farbton (Farbton): #xxxxxx
Farbton (Farbton): #xxxxxx
Farbton (Farbton): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}

/* Globals
--------------------------------------------------------------------------------------- */
html {
	background: url(_images/bg_repeat.jpg) #fff;
	color: #000;
	}


body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.5em;
	}
	
/* Globale - Links
--------------------------------------------------------------------------------------- */
a:link {
	color: #006fe3;
	text-decoration: underline;
	}

a:visited {
	color: #006fe3;
	text-decoration: underline;
	}

a:hover {
	color: #3c8bde;
	text-decoration: none;
	}


#footer_navigation a:link {
	color: #000;
	font-size: 75%;
	text-decoration: none;
	}

#footer_navigation a:visited {
	color: #000;
	font-size: 75%;	
	text-decoration: none;
	}

#footer_navigation a:hover {
	color: #3c8bde;
	text-decoration: none;
	}

/* Main Navigation
--------------------------------------------------------------------------------------- */
#home a {
	background: url(_images/nav_home.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
 	height: 70px;
  	width: 148px;
	}

#home a:hover {
	background-position: -148px 0;
	}

#home a.aktiv {
  	background-position: -148px 0;
	}
	
	
#shortcuts a  {
	background: url(_images/nav_shortcuts.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
 	height: 70px;
  	width: 147px;
	}
	
#shortcuts a:hover {
	background-position: -147px 0;
	}

#shortcuts a.aktiv {
  	background-position: -147px 0;
	}
		
		
#tipps-tricks a {
	background: url(_images/nav_tipps.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
 	height: 70px;
  	width: 147px;
	}

#tipps-tricks a:hover {
	background-position: -147px 0;
	}

#tipps-tricks a.aktiv {
  	background-position: -147px 0;
	}

#tutorials a {
	background: url(_images/nav_tutorials.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
 	height: 70px;
  	width: 147px;
	}

#tutorials a:hover {
	background-position: -147px 0;
	}

#tutorials a.aktiv {
  	background-position: -147px 0;
	}

	
#uebersetzung a  {
	background: url(_images/nav_uebersetzung.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
 	height: 70px;
  	width: 147px;
	}	

#uebersetzung a:hover {
	background-position: -147px 0;
	}

#uebersetzung a.aktiv {
  	background-position: -147px 0;
	}


#kontakt a {
	background: url(_images/nav_kontakt.png) no-repeat 0 0;
	cursor: pointer;
 	display: block;
 	height: 70px;
  	width: 147px;
	}

#kontakt a:hover {
	background-position: -147px 0;
	}

#kontakt a.aktiv {
  	background-position: -147px 0;
	}

/* Layout
--------------------------------------------------------------------------------------- */
#header_bg {
	background: transparent url(_images/header.jpg) no-repeat scroll center center;
	height: 900px;
	width: 100%;
	overflow: auto;
	}
	
#wrapper {
	margin: -900px auto 0 auto;
	width: 960px;
	overflow: visible;
	position: relative;
	z-index: 100;
	}

#navigation {
	float: left;
	margin: 0;
	}	
	
#navigation li {
	float: left;
	list-style-type: none;
	}

#logo {
	float: left;
	height: 100px;
	margin: 104px 0 0 -5px;
	width: 580px;
	}

#hauptspalte {
	float: left;
	margin-top: 74px;
	width: 648px; 
	}
	
#hauptspalte img {
	border: 1px solid #929292;
	margin: 12px 0;
	}
	
	
#seitenspalte {
	float: right;
	min-height: 600px;	
	margin: 50px 0 0 49px;
	width: 263px;	
	}
	
#seitenspalte ul {
	list-style-type: none;	
	}	

#vogel {
	background: url(_images/vogel.png);
	height: 47px;
	left: 100px;
	position: relative;
	top: 17px;
	width: 56px;
	}

#footer {
	background: transparent url(_images/footer.jpg) no-repeat scroll center center;
	float: left;
	height: 530px;
	margin-top: -280px;
	position: relative;
	z-index: 10;
	width: 100%;	
	}

#footer_navigation {
	float: left;
	list-style-type: none;
	left: 212px;
	position: relative;
	top: 148px;
	text-align: center;
	width: 800px;
	}

#footer_navigation li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
	font-weight: bold;
	list-style-type: none;	
	padding-right: 37px;
	}
		
.unterstrich {
	background: url(_images/unterstrich.png); 
	height: 117px;
	margin-bottom: -20px;
	width: 685px;
	}			
	
.unterstrich img {
	border: none !important;
	}		
	
/* Suche
--------------------------------------------------------------------------------------- */
#suchbox {
	float: left;
	height: 60px;
	margin-top: 63px;
	padding: 0;
	}

#suchfeld {
	background: url(_images/suchfeld.png);
	color: #fff;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;	
	height: 55px;
	padding: 4px 0 0 10px;
	text-shadow: 1px 1px 3px #838383;		
	width: 346px;
	}		
		
input.suche_go {
	background: url(_images/suche.png) no-repeat 0 0;
	cursor: pointer;
	float: left;
	height: 59px;
	width: 120px;
	}	
	
input.suche_go:hover {
	background: url(_images/suche.png) no-repeat 0 -59px;
	}
	
/* Überschriften
--------------------------------------------------------------------------------------- */	
h1 {
	border-bottom: 3px double #000;
	color: #252a2e;
	float: left;
	font-size: 240%;
	padding-bottom: 14px;
	text-shadow: 1px 1px 3px #838383;	
	width: 648px;
	}

h2 {
	border-bottom: 3px double #000;
	color: #252a2e;	
	float: left;
	font-size: 165%;
	margin-top: 1.5em;
	padding-bottom: 8px;
	text-shadow: 1px 1px 1px #838383;	
	width: 263px;
	}
	
h3 {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 0.8em;
	margin-top: 0.5em;
	}	
	
h4 {
	float: left;
	font-size: 140%;
	font-weight: normal;
	margin-bottom: 0.8em;
	text-shadow: 1px 1px 1px #838383;		
	width: 240px;
	}
	
h4 a:link {
	color: #000;	
	text-decoration: none;
	}		
	
h4 a:hover {
	color: #375471;
	text-decoration: none;
	}	
	
h5 {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 2.5em;
	}
	
h6 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0.5em;
	}	
	
/* Absätze
--------------------------------------------------------------------------------------- */		
p {
	margin: 10px 0 30px 0;
	}

p.datum {
	float: left;
	margin: 5px 0 -5px 0;
	width: 400px;
	}
	
p.datum_kommentare {
	float: left;
	margin: 5px 0 -5px 0;
	width: 648px;
	}	
	
p.kommentare {
	float: right;
	margin: 5px 0 -5px 0;
	text-align: right;
	width: 200px;
	}	
	
p.up {
	float: right;
	margin: 60px 37px 0 0;
	}	
	
p.shortcut {
	float: left;
	font-size: 160%;
	margin-bottom: -30px;	
	padding-top: 50px;
	text-shadow: 1px 1px 3px #878787;	
	width: 504px;
	}	
	
p.taste {
	float: left;	
	font-size: 160%;	
	margin-bottom: -30px;	
	padding-top: 50px;
	text-shadow: 1px 1px 3px #878787;	
	width: 100px;
	}		
	
p.deutsch {
	float: left;	
	font-size: 160%;	
	margin-bottom: -30px;	
	padding-top: 50px;
	text-shadow: 1px 1px 3px #878787;	
	width: 100px;
	}		
	
 p.englisch {
	float: left;
	font-size: 160%;
	margin-bottom: -30px;	
	padding-top: 50px;
	text-shadow: 1px 1px 3px #878787;	
	width: 322px;
	}		
	
p.titel {
	float: left;
	font-size: 160%;
	margin-bottom: -30px;	
	padding-top: 50px;
	text-shadow: 1px 1px 3px #878787;	
	width: 600px;
	}
	
.eintrag {
	float: left;
	font-size: 120%;
	line-height: 1.5em;
	margin: 1.5em 0 4.5em;
	width: 648px;
	}		
	
.newsbild {
	clear: both;
	float: left;
	height: 292px;
	margin-top: 1em;
	margin-bottom: 5.5em;
	padding: 4px;
	width: 639px;
	}		
	
p.twitter_name {
	left: 157px;
	position: relative;
	top: -26px;
	width: 90px;
	}
	
.links {
	float: left;
	font-weight: bold;
	line-height: 30px;
	list-style-type: none;
	margin-top: 1.5em;
	}	
	
.favicon {
	margin: 0px 6px 2px 0;
	vertical-align: middle
	}
	
p.copyright {
	float: left;
	width: 600px;
	left: 236px;
	position: relative;
	top: 161px;	
	}
	
/* Twitter Widget
--------------------------------------------------------------------------------------- */	
.zitat_anfang {
	color: #999;
	float: left;	
	font-size: 250%;
	margin-top: -1px;
	padding: 0 2px 0 0;
	}

.tweets {
	font-style: italic;
	list-style-type: none;
	margin-bottom: 1.5em;
	margin-top: -25px;
	}
	
.tweets li {
	margin-bottom: 1.5em;
	}	
	
li.tweet_time {
	color: #676767;	
	font-size: 90%;
	font-style: normal;
	margin-top: -15px;
	}
	
/* Kontakformular
--------------------------------------------------------------------------------------- */	
form dl, dl.labels {
	font-size: 100%;	
	margin: 0em;
	margin-top: 0.5em;
	margin-bottom: -46px;
	overflow: hidden;
	}
	
form dt, dl.labels dt {
	color: #000;
	margin: 0 0 2px 3px;
	position: relative; /*IEWin hack*/
	width: 6em;	
	}

form dd, dl.labels dd {
	margin-left: 0;
	margin-bottom: 0.8em;
	font-size: 100%;
	font-style: normal;
	text-align: left;
	}

form dl small {
	color: #6d6d6d;
	}

.error_msg {
	color: #c2211d;	
	font-weight: 700;
	margin-bottom: -20px;
	}

.pxs_css_spamcheck {
	display: none !important;
	}	

#your_name, #email, #blog, #your_subject, #author, #url {
	background: #FFF;
	border: 2px solid #acacac;
	color: #000;
	height: 34px;
	margin: 0 10px 4px 0;
	padding: 2px 0 0 5px;
	width: 350px;
	}
	
#msg {
	background: #fff;
	border: 2px solid #acacac;
	color: #000;
	font-size: 12px;
	height: 172px;
	padding: 12px 0 0 5px;
	width: 493px;
	}	
	
label.msg {
	margin-left: 445px;
	position: relative;
	top: -30px;
	}
	
.msg_senden {
	background: url(_images/btn_senden.png);
	cursor: pointer;
	height: 40px;	
	margin-top: 20px;
	width: 120px;
	}
	
textarea { resize: none;
	}
	
.msg_senden:hover {
	background-position: -120px;
	}		
	
/* Kommentare
--------------------------------------------------------------------------------------- */		
#e-mail, #author, #url {
	background: #FFF;
	border: 2px solid #acacac;
	color: #000;
	height: 28px;
	margin: 0 10px -10px 0;
	padding: 2px 0 0 5px;
	width: 300px;
	}
	
#comment {
	background: #fff;
	border: 2px solid #acacac;
	color: #000;
	font-size: 12px;
	height: 172px;
	padding: 12px 0 0 5px;
	width: 550px;
	}	
	
#btn_kommentar_speichern {
	background: url(_images/btn_kommentar_speichern.png);
	cursor: pointer;
	height: 40px;	
	margin-top: 20px;
	text-indent: -9999em;
	width: 220px;
	}	
	
#btn_kommentar_speichern:hover {
	background-position: -220px;
	}	
	
.kommentar {
	line-height: 1.8em;
	}
	
.trenner {
	background: url(_images/trenner.png);
	height: 60px;
	margin-bottom: -20px;	
	width: 648px;
	}
	
.datum_kommentare {
	color: #676767;
	font-size: 95%;
	padding-bottom: 20px;
	}

p.kommentar_nummer {
	margin: -28px 0 0 640px;
	position: absolute;
	text-decoration: none;
	}
	
.commentlist {
	list-style-type:  none;
	}
	
/* sonstiges
--------------------------------------------------------------------------------------- */		
.suche_platz {
	float: left;
	margin: 1.5em 0 2.5em;
	width: 648px;
	}	
	
.no_frame {
	border: none !important;
	}
	
.sidebar_links {
	font-weight: bold;
	line-height: 30px;
	list-style-type: none;
	margin-top: -11px;
	}	
	
.favicon {
	margin: 0px 6px 2px 0;
	vertical-align: middle
	}	
	
.weitere_eintraege {
	float: left;
	font-size: 150%;
	height: 117px;
	margin-top: -100px;
	padding-top: 60px;
	width: 685px;
	}
	
.autor {
	height: 160px;
	width: 500px;
	}
	
.profilbild {
	float: left;
	margin: 7px 10px 20px 0 !important;
	}
