/***
-------FARBEN------
5D8AC3 --> HINTERGRUND
E95C3E --> Rote Header Kachel
-------------------
***/


/*** Alles auf Null setzen ***/

*       {
        margin:0;
        padding:0;
        border:0;		
		font-family:verdana, sans-serif;
		font-size:12px;
		line-height:1.5;
        }


/*** BODY ***/

BODY    {
		background-color:#000;
		
        }

/*** HINTERGRUND ***/

#bg		{
		background-image:url(../images/bg_content.jpg);
		background-repeat:repeat-x;
		background-position:0 80px;
		}


/*** CONTAINER ***/

#container {
        margin:0 auto;
		width:950px;
        }


/***ALLGEMEINE ANGABEN ZUM PAGELAYOUT***/


#content {
		padding:15px 0 0 0;
		font-size:13px;
		line-height:1.5;
		background-image:url(../images/bg_content.jpg);
		background-repeat:repeat-x;
		height:620px;
		text-align:left;
		}

#contentLeft {
		width:603px;
		float:left;
		margin:0 15 0 0;
		}

#contentRight {
		width:245px;
		float:right;
		}


#left 	{
		width:450px;
		float:left;
		}

#right 	{
		width:440px;
		float:right;
		}

#right A {
		padding:0 0 0 90px;
		}



/***ALLGEMEINE TAG AUSZEICHNUNGEN***/


H1		{
		font-size:14px;
		font-weight:normal;
		color:#3B3C3E;
		}

H2		{
		font-size:16px;
		font-weight:normal;
		color:#004B9D;
		}

H3		{
		font-size:12px;
		font-weight:bold;
		color:#004B9D;
		}

H4		{
		font-size:12px;
		font-weight:bold;
		color:#004B9D;
		}

P		{
		padding:0 0 12px 0;
		}

A		{
		color:#3372A8;
		}

A:link, a:visited {
		text-decoration:none;
		}

A:hover, a:active {
		text-decoration:underline;
		}
		
A:focus {
        outline: none;
        }		

UL		{
		padding:0 0 0 15px;
		}

LI		{
		list-style:outside;
		
		}


/***ALLGEMEINE UND EVTL ALS BASIS VERWENDETE KLASSEN***/

.left	{
		float:left;
		}

.right	{
		float:right;
		}

.padder {
		padding:10px 15px 0 15px;
		}

.back, .more	{
		font-size:11px;		
		}

.more	{
		color:#304C58;
		}


INPUT   {
		background-repeat:no-repeat;
		width:130px;
		height:17px;	
		font-size:11px;	
		}

INPUT.box   {
		width:200px;
		/*border:1px solid #DEECBB;*/
		}

TEXTAREA.box {
		border:1px solid #3372A8;
		height:100px;
		width:200px;
		}

INPUT.sendButton {
		background-image:url(../images/button_senden.gif);
		cursor:pointer;	
		}

INPUT.cancelButton {
		background-image:url(../images/button_abbrechen.gif);
		cursor:pointer;
		}


/***
---------BEREICHE----------
***/

/***HEADER***/

#header {
		height:80px;
		overflow:hidden;
		background-image:url(../images/bg_header.gif);
		background-repeat:no-repeat;
		background-position:630px 0 ;
		}

#header IMG.adresse {
		float:right;
		margin:13px 0 0 10px;
		}

/***NAVI***/

#navi	{
		height:35px;
		width:460px;
		overflow:hidden;
		color:#FFF;
		padding:55px 0 0 0;
		float:left;
		}

#navi IMG {
		clear:both;
		margin:0 25px 0 0;
		}

#navi A {
		font-size:13px;
		color:#FFF;
		margin:0 5px 0 0;
		font-weight:normal;
		letter-spacing:1px;
		text-decoration:none;
		}

/***BILDREIHE***/

#imageRow {
		margin:0 0 8px 0;
		}

#imageRow IMG {
		margin:0 50px 0 0;
		//border: 4px solid #E7E7E7;
		}


/***FOOTER***/

#footer {
		padding:0 0 0 0;
		color:#919393;
		background-color:#000;
		}
#footer A{
		color:#919393;
		}

#footer DIV.left {
		font-weight:bold;
		}
#footer {
		margin:0 auto;
		width:950px;
		}


/***KONTAKT***/

#fullContactForm LABEL {
		width:70px;
		float:left;
		}

#fullContactForm INPUT {
		width: 170px;
		border:1px solid #DEECBB;

		}

#fullContactForm INPUT.sendButton {
		width:123px;
		border:none;
		}


DIV.message-warning {
		color:#E5472C;
		border:1px solid #E5472C;
		padding:15px;
		margin:0 0 25px 0;
		}

DIV.message-warning H2{
		margin:0 0 15px 0;
		color:#E5472C;
		font-size:14px;
		font-weight:bold;
		}

DIV.message-warning LI{
		list-style-type:none;
		}

/***TEXT***/

DIV#text {
		background-color:#FFF;
		background-image:url(../images/bg_text.gif);
		background-position:right top;
		background-repeat:no-repeat;
		width:450px;
		overflow:hidden;
		padding:15px;		
		margin:15px 0 0 0;
		}



/***GALLERY***/

DIV#gallery {
		padding:0 0 0 10px;
		}


/***LICHTSCHALTER***/

DIV#light {
		display:none;
		/*background-image: url(http://lielertiefenwirkung.de/design/tiefenwirkung/images/overlay.png);*/
		z-index:100;
		position:absolute;
		width:100%;
		cursor:pointer;
		}

* html #light {
  background-color: #000;
  background-color: transparent;
  background-image: url(http://lielertiefenwirkung.de/design/tiefenwirkung/images/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://lielertiefenwirkung.de/design/tiefenwirkung/images/overlay.png", sizingMethod="scale");
}

/*** Clear Class ***/

.c {clear: both; font-size:0px; height:0px;border:0px;overflow:hidden;}
.c2 {clear:both; font-size:2px; height:2px;border:0px;overflow:hidden;}
.c4 {clear:both; font-size:4px; height:4px;border:0px;overflow:hidden;}
.c5 {clear:both; font-size:5px; height:5px;border:0px;overflow:hidden;}
.c6 {clear:both; font-size:6px; height:6px;border:0px;overflow:hidden;}
.c7 {clear:both; font-size:7px; height:7px;border:0px;overflow:hidden;}
.c8 {clear:both; font-size:8px; height:8px;border:0px;overflow:hidden;}
.c10 {clear:both; font-size:10px; height:10px;border:0px;overflow:hidden;}
.c11 {clear:both; font-size:11px; height:11px;border:0px;overflow:hidden;}
.c13 {clear:both; font-size:13px; height:13px;border:0px;overflow:hidden;}
.c14 {clear:both; font-size:14px; height:14px;border:0px;overflow:hidden;}
.c15 {clear:both; font-size:15px; height:15px;border:0px;overflow:hidden;}
.c20 {clear:both; font-size:20px; height:20px;border:0px;overflow:hidden;}
.c28 {clear:both; font-size:28px; height:28px;border:0px;overflow:hidden;}
.c30 {clear:both; font-size:30px; height:30px;border:0px;overflow:hidden;}
.c40 {clear:both; font-size:40px; height:40px;border:0px;overflow:hidden;}
.c50 {clear:both; font-size:50px; height:50px;border:0px;overflow:hidden;}
.c150 {clear:both; font-size:150px; height:150px;border:0px;overflow:hidden;}