@charset "utf-8";

/* media=screen */

/**********************************************/
/*							Generelle Farben							*/
/*--------------------------------------------*/
/*				Text:  					rgb(90,70,50)				*/
/*				Orange:  				rgb(250,130,0)			*/
/*				Sidebar-Braun:	rgb(xx,xx,xx)				*/
/**********************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: small;
	line-height: 18px;
	color: rgb(90,70,50);
	background: rgb(245,245,245);
}

/*****   DIVs FÜR SEITENLAYOUT, diverse Hintergrund-Bilder  *****/
/****************************************************************/
#hintergrund_seite {
	background: rgb(242,242,242) url(http://www.linzplus.at/_layout/linz-plus-pc-seite-hintergrund.gif) center top repeat-y;
}

#hintergrund_header {
	background: url(http://www.linzplus.at/_layout/linz-plus-pc-titel.gif) center top no-repeat;
}	

#seite {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	width: 1000px;
	height: 88px;
	margin: 0 auto;
	color: rgb(150,80,5);
}

#content {
	float: left;
	width: 564px;
	margin-left: 17px;
	padding-right: 12px;
}

#navigation {
	float: left;
	width: 230px;
}

#google_skyscraper {
	float: left;
	width: 160px;
	height: 600px;
	margin-top: 19px;
	margin-left: 10px;
}

#footer {
	clear: both;
	padding: 35px 0 0px 0;
	text-align: center;
	font-size: 0.85em;
}

#hintergrund_footer {
	height: 10px;
	padding-bottom: 20px;
	background: rgb(242,242,242) url(http://www.linzplus.at/_layout/linzplus_pc_footer.gif) center top no-repeat;
}	

.hintergrund_fehlerseite {
	background: url(http://www.linzplus.at/_layout/linzplus_pc_fehlerseite_hintergrund.gif) right top no-repeat;
}

.div_zusatz_info {
	padding-left: 25px;
	padding-bottom: 10px;
	font-size: 0.9em;
}

/*****   ALLGEMEINE FORMATIERUNGEN     *****/
/********************************************/

img {
	border: none;
}

a {
	text-decoration: none;
}

a:focus {
  outline: none !important;
}

/* FORMATIERUNGEN im "content" (= Inhaltsbereich, Blog etc.) */
/*************************************************************/

.dreispalten { /* Beitrag mit Linkseinrückung und Bilder an den linken Rand */
	margin-left: 188px;
	margin-top: 20px;
}

.dreispalten img {
	float: left;
	margin-left: -188px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 7px;
}

.spalte1v3 {
	float: left;
	width: 172px;
	margin-top: 10px;
	margin-right: 16px;
}

.spalte2u3v3 {
	float: left;
	width: 376px;
	margin-top: 10px;
}

#content p {
	margin-top: 5px;
	margin-bottom: 10px;
}

#content a {
		color: rgb(250,130,0);
}

#content h2 { 					/* Beitrag - Überschrift */
	margin-left: -188px;
	margin-bottom: 1em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

#content h2 a:hover {
	border-bottom: 1px solid;
}

#content h3 { /* Einleitungs-Text */
	font-size: 1em;
	font-weight: bold;
}
h4 img { /* für PLUS-Zeichen(gif-Bild) */
	margin-left: 1px;
	margin-bottom: -1px;
}

.navigation_plus_zeichen {
	margin-left: 1px;
	margin-bottom: -1px;
	border: none;
}

hr {
	margin-top: 1px;
	height: 1px;
	color: rgb(170,160,160); 							/* orange */
	background-color: rgb(170,160,160); 	/* orange für Firefox */
	border: 1px rgb(170,160,160);					/* orange */ 
}	

.img_inline {
	margin: 0 0 -1px 1px !important;
	padding: 0 !important;
	float: none !important;
}


/*****   SPEZIELLE KLASSEN-FORMATIERUNGEN *****/
/**********************************************/

.clear {
	clear: both;
}

.break {
	clear: both;
	margin-top: 40px;
}


.normaler_link{
	text-decoration: none;
}

.normaler_link:hover{
	border-bottom: 1px solid rgb(80,90,90);
}

.schrift_normal, .schrift_normal a {
		color: rgb(80,90,90) !important;
}

.schrift_kleiner {
	font-size: 0.9em;
}

.linkpfeil {
	color: rgb(255,140,0); 	/* orange */
	background: url(http://www.linzplus.at/_layout/linz-plus-linkpfeil.gif) left center no-repeat;
	padding-left: 15px; /* pfeil-bildbreite 10px + 5px Abstand zum Text */
	padding-bottom: 1px; /* dadurch wird der Unterstrich bei "Hover" (eigentlich border-bottom) etwas nach unten abgesetzt */
	border-bottom: 1px solid transparent; /* wird auf Hintergrundfarbe gestellt, damit Inhalt darunter nicht bei "HOVER" um die Borderbreite (1px) nach unten rücken */
}

.linkpfeil:hover, .linkpfeil:focus, .linkpfeil:active {
	border-bottom: 1px solid rgb(255,140,0); 
}

.linkpfeil_stadtplan {
	font-weight: normal !important;
	background: url(http://www.linzplus.at/_layout/linz-plus-linkpfeil-stadtplan.gif) left 3px no-repeat;
	padding-left: 15px; /* pfeil-bildbreite 10px + 5px Abstand zum Text */
	padding-bottom: 1px; /* dadurch wird der Unterstrich bei "Hover" (eigentlich border-bottom) etwas nach unten abgesetzt */
}

.orange, .orange a, .orange a:hover {
	color: rgb(250,130,0);
}

#commentform p {
	margin: 5px 0;
	}

.alignleft {
	float: left;
	}
	
.alignright {
	float: right;
	}

.align_right {
	text-align: right;
}

.align_left {
	text-align: left;
}

.fett {
	font-weight: bold;
}

.center {
	text-align: center;
}

.abstand_beidseitig {
	padding: 0 5px;
}

.abstand_links {
	padding-left: 10px;
}

.leerraum_oben_gross {
	padding-top: 15px;
}

.leerraum_oben_klein {
	padding-top: 5px;
}

.leerraum_unten_gross {
	padding-bottom: 15px;
}

.leerraum_unten_klein {
	padding-bottom: 5px;
}

.foto_rahmen {
	border: 1px solid rgb(80,90,90);
	margin-bottom: 3px;
} 

/*****   BLOG KLASSEN-FORMATIERUNGEN *****/
/**********************************************/



/*****   Header   *****/
/**********************/
#titel {
	float: left;
	width: 313px;
	padding-top: 38px;
	padding-left: 280px;
}

#google_suche {
	float: left;
	width: 198px;
	height: 53px;
	padding-top: 35px;
	padding-left: 22px;
	background-image: url(http://www.linzplus.at/_layout/linz-plus-pc-header-suchbox.gif)
}

#google_suche_eingabe {
	background-color: rgb(248,235,209);
	color: rgb(150,80,5);
	border:none;
	margin-left: 3px;
	width:118px;
	padding:0px;
}

#google_suche_submit {
	background: none;
	color: rgb(150,80,5);
	border:none;
	margin: 0px;
	padding: 0px;
}

#google_suche_auswahl {
	margin-top: 4px;
	font-size: 0.85em;
}


/*****   Inhalt   *****/
/**********************/

.kein_linkpfeil { 														/* zum Aufheben von linkpfeil, damit notwendiger "padding"-Einrückung und "border"-Unterstreichung, hauptsächlich bei Bildern */ 
	border-bottom: none !important;
	background-image: none !important;
	padding-left: 0 !important;
}

/*** Spalten - Breite und Positionierung ***/

.fotos {
	float: left;
	width: 172px;
	padding: 8px;
}

.fotos_galerie {
	float: left;
	width: 172px;
	padding: 8px;
	background: url(http://www.linzplus.at/_layout/foto_anzeige/galerie_background.jpg) ;
}

.geschichte_zeitleiste {
	float: left;
	width: 60px;
	font-size: 0.85em;
	text-align: center;
}

.geschichte_zeitleiste_ende {
	float: left;
	width: 516px;
}

.geschichte_zeitabschnitt p {
	margin-left: 197px;
	margin-bottom: 11px;
}

.geschichte_erster_absatz {
	margin-top: -19px; /* wegen .geschichte_zeitpunkt */
}

.geschichte_bild {
	float: right;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 7px;
	background: none !important;
}

.geschichte_bild:hover, .geschichte_bild:focus {
	border-bottom: none !important;
}

.geschichte_endbild {
	margin-top: -30px;
}

.geschichte_zeitpunkt{
	margin-left: 70px;
	width: 105px;
	font-size: 0.85em;
	text-align: right;
}
.geschichte_text {
	float: left;
	width: 379px;
	padding-left: 15px;
	text-align: left;
}
.geschichte_break {
	clear: both;
	margin-top: 15px;
}

/*** Schriftgrößen, Farben Positionierung von einzelnen html-Elementen ***/


#content .spalte1v3 h3 { /* Stichworte linke Spalte */
	margin-top: 0.4em;
}
	
#content h4 { /* Orange Rubriken-Überschrift mit Unterstrich */
	font-size: 1em;
	font-weight: normal;
}

#content h2 a {
	color: rgb(80,90,90);
	background: none;
	padding-left: 0;
}

#content h4 a {
	background: none;
	padding-left: 0;
}

/* Wordpress Specials */
/**********************/

.postmetadata {
	clear: both;
	border-top: 1px dotted;
	padding-top: 2px;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: right;
}

.postmetadata a {
	font-size: 1em;
}

.beitrag_navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	color: rgb(255,140,0); 							/* orange */
}

.link_vorwaerts a {
	color: rgb(255,140,0); 	/* orange */
	background: url(http://www.linzplus.at/_layout/linz-plus-linkpfeil.gif) left center no-repeat;
	padding-left: 15px; /* pfeil-bildbreite 10px + 5px Abstand zum Text */
	padding-bottom: 1px; /* dadurch wird der Unterstrich bei "Hover" (eigentlich border-bottom) etwas nach unten abgesetzt */
	border-bottom: 1px solid rgb(242,242,242); /* wird auf Hintergrundfarbe gestellt, damit Inhalt darunter nicht bei "HOVER" um die Borderbreite (1px) nach unten rücken */
}

.link_vorwaerts a:hover, .link_vorwaerts a:focus, .link_vorwaerts a:active {
	border-bottom: 1px solid rgb(255,140,0); 
}

.link_zurueck a {
	color: rgb(255,140,0); 	/* orange */
	background: url(http://www.linzplus.at/_layout/linzplus_linkpfeil_zurueck.gif) right center no-repeat;
	padding-left: 0;
	padding-right: 15px;
	padding-bottom: 1px; /* dadurch wird der Unterstrich bei "Hover" (eigentlich border-bottom) etwas nach unten abgesetzt */
	border-bottom: 1px solid rgb(242,242,242); /* wird auf Hintergrundfarbe gestellt, damit Inhalt darunter nicht bei "HOVER" um die Borderbreite (1px) nach unten rücken */
}

.link_zurueck a:hover, .link_zurueck a:focus, .link_zurueck a:active {
	border-bottom: 1px solid rgb(255,140,0); 
}

.adresse {
	padding-left: 3em;
	color: rgb(0,80,120);
	font-size: 0.85em;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

#commentform textarea {
	width: 568px;
	padding: 2px;
	}

.booktaskbutton {
		margin-top: 0 !important;
}

.booktaskbutton a {
	background: url(http:www.linzplus.at/_layout/linzplus_leer.gif) !important;
	padding: 0 0 0 0 !important;
}

/*****   Navigation   *****/
/**************************/
#navigation_top {
	width: 230px;
	padding-top: 150px;	/* NUR SOLANGE ZUWENIG MENÜPUNKTE VORHANDEN SIND !!! */
	background: rgb(245,245,245) url(http://www.linzplus.at/_layout/linzplus_pc_navigation_top.gif) top center no-repeat;
}

#navigation_bottom {
	width: 230px;
	height: 253px;
	background: rgb(245,245,245) url(http://www.linzplus.at/_layout/linzplus_pc_navigation_bottom.gif) bottom center no-repeat;
}

#navigation ul, #navigation li {
	display: inline;
}

#navigation .hauptseite {
	display: block;
	height: 20px;
	margin-top: -2px;
	padding-top: 8px;
	padding-bottom: 6px;
	padding-left: 45px;
	text-align: left;
}

#navigation .unterseite {
	display: block;
	height: 16px;
  margin-top: -4px;
	padding-top: 3px;
	padding-bottom: 6px;
	padding-left: 50px;
	text-align: left;
	font-size: 0.9em;
}

.cat-item a { /*Kategorie, normal in Wordpress - sidebar.php*/
	margin-top: -4px;
	padding-top: 3px;
	padding-bottom: 6px;
	padding-left: 50px;
	background: url(http://www.linzplus.at/_layout/linzplus_pc_navigation_link_hintergrund_highlight.gif) center bottom  no-repeat;
	font-size: 0.9em;
	text-transform: uppercase;
} 

#navigation .aktiv {
	background: url(http://www.linzplus.at/_layout/linzplus_pc_navigation_link_hintergrund_aktiv.gif) center bottom  no-repeat;
}

#navigation .unterseite_hover .aktiv {
	background: url(http://www.linzplus.at/_layout/linzplus_pc_navigation_link_hintergrund_unterseite_aktiv.gif) center bottom  no-repeat;
}

#navigation .inaktiv {
	background: url(http://www.linzplus.at/_layout/linzplus_pc_navigation_link_hintergrund_anzeige.gif) center bottom  no-repeat;
}

#navigation a {
	display: block;
	color: rgb(150,80,5);
}

#navigation a:hover {
	background: url(http://www.linzplus.at/_layout/linzplus_pc_navigation_link_hintergrund_hover.gif) center bottom  no-repeat;
}

#navigation .unterseite_hover a:hover {
	background: url(http://www.linzplus.at/_layout/linzplus_pc_navigation_link_hintergrund_unterseite_hover.gif) center bottom  no-repeat;
}

#navigation .highlight {
	background: url(http://www.linzplus.at/_layout/linzplus_pc_navigation_link_hintergrund_highlight.gif) center bottom  no-repeat;
}

