/*Stylesheet Caimi Brevetti*/

/*----Aufbau--------------------
	1. HTML und BODY Formatierungen 
	2. Wrapper und Holder 
	3. Hoverarea
	4. Logo, Leftcontent-Holder und Rightcontent-Holder
	5. Hauptnavigation
	6. Navigation im Header
	7. Seitentitel | Infobox (Inclusive IE7-Hacks)
	8. Imageansicht (große Bilder)
	9. Content
	10. Footer
	11. HTML-Formatierungen und allgemeine Klassen

	insyma 2008 SCHM	*/


/* 1. HTML und BODY Formatierungen */

* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
}

body {
background:  black;
color: #000;
font: 62.5%  Verdana, Geneva, Arial, Helvetica, sans-serif;
overflow: visible;
}


/* 2. Wrapper und Holder */

div#wrapper {
background:  url(../img/layout/creando-sitebg.gif) center repeat-y;
margin: 0 auto;
min-height: 100%;
position: relative;
width: 100%;
}

div#holder {
background: url(../img/layout/creando_contentbg.gif) left;
height: 100%;
margin: 0 auto;
min-height: 820px;
position: relative;
width: 948px;
z-index: 2;
}


/* 3. Hoverarea */

/* Part in anderer CSS */ 

/* 4. Logo, Leftcontent-Holder und Rightcontent-Holder */

a#homelink {
background: white;
left: 50%;
margin: 0 0 0 -474px;
top: 0;
padding-bottom: 20px;
position: absolute;
z-index: 7;
}

div#leftcontent {
background: #EDEDED;
float: left;
left: 0;
position: relative;
top: 0;
width: 200px;
z-index: 6;
}

div#leftcontent:hover {
display: block;
}

div#rightcontent {
/*float: right;*/
position: relative;
width: 748px;
margin: 0 0 0 200px;
z-index: 5;
}


/* 5. Hauptnavigation */

#navigation a, #footer a, #headercontent a {
color: black;
text-decoration: none;
}

#navigation a:hover, #footer a:hover, #headercontent a:hover {
color: #666666;
}

#navigation {
font-size: 110%;
line-height: 20px;
margin: 0;
padding: 87px 0 0 0;
}

#navigation ul {
border-bottom: 20px solid #EDF0F2; 
margin: 0;
padding: 23px 0 23px 30px;;	
width: 170px;
}

#navigation ul li {
list-style-type: none;	
margin: 0;
padding: 0;
}

.navigationinfo {
background: #EDEDED;
height: 100%;
margin: 345px 0 0 0;
min-height: 100%;
padding: 21px 0 150px 30px;
width: 150px;
}

.navigationinfo a {
color: black;
line-height: 20px;
text-decoration: none;
}

.navigationinfo a:hover {
text-decoration: underline;
}

.navigationinfo img {
margin: 12px 0;
}


/* 6. Navigation im Header */

div#header {
background: white;
height: 87px;
margin-bottom: 20px;
padding: 0;
position: relative;
width: 748px;
z-index: 5;
}

div#headercontent {
background: #EDEDED;
bottom: 0;
height: auto;
line-height: 20px;
min-height: 12px;
padding: 11px 20px;
position: absolute;
width: 708px;
}

div#headercontent ul {
margin: 0;
padding: 0;
}

div#headercontent ul li {
display: inline;
margin: 0;
padding: 0;
}

/* 7. Seitentitel | Infobox */

/* HINTERGRUNDFARBE OHNE ALPHA: #E9EDEF; */

div#seitentitelbox {
background: url(../img/layout/creando_infoboxbg.png);
line-height: 13px;
padding: 24px 0 30px 20px;
position: absolute;
top: 107px;
width: 728px;
z-index: 4;
}

div#seitentitelbox h2 {
color: white;
font-size: 120%;
font-weight: normal;
}

/* INFOBOX */

	/* Ausgelagert auf "screenimage.css" */

/* 8. Imageansicht */

	/* Ausgelagert auf "screenimage.css" */


/* 9. Content */

div#content{
background: white;
color: #666;
line-height: 2;
padding: 20px 20px 40px 20px;
}

/* 10. Footer */

div#footer {
background: #EDEDED;
font-size: 100%;
height: 150px;
left: -374px; /* neu wegen Overlay Content */
line-height: 20px;
margin: -150px auto 0 auto;
/*padding: 0 748px 0 0;*/
padding: 0; /* neu wegen Overlay Content */
position: relative;
width: 200px;
z-index: 6;
}

div#footer ul {
width: 170px;
position: absolute;
bottom: 0;
margin: 0;
padding: 21px 0 21px 30px;
}

div#footer ul li {
list-style-type: none;	
margin: 0;
padding: 0;
}

div#footer ul li.language {
margin: 35px 0 0 0;
}


/* 11. HTML-Formatierungen und allgemeine Klassen */

.fltl {
float: left;
}

.fltr {
float: right;
}

.clear {
clear: both;
}

.invis {
display: none;
}

img {
border: none;
display: block;
margin: 0;
padding: 0;
}