@charset "utf-8";
/* CSS Document */
/*-------------------------------------------
Main Style Sheet für das Dossier "Illusionen"

Version: 20.04.2008
Website: Dossier "Illusionen"
Author:  Simone Edelberg
---------------------------------------------*/
/*GENERAL*/
* {
margin: 0; 
padding: 0; }

:focus { outline: 0;}

body {
background: #ffffff; }

img { 
border: 0; }

.clear {
clear: both; }

.right {
float: right; }

.left {
float: left; }

hr, .hide {
display: none; }

/*STRUCTURE*/
#wrapper {
width: 900px;
background: #ffffff; 
margin: 0px auto;
padding: 5px 0px 0px 10px; }

#masthead {
height: 30px;
width: 890px;
margin: 0px 0px 3px 0px; }

#masthead .mark {
margin: 5px 0px 0px 2px;
float: left; }

#masthead img {
width: 120px;
height: 25px; }

/*Navigation*/
#masthead ul { 
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
float: right; }

#masthead li { 
/* display: compact; */ 
height: 30px; 
width: 120px; 
background: #ffffff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform: none;
font-size: 12px;
letter-spacing: 2px; 
line-height: 30px; 
color: #cdcdc1; 
float: left; }

#masthead li a:link, li a:active, li a:visited  {
/* display:compact; */
background: #ffffff;
color: #cdcdc1; 
text-decoration: none; }

#masthead li a:hover  {
/* display: compact; */
background: #dc143c;
color: #242424; 
text-decoration: none; }

/*QUOTATION*/
.quotation {
background: #ffffff;
height: 1px;
width: 890px;
border-top: #cdcdc1 solid 1px; }

/*MODS*/
.mod_wrapper {
margin: 10px 0px 0px 0px; }

.mod_wrapper .body {
margin: 10px 0px 0px 5px; }

.mod_quotation {
background: #ffffff;
width: 900px;
margin-bottom: 10px; }

.mod_1 {
/* height: 900px; edelberg */
width: 590px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #cdcdc1 dotted 1px;
float: left; }

.mod_2 {
height: 400px;
width: 290px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #cdcdc1 dotted 1px;
background-color: #ebe9e9;
float: left; }

.mod_3 {
height: 400px;
width: 290px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #cdcdc1 dotted 1px;
float: left; }

.mod_4 {
height: 400px;
width: 290px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
border-right: #cdcdc1 dotted 1px;
background-color: #cdcdc1;
float: left; }

.mod_5 {
/* height: 900px; edelberg */
width: 290px;
margin-bottom: 10px;
padding-right: 4px;
margin-right: 5px;
/* border-right: #cdcdc1 dotted 1px; */
float: left; }

/*TYPO*/
h3 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #dc143c;
margin: 0px 0px 15px 0px; }

h3 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #242424;
margin: 0px 0px 15px 0px; }

h3 a:link, 
h3 a:active {
color: #242424; 
text-decoration: none; }

h3 a:visited  {
color: #242424; 
text-decoration: none; }

h3 a:hover  {
color: #242424;
text-decoration: underline; }

.mod_1 h3 {
font-size: 15px;
line-height: 20px; }

.mod_2 h3 {
font-size: 15px;
line-height: 20px; }

.mod_3 h3 {
font-size: 15px;
line-height: 20px; }

h4 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 44px;
color: #cdcdc1;
float: right; 
margin: 0px 4px 0px 0px; }

h4.linksschwebend	{
	float:left;
	}

h4 a:link, h4 a:active, h4 a:visited  {
color: #cdcdc1;
text-decoration: none; }

h4 a:hover  {
color: #dc143c;
text-decoration: underline; }

p {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #242424; 
margin: 0px 5px 15px 0px; }

p a:link, 
p a:active, 
p a:visited  {
color: #dc143c; 
text-decoration: none; }

p a:hover  {
color: #dc143c;
text-decoration: underline; }

.mod_1 p {
font-size: 12px;
line-height: 18px; }

.mod_2 p {
font-size: 12px;
line-height: 18px; }

.mod_3 p {
font-size: 12px;
line-height: 18px; }

.mod_5 p {
font-size: 10px;
line-height: 12px;
text-align:right; }

.mod_quotation p {
font-family: Bitstream Vera Sans Mono, sans-serif;
font-size: 24px;
font-weight: lighter;
line-height: 42px;
text-align: center;
vertical-align: middle;
letter-spacing: 2px;
color: #cdcdc1; }

.body ul { 
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none; }

.body li {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 20px;
color: #dc143c;
background: #ffffff; }

.body li a:link, 
.body li a:active {
color: #dc143c;
background: #ffffff; 
text-decoration: underline; }

.body li a:visited  {
color: #dc143c;
background: #ffffff; 
text-decoration: none;  }

.body li a:hover  {
color: #dc143c;
background: #ffffff; 
text-decoration: underline; }