/*
PRINT
Design for the page <<Wiener Untergrund>>
by Thomas Stadler 
http://www.wiener-untergrund.at
*/


body {
	color: #3333333;
	font: normal 14pt/1.5 "Times New Roman", Arial, Helvetica, serif;
}

h1, h2, h4,h5 {
	margin: 0;
 	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #565F68;
}

h2 {
	font-size: 320%;
	font-weight: normal;
	line-height: 100%;
}

h3 {
	font: normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	color: #565F68;
	font-size: 130%;
	font-weight: bold;
	line-height: 100%;
}

h4 {
	font-size: 200%;
}

h5 {
	font-size: 180%;
}

p, ul, ol {
	margin: 0 0 1em 0;
	font-size: 140%;

}

ul, ol {
}

a {
	text-decoration: none;
	color: #0A0A0A;
}

a:hover {
	background: none;
}


#dasganze{                  /* ... padding 0, dafür alle anderen dafür margin 10px*/
	width: 100%;
	background: #FFFFFF;
}

/* ---------------------------------------------------------------------------------  Header-Bereich */



#header {
	margin: 0;
	display: hidden;
}


#logo {
	width: 300px;
	margin: 0;
	padding:0;
	color: #565F68;
}


#logo h1 {
	margin: 0;
 	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #565F68;
}

#logo h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus  {
	margin: 0;
 	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #565F68;
}


/* --------------------------------------------------------------------------------- HAUPTEMNÜ */


#menu {
	display: hidden;
	padding: 0;
	height: 10px;
}



/* --------------------------------------------------------------------------------- Inhaltsbereich */

#page {
	width: 100%;
	margin: 0;
}


/* --------------------------------------------------------------------------------- Content */

#content {
	width: 100%;
	margin-left: 10px;
}

#content h2 {
	margin:0;
	padding-bottom: 4px;
}

#content h3 {
	margin:0;
	padding-bottom: 1.2em;
}

#content h4 {
	padding: 0.8em 0 0 0;
}


#contentbig {
	float: right;
	width: 930px;
}



#content a {
	color: #003366;
}

#content a:hover {
	background: none;
	color: #003366;
	text-decoration: underline;
}





/* ------------------------------------------- Listen */

#content ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	list-style: square;
}


#content li  {
	padding: 0;
    margin-left: 20px;
    font: normal 100%/1.8 "Trebuchet MS", Arial, Helvetica, sans-serif;
}



/* ------------------------------------------- 101 Ausreden */


.ausreden{
	width: 450px;
	height: 15em;
	padding: 0 8px;
   	margin: 10px 0 10px 40px;
   	background: #000000;
}

.ausreden h4{
   	font: italic 200%/1.8 Georgia, "Times New Roman", Times, serif;
   	padding: 0 8px;
   	margin: 0;
   	color: #ffffff;
}

.ausreden h5{
   	font: bold italic 220%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
   	padding-left: 8px;
   	color: #ffffff;
}

/* ------------------------------------------- Karten & Extras */

.extra_center{
	margin: 15px auto ;
	background: #eeeeee;
	border-left:1px solid #333333;
}


.extra_center h1{
   	font: italic 200%/1.8 Georgia, "Times New Roman", Times, serif;
   	margin: 10px 0 0 10px;
   	padding: 0;

}

.extra_center p{
   	font: italic 180%/1.3 Georgia, "Times New Roman", Times, serif;
   	color: #333333;
   	padding: 5px 10px 10px 10px;
}





.grafik{
	margin: 10px 0 20px 20px;
	padding: 0 8px 0 8px;
	border-left:2px solid #565F68;
}


.grafik h5 {
   	font: italic 210%/1 Georgia, "Times New Roman", Times, serif;
   	color: #565F68;
   	margin: 0 0 4px 0;
   	
}

.grafik p {
   	font: normal 110%/1 "Trebuchet MS", Arial, Helvetica, sans-serif;
   	color: #333333;
   	margin: 0px 0 4px 0;
}




.extra_right{
	float:right; 
	margin-left:10px;
	padding:0;
	border: none;
	background:#ffffff;
}

.extra_right p{
   	font: normal 105%/1 Arial, Helvetica, sans-serif;
   	color: #333333;
   	margin: 0 0 4px 0;
   	padding: 2px 3px 2px 2px;
}



.extra_left{
	float:left; 
	width: auto;
	margin:0 10px 0 0;
	padding:0;
	border: none;
	background:#ffffff;
}

.extra_left p{
   	font: normal 105%/1 Arial, Helvetica, sans-serif;
   	color: #333333;
   	margin: 0 0 4px 0;
   	padding: 2px 2px 2px 3px;
}





.downloads{
	width: 300px;
	margin: 30px;
	padding-left: 4px;
	background: #eeeeee;
	border-left:2px solid #565F68;
}


.downloads h1 {
   	font: bold italic 150%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
   	padding-left: 8px;
   	color: #ffffff;
   	background: #565F68;
}

.downloads h2 {
   	font: bold italic 130%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.downloads p {
   	font: normal 110%/1 "Trebuchet MS", Arial, Helvetica, sans-serif;
   	color: #565F68;
   	margin: 5px 0 4px 0;
}


.download_preview {
	margin:5px 8px 5px 0; 
}



/* ------------------------------------------- Bilder */


.img {
	border: none;
}


img.img_left_noborder{
	float:left; 
	margin-right:10px;
	padding:0;
	border: none;
}


img.img_right_noborder{
	float:right; 
	margin-left:10px;
	padding:0;
	border: none;
}






/* --------------------------------------------------------------------------------- SIDEBAR  */


#sidebar {
	width: 100%;
	padding: 0;
	margin: 0;
	color: #333333;
}



/* Sidebar: Bild und Bildbeschreibung   */


#image {
	width: 310px;
	height: 240px;
	padding: 0;
	margin: 0;
	color: #ffffff;
}

#image h4{
	font: italic 280%/1.1 Georgia, "Times New Roman",  serif;	
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 10px;
    margin: 0;
    color: #003366;
}

#image p{
	font: italic 110%/1.1 "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 20px;
	text-align: right;
    margin: 0;
    color: #333333;
}

img.imagebild{
	border: 0;
	margin:0;
}


    
/* Sidebar: Überschrift + Untermenü  */

#untermenue {
	padding-bottom: 40px;
}


#untermenue h2 {
	font: normal italic 320%/1.0 Georgia, "Times New Roman",  serif;	
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 15px;
    margin: 0;
    color: #565F68;
}


#untermenue ul {
	margin: 0 20px;
	padding: 0;
	list-style: none;
}

#untermenue li  {
	padding: 0;
    margin: 0;
    font: normal 130%/1.8 "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
#untermenue li ul {
	padding-left: 0px;
}

#untermenue li li {
    font: normal 55%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #D2D4C9;
}


#untermenue li li ul{
    font: normal 70%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#untermenue li li ul li{
    font: normal 70%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#untermenue a {
	border: none;
    color: #333333;
}

#untermenue a:hover {
	text-decoration: underline;
 	color: #000000;
}

#untermenue a.open{
    font: normal 100%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #000000;
}





/* Sidebar: Verwandt & Links & Anzeigen*/


#verwandt  {
	padding-bottom: 40px;
}


#verwandt h2 {
	font: normal italic 200%/1.0 Georgia, "Times New Roman",  serif;
	border-top: 1px dotted #999999;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 5px;
    margin: 0;
    color: #565F68;
}

#verwandt ul {
	margin: 0 20px;
	padding: 0 0 10px 0;
	list-style: none;
}

#verwandt li  {
	padding: 0;
    margin: 0;
    font: normal 100%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#verwandt a {
	border: none;
    color: #333333;
}

#verwandt a:hover {
	text-decoration: underline;
 	color: #000000;
}


.anzeigen_link{
	font: italic 90%/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
}



/* Fußzeile unten */

#fusszeile{
	width: 930px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 10px 0 10px 0; 
	background: #565F68;
	font-family: Arial, Helvetica, sans-serif;
	color: #B2B2B2;
}

#fusszeile p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#fusszeile a {
	color: #FFFFFF;
	border: none;
}






/* Drucken, Suchen,...*/

#tools {
        display:hidden;
}



.stationen a {cursor: help;}

.stationen a span {display: none;}

.stationen a:active span {display: block;}

.stationen a:visited span {display: block;}