/*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: url(../img/layout/caimi-sitebg.gif) top center;
color: #000;
font: 65%  Verdana, Geneva, Arial, Helvetica, sans-serif;
overflow: visible;
}

a {
color: red;
}

/* 2. Wrapper und Holder */

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

div#holder {
background: url(../img/layout/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 {
float: left;
position: relative;
width: 200px;
z-index: 7;
}

a#homelink img {
margin: 0 auto;
position: relative;
}

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

div#leftcontent:hover {
display: block;
}

div#rightcontent {
position: relative;
margin: -87px 0 0 200px;
width: 748px;
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: red;
}

#navigation ul li.active {
color: red;
}

#navigation {
font-size: 110%;
line-height: 20px;
margin: 0;
padding: 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: #C7D0D7;
height: 100%;
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;
padding: 0;
position: relative;
width: 748px;
z-index: 5;
}

div#headercontent {
background: #DCE1E5;
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;
}

#navigation ul li .active {
color: red;
}

/* 7. Seitentitel | Infobox */

/* HINTERGRUNDFARBE OHNE ALPHA: #E9EDEF; */

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

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

/* INFOBOX */

	/* Ausgelagert auf "screenimage.css" */

/* 8. Imageansicht */

	/* Ausgelagert auf "screenimage.css" */


/* 9. Content */

div#content{
color: #666;
line-height: 2;
float: left;
padding: 20px 20px 40px 20px;
position: relative;
width: 708px;
}

div#content h2 {
color: red;
font-weight: normal;
font-size: 120%;
line-height: 1.6em;
}

/* 10. Footer */

div#footer {
background: url(../img/layout/footer-bg.gif) no-repeat bottom left ;
font-size: 100%;
line-height: 20px;
margin: 0 auto;
padding: 0 748px 0 0;
position: relative;
width: 200px;
z-index: 6;
}

div#footer ul {
background: url(../img/layout/footer-bg.gif) no-repeat bottom left ;
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 */

.active {
color: red;
}

.fltl {
float: left;
}

.fltr {
float: right;
}

.clear {
clear: both;
}

*+html .ieclear, * html .ieclear  {
clear: both;
}
.invis {
display: none;
}

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