/* - - - - - - - - - - - - -
LAYOUT
- - - - - - - - - - - - - - */
body {
	/*alles um 5% nach links*/
	margin:0 0 0 -5%;
	padding-bottom: 43px;
	background:url(../img/aktuell_hintergrund.jpg) 0 50% repeat-y fixed #000000;
	/*font*/
	font-family: 'Puritan', sans-serif;
	font-size: 14px;
	color:#ffffff;
	font-weight:400;
}
/*IE 7 only*/
*+html body {
    margin:0;
}
/*INHALTE*/
#wrapper {
	margin: 0 auto;
	background:url(../img/aktuell_hintergrund_streifen.png) 0 50% repeat-y fixed transparent;
}
#content-wrapper {
	width:840px;
	/*width:782px;*/
	margin: 0 auto;
}
#content {
	background:transparent;
	width:610px;
	/*width:552px;     */
	float:left;
/*	height:1200px;       */
}
#sidebar {
  	width:220px;
 	height:89px;
	float:right;
	background:#000;
	position:fixed;
	margin:0 0 0 620px;
/*	margin:0 0 0 562px;*/
}
/*IE-7 ONLY*/
*+html #sidebar {
  	width:220px;
 	height:89px;
	float:right;
	background:#000;
	position:fixed;
	margin:0 0 0 10px;
}
.clear-both {
	clear:both;
}
/*FOOTER*/
#footer-filler {
	width:100%;
	position:fixed;
	bottom:0;
	background:#000000;
	height:40px;
	/*Ausgleich für margin-left:-5%; aus body*/
	margin-left:5%;
}
#index #footer-filler {
	margin-left:0;
}
/*IE-7 ONLY*/
*+html #footer-filler {
	width:100%;
	position:fixed;
	bottom:0;
	background:#000000;
	height:40px;
	margin-left:0;
	left:0;
}
#footer-wrapper {
	font-size:14px;
	width:840px;
	margin:0 auto;
	color:#ffffff;
	height:40px;
}
#footer-center {
	width:610px;
	/*width:552px;*/
	height:40px;
	position:fixed;
	bottom:0;
}
#menu-center {
	width:610px;
	/*width:552px;*/
	position:relative;
}
/*Centering Float Left Menus: http://www.cssplay.co.uk/menus/centered.html*/
#footer-wrapper #footer-center ul {
	float:left;
	left:50%;
	list-style-type:none;
	margin:0 auto;
	position:relative;
}
/*Centering Float Left Menus: http://www.cssplay.co.uk/menus/centered.html*/
#footer-wrapper #footer-center li {
	padding: 0 5px 0 0;
	float:left;
	position:relative;
	right:50%;
}
#footer-wrapper li:first-child {
	padding: 0 1px 0 10px;
}
#menu-side {
	height:40px;
	background:transparent;
	position:fixed;
	bottom:0;
	right:20px;
}
/* - - - - - - - - - - - - - - *\
LINKS
/* - - - - - - - - - - - - - - */
a {
	color:#f9b000;
	text-decoration:none;
}
#index a {
	color:#ffffff;
}
p {
    line-height: 18px;
    padding: 6px 0;
}
li {
	padding: 5px 0;
}
/* - - - - - - - - - - - - - - *\
INHALT
/* - - - - - - - - - - - - - - */
.categorie {
	width:552px;
	padding:29px 29px 19px 29px;
	margin-bottom:29px;
	margin-left:auto;
	margin-right:auto;
	background: url("../img/categorie_streifen_610pixel.png") transparent repeat-y;
}
.categorie h2,
.categorie-last h2 {
	font-size:32px;
	letter-spacing:2px;
	padding-bottom:40px;
}
#projekte .categorie-content {
	height:130px;
	width:552px;
	margin-bottom:28px;
	position:relative;
}
#intention .zeichnung-container {
	margin-top:28px;
}
#intention .categorie-content {
	position:relative;
}
#projekte .categorie-content .bild,
#intention .categorie-content .bild {
	width:340px;
	float:left;
}
#projekte .categorie-content .beschreibung,
#intention .categorie-content .beschreibung {
	width: 179px;
	position:absolute;
	left:370px;
}
#projekte .categorie-content .beschreibung h4,
#intention .categorie-content .beschreibung h4 {
	font-size: 20px;
	font-weight:700;
}
#projekte .categorie-content .beschreibung h4 .sub,
#intention .categorie-content .beschreibung h4 .sub {
	font-size: 20px;
	font-weight:400;
}
#projekte .categorie-content .beschreibung ul,
#intention .categorie-content .beschreibung ul {
	margin-top: 10px;
}
#projekte .categorie-content .beschreibung li,
#intention .categorie-content .beschreibung li {
	margin-bottom: 4px;
}
#projekte a,
#intention a {
/*	display:block;*/
	color:#ffffff;
	text-decoration:none;
}
#projekte a:hover,
#intention a:hover {
	color:#ffffff;
}

#projekte .front {
	position:absolute;
	opacity:0;
	/*opacity fix für IE*/
	filter: alpha(opacity = 0);
}
#projekte .behind {
	position:absolute;
}
#projekte .beschreibung {
	position:absolute;
}
#vita .categorie-content,
#intention .categorie-content,
#aktuell .categorie-content {
	width:552px;
	margin-bottom:25px;
}
#projekte .categorie h3 {
	font-size:25px;
	padding-bottom:25px;
}
#projekte h3.schmuckrand {
	background: transparent url("../img/schmuckrand.png") no-repeat 0 30px;
	margin-bottom:15px;
}
#projekte .front {
	display:block;
	opacity:0;
	overflow:hidden;
	width:340px;
	height:130px;
	background:transparent repeat url("../img/projekte_vorschaubilder/streifen_projekte_vorschau_quer_duenn_grau.png") 0 0;
}
#projekte li {
	margin-bottom:2px;
	padding:0;
}
#projekte .categorie h3,
#vita .categorie h3,
#vita .categorie-last h3,
#intention .categorie h3,
#intention .categorie-last h3,
#aktuell .categorie h3,
#aktuell .categorie-last h3,
#impressum .categorie h3,
#impressum .categorie-last h3,
#links .categorie h3,
#links .categorie-last h3,
#kontakt .categorie h3,
#kontakt .categorie-last h3 {
	font-size:25px;
	padding-bottom:25px;
}
#projekte h3.schmuckrand,
#vita h3.schmuckrand,
#intention h3.schmuckrand,
#aktuell h3.schmuckrand,
#impressum h3.schmuckrand,
#links h3.schmuckrand,
#kontakt h3.schmuckrand {
	background: transparent url("../img/schmuckrand.png") no-repeat 0 30px;
}
#vita .jahr,
#aktuell .jahr  {
	width:80px;
	float:left;
	font-size:20px;
}
#vita .arbeiten,
#aktuell .arbeiten {
	width:472px;
	float:right;
}
#vita .produktion h4,
#aktuell .produktion h4 {
	font-size:20px;
}
#aktuell .produktion h4 span.sub {
	font-weight:400;
}
#vita .produktion ul li a {
	font-size:14px;
}
/*#aktuell #produktionen .categorie-content*/
#vita .categorie-content {
	width:552px;
	padding-top:20px;
	margin-bottom:10px;
	background: transparent url("../img/schmuckrand.png") no-repeat 0 0;
}
#vita #claudia_casera .categorie-content,
#vita #pdf-download .categorie-content,
#vita #referenzen .categorie-content,
#vita #praktika .categorie-content,
#vita #ausbildung .categorie-content {
	width:552px;
	padding-top:0;
/*	margin-bottom:25px;*/
	background: none;
}
#vita .produktion,
#aktuell .produktion {
	margin-bottom:20px;
}
#vita #referenzen li,
#aktuell #referenzen li,
#impressum li,
#links li {
	padding:5px 0;
}
#vita #referenzen .categorie-content,
#aktuell #referenzen .categorie-content {
	padding:0 0 20px 0;
}
#vita .categorie-content img {
	margin-top:20px;
}
#pdf-download a {
	display:block;
	height:26px;
	width:120px;
	padding:5px 0 10px 50px;
	background: transparent url(../img/download_kunden.png) no-repeat 0px 0px;
}
#links p {
	padding-bottom:25px;
}
#impressum a,
#links a,
#kontakt a {
	color:#f9b000;
}
#impressum a:hover,
#links a:hover,
#kontakt a:hover {
	color:#ffffff;
}
#impressum .categorie-content {
	margin-bottom:20px;
}
.produktion h4 {
	font-weight:700;
}
.produktion h4 span.sub {
	font-weight:400;
}
#vita .produktion ul {
	margin:2px 0 0 0;
}
#aktuell li,
#vita .produktion li {
	padding:2px 0;
}
#vita .categorie-content a:hover {
	color:#ffffff
}
/* - - - - - - - - - - - - - - *\
LOGO
/* - - - - - - - - - - - - - - */
#logo {
	background: transparent url(../img/Casera_Logo220x89.jpg) 0 0 no-repeat;
}
#logo a {
	display:block;
	width:220px;
	height:89px;
	text-indent:-9999px;
}
/* - - - - - - - - - - - - - - - - - - - */
/* Hintergrund */
/* - - - - - - - - - - - - - - - - - - - */
body#projekte {
	background:url(../img/hintergrund/projekte_hintergrund.jpg) 0 50% repeat-y fixed #000000;
}

#projekte #wrapper {
	background:url(../img/hintergrund/projekte_hintergrund_streifen_IO.png) 0 50% repeat-y fixed transparent;
}
body#vita {
	background:url(../img/hintergrund/vita_hintergrund.jpg) 0 0 repeat-y fixed #000000;
}
#vita #wrapper {
	background:url(../img/hintergrund/vita_hintergrund_streifen_IO.png) 0 0 repeat-y fixed transparent;
}
body#intention {
	background:url(../img/hintergrund/intention_hintergrund.jpg) 0 50% repeat-y fixed #000000;
}
#intention #wrapper {
	background:url(../img/hintergrund/intention_hintergrund_streifen_IO.png) 0 50% repeat-y fixed transparent;
}
body#aktuell {
	background:url(../img/hintergrund/aktuell_hintergrund.jpg) 0 50% repeat-y fixed #000000;
}
#aktuell #wrapper {
	background:url(../img/hintergrund/aktuell_hintergrund_streifen_IO.png) 0 50% repeat-y fixed transparent;
}
body#impressum {
	background:url(../img/hintergrund/impressum_hintergrund.jpg) 0 50% repeat-y fixed #000000;
}
#impressum #wrapper {
	background:url(../img/hintergrund/impressum_hintergrund_streifen_IO.png) 0 50% repeat-y fixed transparent;
}
body#kontakt {
	background:url(../img/hintergrund/kontakt_hintergrund.jpg) 0 50% repeat-y fixed #000000;
}
#kontakt #wrapper {
	background:url(../img/hintergrund/kontakt_hintergrund_streifen_IO.png) 0 50% repeat-y fixed transparent;
}
body#links {
	background:url(../img/hintergrund/links_hintergrund.jpg) 0 50% repeat-y fixed #000000;
}
#links #wrapper {
	background:url(../img/hintergrund/links_hintergrund_streifen_IO.png) 0 50% repeat-y fixed transparent;
}
/* - - - - - - - - - - - - - - - - - - - */
/* FOOTER MENÜ */
/* - - - - - - - - - - - - - - - - - - - */
#menu-center li,
#menu-side li {
	list-style: none;
	display: inline;
}
#menu-center li a,
#menu-side li a {
	color: #9d9d9c;
	font-size:14px;
	text-decoration: none;
	letter-spacing:1px;
}
#menu-center li a:hover,
#menu-center li a.visiting,
#menu-side li a:hover,
#menu-side li a.visiting {
	color: #ffffff;
}
#menu-side ul {
	list-style-type:none;
	position:relative;
}
#menu-side li {
	display:inline;
}
#menu-center ul,
#menu-side ul {
	padding-top:14px;
}
/* - - - - - - - - - - - - - - - - - - - */
/* ANKER MENÜ */
/* - - - - - - - - - - - - - - - - - - - */
#nav {
	margin: 30px 0 0 20px;
}
#nav li {
	padding:5px 0;
}
#nav li a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
#nav li a:hover,
#nav li a:active {
    color: #F9B000;
}