/**
 * Project Name:		Galerie Inkatt
 *
 * (en) Screen layout
 * (de) Bildschirmlayout
 *
 * @project 				inkatt.de
 * @copyright				Copyright 2010, Bastian Fritsch
 * @link						http://www.bastian-fritsch.de
 * @copyright 			2010 by the author
 * @cssdoc 					version 1.0-pre
 * @version					0.1
 * @revision				$Revision:01 $
 * @lastmodified		$Date: 2010-04-13 18:44:05 +0100 (Di, 06. Apr 2010) $
 *
 * @copyright				Copyright 2011, Manfred Wolpers
 * @link						http://www.manfred-wolpers.de
 * @copyright 			2011 by the author 
 * @cssdoc 					Version 1.0
 * @version					1.0
 * @revision				$Revision:01 $
 * @lastmodified		$Date: 2011-01-31 18:44:05 +0100 (Mo, 31. Jan 2011) $
 */
/*------------------------------------------------------------------------------------------------*/
/**
*
* Reset und Standardeigenschaften
* (de) die wichtigsten Standardeigenschaften werden dem CSS mitgegeben DO NOT CHANGE !!!
*
* @section		Reset und Standardeigenschaften
*/

*{margin: 0; padding: 0;}
	
	/** 
	* (de) Scrollbalken für alte Browser erzwingen 
	*
	* @css-for all
	* @valid CSS2
	*/
	html {height: 100%;}
	body {height: 101%;}
	
	/** 
	* (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
	*
	* @workaround
	* @affected IE8, FF, Webkit, Opera
	* @css-for all
	* @valid CSS3
	*/
	body {overflow-y:scroll;}
	
	/** 
	* (de) Schriftgroesse wird auf 62.5% gesetzt
	*
	* @affected all
	* @css-for all
	* @valid CSS2
	*/
	body {font-size:62.5%;line-height:1.4;}
	
	/** 
	* (de) Entfernt den rahmen bei bildern der durc hl inks verursacht wird
	*
	* @affected all
	* @css-for all
	* @valid CSS2
	*/
	a img{
		border: 0;
	}
	
	a{
		outline:none;
	}
	a:link, a:visited{
		color:#999;
	}
	a:hover,a:focus{
		color:#1f1e21;
	}
/*------------------------------------------------------------------------------------------------------*/

/**
*  HTML Elemente
* (de)	HTML Elemente
*
* @section		HTML Elemente
*/
body{
	background:url(/assets/Uploads/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
h1{
	background:url(/assets/Uploads/inkatt-logo.jpg) no-repeat;
	width:100px;
	height:120px;
	text-indent:-999999px;
	float:right;
}
h2{
}
h3{
}
h4{
}
p{
}
ul,ol{
}


/*------------------------------------------------------------------------------------------------------*/

/**
* @section base layout | Basis Layout
* (de)	Webseiten Struktur, ID's und Klassen die der Webseite Struktur geben
*		der header wird absolut positioniert und aus dem zentrierten content herausgenommen
*		damit das Bild immer zentriert wird.
*
* #wrapper
* |-------------------------------|
* | h1                            |
* |-------------------------------|
* | 			                  |
* |  |-------------------------|  |
* |  | #section  			   |  |	#header
* |  |               		   |  |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*
*/
 div#wrapper{
	width:920px;
	padding:20px;
	margin:0 auto;
	background:#fff;
	border:1px solid #d6d4d4;
 }
 
 	div#header{
		font-size:1.4em;
		border-bottom:1px solid #d6d4d4;
	}
	
	div#content{	
		padding-top:20px;
		padding-bottom:20px;
		font-size:1.4em;
		line-height:1.3;
	}
 
/*------------------------------------------------------------------------------------------------*/

/**
* Navigation
*
* (de)	
*
* @section		Navigation
*/

div#navigation{
	float:left;
}
#nav {
	padding-top:75px;
	
}

#nav { font-size: 1.5em; position:relative; z-index:100;}
#nav a { text-decoration: none; }
#nav a:hover {  }
#nav li { background: none !important; display: inline; margin-right: 1em; padding: 0; position:relative;}
#nav  li.active { font-weight: bold; }
#nav  li a.current,
#nav  li a.section,
#nav  li a.section:hover,
#nav  li a.current:hover { 
	color:#1f1e21;
}
#nav  li a.current span,
#nav  li a.section span,
#nav  li a.section:hover span,
#nav  li a.current:hover span {
	color:#1f1e21;
}

#nav li.current,#nav li.section{
	font-weight:bold;
}
#nav li:hover{

}

li.mvilla a{
	background-image:url("../../../assets/webseite/villa.gif") !important;
	text-indent:-9999px;
	height:40px;
	width:45px;
	display:block;
	float:right;
	margin-top:-2.2em;
}

#content {
	clear: left;
}

/*** Main Nav ***/
#nav {
	padding-top:75px;
	
}

#nav { font-size: 1.5em; position:relative; z-index:100;}
#nav a { text-decoration: none; }
#nav a:hover {  }
#nav li { background: none !important; display: inline; margin-right: 1em; padding: 0; position:relative;}
#nav li.active { font-weight: bold; }
#nav  li a.current,
#nav  li a.section,
#nav  li a.section:hover,
#nav  li a.current:hover { 
	
}
#nav  li a.current span,
#nav  li a.section span,
#nav  li a.section:hover span,
#nav  li a.current:hover span {
	
}

#nav li.current{
	font-weight:bold;
}
#nav li:hover{

}





/* common styling */

#nav li ul {display: none;}

/* specific to non IE browsers */
#nav li:hover ul {
	display:block;
	position:absolute;
	left:0;
	z-index:2;
	top:1em;
	background-image:url(../../../assets/webseite/transp.png);
	color:#000 !important;
	margin:0;
	padding:0;
	min-width:5em;
}
		
#nav li ul li {
	font-size:0.75em;
	display:block;
	border-bottom:1px solid #6b6b6b;
	font-weight:normal;
	margin:0 !important;
}
#nav li.current ul li {
	font-weight:normal;
}

#nav li ul li a{
	display:block;
	padding:.5em;
}

/* eingefügt: Manfred Wolpers 21.10.2010 / 01.2011 */
#archivJahre {
	float: left;
}
#archivJahre a {text-decoration: none;}
#archivJahre li  {background: none !important; display: inline; margin-right: 1em; padding: 0; position:relative;}
#archivJahre a.active {color: #00008B;} /* #00008B = Dark Blue */
/* Ende */
 
/*------------------------------------------------------------------------------------------------------*/

/**
* spezielle Webseiten Bereiche
*
* (de)	
*
*/

.imageHeader{
	float:left;
	margin-top:    10px;
	margin-bottom:  5px;
}
.imageHeader img {
	margin-right:  10px;
	margin-bottom: 20px;
}

/* de.selfhtml.org/css/eigenschaften/positionierung.htm#position */
.AusstellungBox {
	width: 100%;
	padding-top:     5px;
	margin-top:      5px;
}
.AusstellungDates{
	font-size: 1.2em;
	margin-top:    5px;
	margin-bottom: 5px;
}
.AusstellungImage {
	position: relative;
	float: left;
	width: 250px;
	padding-bottom: 20px;
	margin-bottom:  20px;
}
.AusstellungContent {
	font-size:   1.1em;
	line-height: 1.3em;
	position: relative; 
	float: right;
	width: 655px;
	padding-bottom: 20px;
	margin-bottom:  20px;
}
*.AusstellungContent p {margin-bottom: 0.3em;}
*.AusstellungBox a {color: #00008B;} /* #00008B = Dark Blue */
/*------------------------------------------------------------------------------------------------*/

/**
* Allgemeine Regeln
*
* (de)	Allgemeine Regeln
*
* @section		allg.Regeln
*/

	.floatLeft{
		float:left;
	}

	/**
	* @subsection clearing methods
	*/
	
	.clearL{clear:left;}
	.clearR{clear:right;}
	.clear{clear:both;}
	
	/* (en) clearfix method for clearing floats */
	/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
	.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
	}
	
	/* (en) essential for Safari browser !! */
	/* (de) Diese Angabe ben�tigt der Safari-Browser zwingend !! */
	.clearfix { display:block; }
	
	/* (en) alternative solution to contain floats */
	/* (de) Alternative Methode zum Einschlie�en von Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
	/* (de) IE-Clearing:Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
	#ie_clearing { display:none; }



	/**
	* @subsection hidden elements | Versteckte Elemente
	*
	* (de) Skip-Links und versteckte Inhalte
	*/
	
	/* (en) classes for invisible elements in the base layout */
	/* (de) Klassen für unsichtbare Elemente im Basislayout */
	.skip, .hideme, .print {
		position:absolute;
		top:-32768px;
		left:-32768px; /* LTR */
	}
	
	/* (en) make skip links visible when using tab navigation */
	/* (de) Skip-Links f�r Tab-Navigation sichtbar schalten */
	.skip:focus, .skip:active {
		position:static;
		top:0;
		left:0;
	}
	
	/* skiplinks:technical setup */
	#skiplinks { 
		position:absolute;
		top:0px; 
		left:-32768px; 
		z-index:1000; 
		width:100%;
		margin:0; 
		padding:0; 
		list-style-type:none;   
	}
	
	#skiplinks a.skip:focus,
	#skiplinks a.skip:active {
		left:32768px; 
		outline:0 none;
		position:absolute; 
		width:100%;
	}  
	
/*================================================================================================*/