/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 6.11.06
**  Datei       : base.css
**  Funktion    : Basis-Stylesheet
**
**  Don't make any changes in this file!
**  Any changes should be placed in basemod-files in css/modifications directory.
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/


@media all
{
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/



	body {
		background-color: #AFAFAF;
		text-align: center;
		min-height: 98%;
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%;
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
			Fensters geändert wird. */
		position: relative;

	/* Vorgabe der Standardfarben und Textausrichtung*/
		color: #00000;
		font-family:Verdana, Arial, Helvetica;
		text-align: left;
	}
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht.
	*/

	* { margin:0; padding: 0; }

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}

	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/

	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% }
	ul, ol, dl { margin: 0 0 5em 5em }
	li { margin-left: 1.5em; line-height: 1.5em;}
	a {
		color: #00000;

	}
	p {     padding-bottom: 0.3em;
		color: #00000;
		font-size: 0.75em;
	}
	td {    font-size: 0.75em;}

	h1 {    padding-bottom: 0.2em;
		padding-top: 0.2em;
		color: #FFCC00;
		font-size: 0.88em;
	}

	h2 {    padding-bottom: 0.2em;
		padding-top: 0.2em;
		color: #FFCC00;
		font-size: 0.88em;
	}
	.centeredDiv{ margin: 0px auto; text-align: left; width: 800px;}

#knabl-start-logo {
	position:absolute;
	left:140px;
	top:30px;
	width: 90%;
	height:70px;
	z-index:1;
	overflow:none;
}

#knabl-start-bild {
	position:absolute;
	left:100px;
	top:100px;
	width: 90%;
	height:368px;
	z-index:1;
        border-top: 0px outset #5D5D5D;
        border-bottom: 0px outset #5D5D5D;
	overflow:none;
}

#knabl-start-text {
	position:absolute;
	left:120px;
	top:500px;
	width: 90%;
	height:316px;
	z-index:1;
	overflow:none;
}

#knabl-header {
	position:absolute;
	left: 100px;
	top: 10px;
	width: 100%;
	height:72px;
	z-index:1;
	position:absolute;
        border-bottom: 0px outset #5D5D5D;
	overflow:none;
}

#knabl-headlogo {
	position:absolute;
	right:110px;
	top:15px;
	width:162px;
	height:50px;
	z-index:1;
	overflow:none;
}
#knabl-nav {
	background-color: #5D5D5D;
	position:absolute;
	left:100px;
	top:82px;
	width: 100%;
	height:25px;
	padding-left: 10px;
	z-index:5;
	border-bottom: 1px outset #5D5D5D;
	overflow:none;
}

a.topnav:link    		{ color:#FFCC00; text-decoration:none; font-size:0.88em;}
a.topnav:visited 		{ color:#FFCC00; text-decoration:none; font-size:0.88em;}
a.topnav:hover   		{ color:#AFAFAF; text-decoration:none; font-size:0.88em;}
a.topnav:active  		{ color:#FFCC00; text-decoration:none; font-size:0.88em;}


#knabl-bild {
	position:absolute;
	left:0px;
	top:107px;
	width: 290px;
	height: 100%;
	z-index:1;
	border-right: 1px outset #5D5D5D;
	overflow:none;
}

#knabl-text {
	position:absolute;
	left:310px;
	top:118px;
	width: 100%-315px;
	z-index:3;
	overflow:auto;
}

#knabl-galerie {
	position:absolute;
	left:0px;
	top:118px;
	height: 100%-125px;
	width: 100%px;
	z-index:3;
	overflow:auto;
}
#knabl-nav ul {
	display: block;
	margin: 0;
	padding-left: 10;
	list-style: none;
	white-space: nowrap;
}

#knabl-nav li {
	display: inline;
	margin: 0;
	padding-left: 10;
	font-weight: bold;
}

#knabl-nav a {
	color: #00000;
	float: center;
	margin: 5;
	padding: 0 0 0 0px;
	text-decoration: none;
}


.bildbereich		{ text-align:center; padding:0px; vertical-align:top; width:640px; }


.thumbnailgallery	{ padding:0px;
                          margin:0px;
                          text-align:center;
                          width:100%; }

.links                  { text-align:left;
                          vertical-align:top; }

.uebersicht		{ text-align:center;
                          vertical-align:top;
                          font-size:0.75em;  }

.rechts			{ text-align:right;
                          vertical-align:top; }

.thumbnail		{ height:160px;
                          margin:0;
                          text-align:center;
                          vertical-align:center;
                          background-color:#5D5D5D;
                          border-width:1px; border-style:solid; border-color:#000000; }

.bildrand 	        { padding:0px; border-width:1px; border-style:solid; border-color:#5D5D5D; background-color:#5D5D5D; }
.bildrand-gross		{ padding:0px; border-width:1px; border-style:solid; border-color:#5D5D5D; background-color:#5D5D5D; }

.datum-bildname         { text-align:center; font-size:0.68em; }
.bildbeschreibung       { text-align:center; font-size:0.68em; }

.navigation             { padding:5px;
                          margin:0px;
                          text-align:left;
                          background-color:#AFAFAF;
                          border-left-color:#5D5D5D; border-left-style:dotted; border-left-width:1px;
                          vertical-align:top;
                          white-space:nowrap; }



ul.navi     	        { text-align:left; margin-left:8px; list-style-image:url(http://www.knabl-luis.at/galerie/li.gif); }

a.nav:link    		{ color:#000000; text-decoration:none; }
a.nav:visited 		{ color:#000000; text-decoration:none; }
a.nav:hover   		{ color:#342B01; text-decoration:underline; }
a.nav:active  		{ color:#342B01; text-decoration:underline; }




}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
}

}