/**
* CSS COLUMNER THEME
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author Columner Theme by Mathieu Hardiviller (www.hmplus.net)

*/

/*margin=Außenabstand zum uebergeordneten Element von oben, rechts, unten, links*/
/*padding=Innenabstand der Inhalte dieses Elements von oben, rechts, unten, links*/


* {
margin : 0;
padding : 0;
}

/*Inhalt des gesamten Browserfensters*/
/*Hier kann z.B. die Hintergrundfarbe der Website bestimmt werden*/
body {
	font-size: 14px;
	font-family: verdana, sans-serif;
	color: #7b7976;
	background: #fff;

background-repeat: no-repeat;
	background-image: url('http://www.katarzyna-wieczorek.com/files/wieczorekktapette20122000px.jpg');


background-attachment: fixed;
background-position:300px 100px;


	
}

/*Moeglichkeit verschiedenen Kategorien verschiedene Layouts zuzuweisen*/
/*Hierzu folgen noch extra Bemerkungen im Kurs sowie ein Handout*/
body.section-1 {



}

body.section-2 { 





}

body.section-3 {



}




/*AUTOMATISCHE Link-Formatierungen ALLER Links auf der Website mit Ausnahme des Menues */
a:link { 
	text-decoration: none; 
	color: #4a4846;
}
a:active { 
	text-decoration: none; 
	color: #4a4846;
}
a:visited { 
	text-decoration: none; 
	color: #4a4846;
}
a:hover { 
	text-decoration: underline; 	
	color: #4a4846;

}


/*Tylko glowka Kat Wiecz Link-Formatierungen FUER BESTIMMTE Links auf der Website*/
/*optional*/
a.linkvariante01:link { 




}
a.linkvariante01:active { 
	text-decoration: none; 
	color: #4a4846;
	font-family: verdana, cursive, times new roman;
}
a.linkvariante01:visited { 
	text-decoration: none; 
	color: #4a4846;
	font-family: verdana, cursive, times new roman;
}
a.linkvariante01:hover { 
	text-decoration: none; 
	color: #4a4846;
	font-family: verdana, cursive, times new roman;
}


/*Aussehen verlinkter Bilder (hier: Rahmen unterdruecken)*/
a img { border: none; }


/* PRE NAV TEXT - Can be accessed in the Exhibit Settings, Naczolek */
#top-section {
position: fixed;
z-index : 900;
left : 50px;
width: auto;
margin: 25px 40px 0px 0px;

}


/*der gesamte Menuebereich*/
#menu {
	position: fixed;
	left : 300px;
	width : 2000px;
	height: 150px;
	background-color: #8895a2;
	background-repeat: no-repeat;
background-image: url('http://www.katarzyna-wieczorek.com/files/hintergrundlanggrau-copyweb.jpg');





background-attachment: fixed;
background-position:300px 50px;
z-index:4;	
}


/*Liste aller anklickbaren und nicht-anklickbaren Meneupunkte einer Kategorie*/
/*Kategorien und zugeordnete Seiten*/
#menu ul {
	float: left;
	width: 170px;  /* the width of each column in the menu */
	list-style-type: none;
	overflow: none;
	margin: 25px 0px 10px 40px;
	padding: 0px 0px 0px 0px;
	
}

/*NICHT ANKLICKBARE Kategoriebezeichnungen*/
#menu ul li.section-title {
	font-weight:normal; 
	background-color:#fff; 
	color: #4a4846;
}

/*AUSSEHEN DER ANKLICKBAREN MENUEPUNKT*/
#menu ul a:link {
	text-decoration: none;
	background-color:#8895a2; 
	color:#fff;
}

#menu ul a:active {
	text-decoration: none;
	background-color:#8895a2; 
	color: #4a4846;
}

#menu ul a:visited {
	text-decoration: none;
	background-color:#8895a2; 
	color: #4a4846;
}

#menu ul a:hover {
	background-color:#8895a2; 
	color: #4a4846;
	text-decoration: none;
}


/*AUSGEWAEHLTEN MENUEPUNKT MARKIEREN*/
#menu ul li.active a {color: #ccc; }

/*RELEVANT NUR FUER AUFKLAPPMENUE*/
/*#menu ul li.section-title {cursor: pointer; }*/


/*Abstand aller Inhalte (inklusive Menue) zum Browserfenster (oben, rechts, unten, links)*/
.container {
    padding: 0px 0px 0px 0px;   
}


/* Bereich des gesamten Inhalts; ohne Menue */
/* alles, was in das Textfeld im Editierbereich (Backend) eingetragen wird, ist automatisch Teil von #content */
/* Bilder, die ueber die Uploas-Funktion im Backend hochgeladen wurden, gehören NICHT dazu*/
/* diese gehoeren zu #img-container (siehe weiter unten) */

#content {
	float: left;
	height: 400px;
	display: inline;
	margin: 20px 0px 0px 300px;
	padding: 130px 0px 0px 10px; /* odstep literek od krawedzi the first number sets the height start of the exhibitions zone / under your menu */
	z-index: -10;
}


/*Textabsaetze des Content-Bereichs*/
#content p {
	width: 600px;
	margin: 0px 0px 5px 0px;
	position: static;
}


/*DEFINITIONEN FUER VERSCHIEDENE UEBERSCHRIFTEN*/
/* optionaler Gebrauch */
h1 { font-size: 18px; color:#ccc; text-transform:uppercase; font-weight:normal; margin-bottom:10px;}
h2 { font-size: 16px; }


/*DEFINITIONEN FUER EIGENE SCHRIFTFORMATIERUNGEN*/
.auszeichnung01{
	color:#fff;
	font-weight:bold;
	background-color:#fff;
}

.auszeichnung02{
	color:#ccc;
	font-size:10px;
}


/*BEREICH FUER BILDER, die ueber die Uploas-Funktion im Backend hochgeladen wurden*/
/*gilt nicht für Bilder, die mittels FTP hochgeladen und im Content-Bereich mit img scr="" referenziert wurden*/
#img-container {
	margin: 0px 0px 0p 0px;
	padding: 0px 0px 0px 0px;
}

/*Definitionen der Absätze im Bildbereich*/

#img-container p {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* POST NAV AREA : This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
#copy {
z-index : 80;
left : 0;
bottom : 0;
margin : 0 0 0 0;
padding : 0px 0px 4px 28px;
background-color: white;
font-size: 8px;
font-family: Arial, Helvetica, sans-serif;
}







/* AB HIER EINFACH ALLES IGNORIEREN UND SO STEHEN LASSEN */
#copy  {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute;
}
body > #copy  {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
  background-color: #fff;
}
#indexhibit  {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; 
}
body > #indexhibit  {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
#once { clear: left; }