/*
Theme Name: Vienna Sunrise
Theme URI: http://wien-reise.info/
Description: Willkommen in Wien, der Stadt, die an Sch&#246;nheit und Romantik nur von <a href="http://wien-reise.info/">dieser Seite</a> &#252;bertroffen wird. Und von Venedig ...
Version: 0.1a 2008-11-30
Author: Thomas Stadler
Author URI: http://stadler-thomas.at/
Tags: skyline, categories, fixed width, widgets, gettext, Vienna, Wien, grid

Ich liebe dich!
*/



/* font */
body
	{
	text-align: left;
	color: #333; background: #eee url(images/gradient.png) 0 0 repeat-x fixed;
	margin: 0; padding: 0;
	font: normal 100%/1.25 Constantia, Georgia, Times, sans-serif;
	/* 100% = 1em = 16px / 1.25facher Zeilenabstand = 20px Zeilenhöhe */
	text-rendering: optimizeLegibility;
	}
h2.title
	{
	margin: .625em 8px .625em 200px; padding: 0;
	font: normal 200%/1.25 "HelveticaNeue-Light", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	color: #888;
	clear: both;
	}
h3
	{
	font: normal 125%/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
	margin: 1em 0; padding: 0;
	}
.clear {clear: both;}
span.edit
	{
	font: normal 50%/2 "Lucida Grande", "Unicode Symbols", "Zapf Dingbats", "DejaVu Sans", "Arial Unicode MS";
	float: right;
	text-transform: uppercase;
	}
p, ul, ol
	{
	margin: 1.25em 0;
	}

strong
	{
	font: bold 100% Calibri, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	}

/* links */
a:link
	{
	text-decoration: none;
	}

a:visited
	{
	text-decoration: none;
	}

a:focus,
a:hover,
a:active
	{
	outline: 0;
	text-decoration: underline;
	}
.home a:link, .page a:link {color: #ac0000;}
.category-1 a:link {color: #19589d;}
.category-4 a:link {color: #00531b;}
.category-5 a:link {color: #430055;}
.four04 a:link {color: #4c4c4c;}
.home a:visited, .page a:visited {color: #ac0000;}
.category-1 a:visited {color: #19589d;}
.category-4 a:visited {color: #00531b;}
.category-5 a:visited {color: #430055;}
.four04 a:visited {color: #4c4c4c;}

img, a img {border:0;}

#das_ganze
	{
	width: 960px;
	margin: 0 20px 20px;
	}
#header
	{
	width:960px; height: 100px;
	}


#masthead
	{
	float: left;
	}

h1
	{
	width: 576px; height: 80px;
	margin: 0; padding: 0;
	}
h1 a:link,
h1 a:visited
	{
	display: block;
	width: 100%; height:100%;
	margin: 0; padding: 0;
	text-indent: -9999px;
	background: url(images/logo-red.png) 0 0 no-repeat;
	}
.home h1 a:link, .home h1 a:visited, .page h1 a:link, .page h1 a:visited {background-image:url(images/logo-rot.gif);}
.category-1 h1 a:link, .category-1 h1 a:visited {background-image:url(images/logo-blau.gif);}
.category-4 h1 a:link, .category-4 h1 a:visited {background-image:url(images/logo-green.png);}
.category-5 h1 a:link, .category-5 h1 a:visited {background-image:url(images/logo-purple.png);}
.four04 h1 a:link, .four04 h1 a:visited {background-image:url(images/logo-gray.png);}
/* mouseover */
h1 a:focus, h1 a:hover, h1 a:active {background-position: 0 -101px;}
.category-1 h1 a:focus, .category-1 h1 a:hover, .category-1 h1 a:active, .home h1 a:focus, .home h1 a:hover, .home h1 a:active, .page h1 a:focus, .page h1 a:hover, .page h1 a:active {background-position: 0 -80px;}

#tagline
	{
	background: #ac0000; color: #fec; text-shadow: #600 2px 2px 5px;
	margin: 0; padding:0 8px;
	width: 576px; height: 20px; overflow: hidden;
	font: bold 13px/20px Calibri, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	}
html>body #tagline {width: 560px;} /* vor IE5/6 verstecken */
.home #tagline, .page #tagline {background: #ac0000; text-shadow: #600 2px 2px 5px;}
.category-1 #tagline {background: #19589d; text-shadow: #037 2px 2px 5px;}
.category-4 #tagline {background: #00531b; text-shadow: #020 2px 2px 5px;}
.category-5 #tagline {background: #430055; text-shadow: #304 2px 2px 5px;}
.four04 #tagline {background: #4c4c4c; color: #eee; text-shadow: #222 2px 2px 5px;}


div.post
	{
	width: 768px;
	float: left;
	margin: 0 0 1.25em 0;
	}

div.text, div.entry /* entry ist der neue Name, text wird gelöscht */
	{
	margin: 0 8px; padding:0;
	width: 560px;
	float: right;
	text-align: justify;
	}

div.post .widget
	{
	text-align: left;
	margin: 0 0 1.25em 8px; padding:0;
	width: 184px;
	float: left;
	background: #ddd;
	}
.widget ul
	{
	margin:0 4px 0 1.5em; padding:0;
	font: normal 75%/1.25 Calibri, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	}




/* Menü von der Sidebar in den Header heben: */
#menu
	{
	width: 576px; height: 120px;
	position: absolute; top:100px; left: 20px; z-index: 3;
	background: #ddd;
	}
/* Aufzählungszeichen und Abstände entfernen: */
#menu ol, /* Ebene 1 */
#menu ul  /* Ebene 2 */
	{
	list-style: none;
	margin: 0; padding: 0;
	}
/* Menüpunkte nebeneinander anordnen: */
#menu li
	{
	float: left;
	width: 192px; height: 2.5em;
	margin: 0; padding: 0;
	}
/* Links ausdehnen und formatierien: */
#menu li a
	{
	display: block;
	text-decoration: none;
	letter-spacing: 1.5px;
	font: bold 75%/3.33 Constantia, Georgia, Times, sans-serif;
	text-align: center;
	text-transform: uppercase;
	background: #999; color: #333;
	text-shadow: #ddd 0px 1px 1px;
	height: 100%; overflow: hidden;
	}

/* auf den einzelnen Kategorie-Seiten aktuellen Menüpunkt dunkelgrau hervorheben: */
#menu li.current-cat-parent a:link,
#menu li.current-cat-parent a:visited,
#menu li.current-cat a:link,
#menu li.current-cat a:visited
	{
	background: #666; color: #fff; text-shadow: #222 0 -1px 1px;
	}

/* mouseover für Ebene 1: */
#menu li.cat-item-1 a:focus,
#menu li.cat-item-1 a:hover,
#menu li.cat-item-1 a:active
	{
	color: #ffc;
	background: #19589d;
	text-shadow: #037 3px 3px 5px;
	}
#menu li.cat-item-4 a:focus,
#menu li.cat-item-4 a:hover,
#menu li.cat-item-4 a:active
	{
	color: #ffc;
	background: #00531b;
	text-shadow: #020 3px 3px 5px;
	}
#menu li.cat-item-5 a:focus,
#menu li.cat-item-5 a:hover,
#menu li.cat-item-5 a:active
	{
	color: #ffc;
	background: #430055;
	text-shadow: #304 3px 3px 5px;
	}

/* Ebene 2 (ul) liegt innerhalb der E1-Punkte. Angaben aus Ebene 1 überschreiben: */
/* Menüpunkte der Ebene 2 untereinander statt nebeneinander. Zeilenhöhe nur 20px statt 40px */
#menu ul.children li
	{
	float: none;
	margin: 0; padding: 0;
	width: 192px; height: 1.25em;
	}
/* Links für Ebene 2 stylen (bzw. Formatierung aus Ebene 1 überschreiben): */
#menu ul.children a:link,
#menu ul.children a:visited,
#menu ul.children a:focus,
#menu ul.children a:hover,
#menu ul.children a:active
	{
	margin: 0; padding: 0 8px;
	font: normal 75%/1.667 Calibri, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
	text-transform: none;
	letter-spacing: 0;
	background: #ddd; color: #999;
	text-shadow: none;
	}
/* Wenn E1-Menüpunkt aktiv, das jeweilige Untermenü hervorheben: */
#menu li.current-cat-parent ul a:link,
#menu li.current-cat-parent ul a:visited,
#menu li.current-cat ul a:link,
#menu li.current-cat ul a:visited
	{
	background: #ccc; color: #666;
	}
/* Auf Artikel- oder Untermenü-Seiten den aktuellen Menüpunkt grau (noch grauer!) hervorheben: */
#menu ul li.current-cat a:link,
#menu ul li.current-cat a:visited,
#menu ul li.current-cat a:focus,
#menu ul li.current-cat a:hover,
#menu ul li.current-cat a:active
	{
	background: #aaa; color: #333;
	}
/* Punkte der Ebene 2 bei mouseover in der jeweiligen Farbe hellbunt hervorheben: */
#menu li.cat-item-1 ul a:focus,
#menu li.cat-item-1 ul a:hover,
#menu li.cat-item-1 ul a:active
	{
	background: #9bd; color: #333;
	}
#menu li.cat-item-4 ul a:focus,
#menu li.cat-item-4 ul a:hover,
#menu li.cat-item-4 ul a:active
	{
	background: #9c9; color: #333;
	}
#menu li.cat-item-5 ul a:focus,
#menu li.cat-item-5 ul a:hover,
#menu li.cat-item-5 ul a:active
	{
	background: #a9c; color: #333;
	}


#content
	{
	margin: 0; padding: 7.5em 0 0;
	background: url(images/grid.png);
	background: #fff url(images/sidebar.gif) 100% 0 repeat-y;
	}

#sidebar
	{
	width: 192px;
	float: right;
	color: #fff; background: #ddd;
	}
#footer p,
#footer ul,
#footer li
	{
	display: inline;
	margin: 0; padding:0;
	}
#footer p,
#footer li
	{
	padding: 0 0.5em;
	}
#footer li
	{
	border-left: 1px solid #ccc;
	}
#footer
	{
	clear: both;
	width: 100%; height: 20px;
	background: #666; color: #ccc;
	font: bold 75%/1.667 Calibri, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	}
#footer a
	{
	background: #666; color: #fff;
	}

p.intro
	{
	font: italic 125%/1 Constantia, Georgia, Times, serif;
	text-align: left;
	margin: 0 0 1em;
	padding: 0;
	}
/* Das erste Wort im Intro ist die Kategorie, sans-serif, Großbuchstaben: */
.intro a.cat
	{
	font: bold 100%/1 Calibri, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	}

.info
	{
	font: normal 100%/1.25 Calibri, Corbel, "Arial Narrow", sans-serif;
/*	padding-left: 4px;*/
	}
/*
.home .info, .page .info {border-left: 4px solid #ac0000;}
.category-1 .info {border-left: 4px solid #19589d;}
.category-4 .info {border-left: 4px solid #00531b;}
.category-5 .info {border-left: 4px solid #430055;}
.four04 .info {border-left: 4px solid #4c4c4c;}
*/

.extra
	{
	width: 184px;
	float:left;
	margin: 0 0 .625em -192px;
	background: #ac0000; color:#fff;
	clear: left;
	}
/* anfärbeln: */
.home .extra, .page .extra {background: #ac0000;}
.category-1 .extra {background: #19589d;}
.category-4 .extra {background: #00531b;}
.category-5 .extra {background: #430055;}
.four04 .extra {background: #4c4c4c;}
/* innerhalb des div.extra befindet sich unser <p>. Darling, ich habe den Schriftgrad um 1/4 geschrumpft: */
.extra p
	{
	font: normal 75%/1.25 Calibri, Corbel, "Arial Narrow", sans-serif;
	margin: .625em 8px;
	}
.extra a:link,
.extra a:visited,
.extra a:focus,
.extra a:hover,
.extra a:active
	{
	color:#fff;
	text-decoration: underline;
	}

/* THOMAS HAT AB HIER ETWAS DAZUGETAN: */

.special
	{
	width: 368px;
	float:right;
	margin: 0 0 .625em 10px;
	clear: left;
        background:#f0f0f0
	}
/* anfärbeln: */
.home .special, .page .special {color: #ac0000;}
.category-1 .special {color: #19589d;}
.category-4 .special {color: #00531b;}
.category-5 .special {color: #430055;}
.four04 .special {color #4c4c4c;}
/* innerhalb des div.extra befindet sich unser <p>. Darling, ich habe den Schriftgrad um 1/4 geschrumpft: */
.special p
	{
	font: normal 100%/1.25 Calibri, Corbel, "Arial Narrow", sans-serif;
	margin: .625em 8px;
	}
.special a:link,
.special a:visited,
.special a:focus,
.special a:hover,
.special a:active
	{
	color:#fff;
	text-decoration: underline;
	}

/* THOMAS HAT AB HIER NICHTS VERÄNDERT: */


.alignleft
	{
	float: left;
	margin: 0 8px 0 -192px; padding:0;
	clear: left;
	}
.alignright
	{
	float: right;
	margin: 0 0 0 8px; padding:0;
	}
.wp-caption
	{
	width: auto !important;
	}
.wp-caption, .alignleft, .alignright
	{
	font: normal 75%/1.25 Calibri, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	}
.wp-caption-text
	{
	font-weight: bold;
	width: 184px;
	padding: 0 0 1.6667em; margin:0;
	}
#headerpic
	{
	font: bold 75%/1.667 Calibri, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	width: 384px;
	margin: 20px 0 0;
	float: right;
	}
#headerpic p.img
	{
	width: 384px; height: 200px;
	margin: 0; padding: 0;
	}
#headerpic p.caption, .wp-caption-text
	{
	font-weight: bold;
	width: 184px;
	margin: 0; padding:0;
	}
div.alignnone {position:relative;}
div.alignnone p.wp-caption-text {position:absolute;bottom:0; left:-192px; text-align:right;}


.ubahn,
a:link .ubahn,
a:visited .ubahn,
a:focus .ubahn,
a:hover .ubahn,
a:active .ubahn
	{
	padding: 1px;
	color: #fff;
	font: bold 100% Calibri, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	}

.u1 {background:#d00;}
.u2 {background:#909;}
.u3 {background:#f60;}
.u4 {background:#090;}
.u6 {background:#930;}

.tel,
.www
	{
	font: normal 100%/1 "Arial Unicode MS", "DejaVu Sans", "Unicode Symbols";
	}
.ubahn img,
.sbahn img,
.fuss img
	{
	vertical-align: -2px;
	margin: -5px 0 0;
	padding: 0; border: 0;
	}
.bim img,
.ulf img,
.bus img,
.tel img,
.www img
	{
	vertical-align: -1px;
	margin: 0;
	padding: 0; border: 0;
	}

div.map {margin: 1.25em 0;width: 560px; position:relative;text-align: left;}
div.map p {margin: 0 0 1.25em;}
div.map div.alignleft,
div.map div.alignright
	{
	width: 184px;
	color: #fff;
	}
.home  div.map div.alignleft, .page  div.map div.alignleft {background: #ac0000;}
.category-1 div.map div.alignleft {background: #00531b;}
.category-4 div.map div.alignleft {background: #00531b;}
.category-5 div.map div.alignleft {background: #00531b;}
.four04  div.map div.alignleft {background: #4c4c4c;}
div.map ol {margin: 8px 8px 8px 2.5em; padding:0;}
div.map div.alignleft a:link,
div.map div.alignleft a:visited,
div.map div.alignleft a:focus,
div.map div.alignleft a:hover,
div.map div.alignleft a:active
	{
	color: #fff;
	}
div.map a:link span.location,
div.map a:visited span.location,
div.map a:focus span.location,
div.map a:hover span.location,
div.map a:active span.location
	{
	color: #b00;
	background: url(images/location.gif) 0 -15px no-repeat;
	position: absolute;
	z-index: 5;
	text-align: center;
	display: block;
	width: 15px; height: 15px;
	font-size: 10px;
	line-height:15px;
	}
div.map a:focus span.location,
div.map a:hover span.location,
div.map a:active span.location
	{
	background: url(images/location.gif) 0 0 no-repeat;
	color: #fff;
	text-decoration: none;
	}
div.map a:link span.oeffi,
div.map a:visited span.oeffi,
div.map a:focus span.oeffi,
div.map a:hover span.oeffi,
div.map a:active span.oeffi
	{
	background: none;
	width:auto; height:auto;
	}
div.map a:link span.bim,
div.map a:visited span.bim,
div.map a:link span.bus,
div.map a:visited span.bus
	{
	background:#fff;
	}
div.map a:focus span.sbahn,
div.map a:hover span.sbahn,
div.map a:active span.sbahn,
div.map a:focus span.ubahn,
div.map a:hover span.ubahn,
div.map a:active span.ubahn
	{
	border:1px solid #b00;
	margin: -1px 0 0 -1px;
	}
div.map a:focus span.bim,
div.map a:hover span.bim,
div.map a:active span.bim,
div.map a:focus span.bus,
div.map a:hover span.bus,
div.map a:active span.bus
	{
	background:#fff;
	border:1px solid #b00;
	margin: -1px 0 0 -1px;
	}

#respond
	{
	width:944px;
	margin: 0 8px;
	clear:left;
	}


/*
html>body div.map a:focus span.ubahn,
html>body div.map a:hover span.ubahn,
html>body div.map a:active span.ubahn,
html>body div.map a:focus span.bim,
html>body div.map a:hover span.bim,
html>body div.map a:active span.bim,
html>body div.map a:focus span.bus,
html>body div.map a:hover span.bus,
html>body div.map a:active span.bus
	{
	margin: -1px 0 0 -1px;
	}
*/