@charset "utf-8";

/**
----------------------------------------------------
Regeln für allgemeine Elemente
---------------------------------------------------- */

/* Schriftgröße kontrollieren */

body,  td, th 	{
		font: bold 10px Verdana, sans-serif;
		line-height:14px;
		}


/* Links und Anker */

a, .aktive_seite		{
		font-size:11px;
		font-variant: small-caps;
		background-color: transparent;
		text-decoration:none;
		}
a:link 		{
 	 	color: #fdc87d;
		}
a:visited 	{
  		color: #fdc87d;

		}
a:hover,a:focus,a:active  {
  		color: #ff7200;
		text-decoration: underline;
		outline:none;
		}
a:link img, a:visited  img, a:hover img,a:focus img,a:active img  {
		border:0;
		}

#textlink 	{
		font-variant:normal;
		color:#ff7200;
		font-size:10px;
		}


/* Überschriften */

#melanie	{
		position:absolute;
		left:-1200px;		/*um Überschift h1 Text aus dem Bild zu entfernen*/
		}

h2,h3		{
		color:#414141;
		}
h2		{
		font-size:12px;
		text-align:center;
		}
h3		{
		font-size:11px;
		padding-bottom:3px;
		}
h4		{
		font-size:11px;
		padding-bottom:3px;
		color:#ff7200;
		font-variant: small-caps;
		}


/* Absätze */

p		{
		color:#ff7200;
		padding-bottom:8px;
		}


/**
----------------------------------------------------
Regeln für besondere Bereiche
---------------------------------------------------- */

/** Kopfbereich
---------------------------------------------------- */
#header	{
		height:100px;
		background-color:#ffffff;
		}

/* titel */
#titel 	{
		float:left;
		height:100px;  /*erzwingen des Anschlusses ohne Abstand wegen relativ positioniertem feld_2 im Mittelbereich */
		}

/*logo*/
#logo 	{
		float:left;
		margin-top:20px;
		padding-left:3px;
		}


/* Navigation */

#navi 	{
		margin-top:20px;
		margin-left:76px;
		margin-right:15px;
		float:left;
		}

#navi ul, #navi li 	{
		float: left;
		list-style: none;
		}

#navi a,.aktive_seite 	{
		color:#000000;
		font-size:12px;
		display:block;
		width:80px;
		padding-top:10px;
		padding-left:5px;
		padding-right:5px;
		text-align:center;
		}

#navi .aktive_seite	{
		font-size:14px;
		color:#ff7200;
		border-right: solid #ff7200 1px;
		position:relative;  /*zum Ausgleichen der größeren Schrift*/
		bottom:1px;
		}

#navi .aktive_seite.extra	{ /*um längeren Text auszugleichen*/
		letter-spacing:-0.05em;
		}

#navi .linie_1 	{
		height:15px;
		border-right: solid #ff7200 1px;
		}

#navi .linie_2	{
		height:25px;
		border-right: solid #ff7200 1px;
		}

#navi a[href="kontakt/kontakt"], a[href="../kontakt/kontakt"]	{
		height:15px;
		border:0;
		}

/** Inhaltsbereich
---------------------------------------------------------- */

#content	{
		clear:left;
		width:980px;
		height:450px;
		background-color:#ffffff;
		background-image: url(../img/fadenlauf.jpg);
		background-repeat: no-repeat;
		background-position:100% 100%;
		}

/*fester Bildbereich links*/

#schere	{
		float:left;
		}

/*flexibler Inhaltsbereich mitte*/

#felder_mitte {
		float:left;
		width:758px;
		}

.feld_1		{
		float:left;
		}

.feld_2		{
		float:left;
		position:relative;
		bottom:10px;
		}

.border_left_right	{
		padding-top:10px;
		padding-bottom:10px;
		border-left: solid #ff7200 1px;
		border-right: solid #ff7200 1px;
		}

.feld_3		{
		float:left;
		}


/*flexibler Inhaltsbereich unten*/

.textfeld_unten	{
		width:690px;
		float:left;
		position:relative;  /*um durch Feld mit border geschaffenen Abstand nach unten auszugleichen*/
		bottom:5px;
		}



/** Fußzeile
---------------------------------------------------- */

#footer	{
		width:980px;
		clear:left;
		text-align:center;
		position:absolute; /*sonst verdrängt Fehlermeldung im Kontaktformular Footer nach unten*/
		top:555px;
		}

#footer p	{
		color:#848484;
		font-size:10px;
		}

/**
----------------------------------------------------
Regeln für einzelne Seiten
---------------------------------------------------- */

/** Über Mich
---------------------------------------------------- */

.feld_2.text	{
		width:300px;
		background-color:#fddbac;
		padding:20px;
		}

.feld_3.zusatz	{
		width:150px;
		padding: 0 10px 0 10px;
		}


/** Leistung
---------------------------------------------------- */

.feld_2.leistung	{
		width: 363px;
		background-color:#fddbac;
		padding-left:15px;
		padding-right:10px;
		padding-top:15px;
		}

.feld_2 ul	{
		color:#ff7200;
		padding-left:10px;
		padding-bottom:5px;
		}

.feld_2 li	{
		padding-bottom:2px;
		}

/** Kontakt
---------------------------------------------------- */

.feld_2#form	{
		width: 365px;
		background-color:#fddbac;
		padding-left:20px;
		padding-right:10px;
		padding-top:15px;
		}

.feld_2#form p	{
		color:#383838;
		text-align:center;
		}

.feld_2#form legend {
  		margin: 0;
  		padding: 0 10px;
  		color:#383838;
  		}

.feld_2#form span	{
		color:#ff7200;
		}

.feld_2#form fieldset	{
		border: 1px solid #ADADAD;
		margin: 5px 0 6px 0;
  		padding: 5px;
  		}

.feld_2#form input[size="25"], .checkbox {
		vertical-align: middle;
		margin-bottom:2px;
		margin-top:2px;
		background-color:#ffffff;
		border:0;
		height:17px;
		}

.feld_2#form input[type="reset"], .feld_2#form input[type="submit"]	{
		width:80px;
		height:22px;
		font-weight:bold;
		font-size:10px;
		padding-bottom:4px;
		background-color:#676767;
		color:#ff7200;
		}

.feld_2#form th	{
		color:#fddbac;
		background-color:#ff7200;
		text-align:left;
		padding-left:10px;
		width:50%;
		}

.feld_2#form td	{
		width:150px;
		background-color:#fdc87d;
		text-align:left;
		padding-left:20px;
		padding-right:20px;
		}

.feld_2#form textarea	{
		width:310px;
		background-color:#ff7200;
		padding-left:20px;
		padding-right:20px;
		padding-top:10px;
		border:0;
		}

.feld_3.crew	{
		width:160px;
		}

.feld_3.crew p	{
		text-align:center;
		padding-top:25px;
		padding-bottom:0;
		padding-left:15px;
		}

.feld_3.crew img	{
		text-align:center;
		padding-top:5px;
		padding-left:10px;
		}

/** Kontakt - Fehleranzeige
---------------------------------------------------- */
#fehleranzeige.visible	{
		width: 394px;
		height:490px;
		background-color:#ffffff;
		/*position:relative;
		bottom: 460px;
		left: 409px;*/
		position: absolute;
		top: 60px;
		left: 410px;;
		opacity: 0.8;            	/*aktuelle Browser*/
		-moz-opacity: 0.8;			/*ältere Mozilla Browser*/
		filter: alpha(opacity=80); 	/*IE*/
		display:block;
		}

#fehleranzeige.invisible	{
		display: none;
		}

#fehleranzeige p		{
		padding-top:50px;
		padding-left:30px;
		padding-right:20px;
		color: #414141;
		font-size:11px;
		text-align: center;
		}
#fehleranzeige form	{
		padding:20px;
		text-align:center;
		color: #414141;
		font-size:12px;
		}
#fehleranzeige input	{
		padding:5px;
		text-align:center;
		color: #ff7200;
		font-size:16px;
		font-weight:bold;
		}

/** Referenzen
---------------------------------------------------- */
.feld_2.border_left_right.referenzen	{
		padding-top:20px;
		padding-bottom:40px;
		}

/** Impressum und Disclaimer
---------------------------------------------------- */
.feld_2.border_left_right.recht	{
		width: 500px;
		background-color:transparent;
		padding:20px;
		padding-left:30px;
		padding-right:10px;
		padding-top:0px;
		border:0;
		}

.feld_2.border_left_right.recht	h3{
		font-size:10px;
		}

.feld_2.border_left_right.recht.impressum	{
		text-align:center;
		}

.feld_2.border_left_right.recht.impressum h2	{
		padding-top:40px;
		}

.feld_2.border_left_right.recht.disclaimer h2	{
		padding-top:15px;
		}

.feld_2.border_left_right.recht.disclaimer p	{
		color:#848484;
		}

/** Referenzen
---------------------------------------------------- */
.feld_2.border_left_right.text.referenzen	{
		width:325px;
		padding: 15px 0 10px 15px;
		}

.feld_2.border_left_right.text.referenzen li	{
		color:#414141;
		list-style: none;
		}
.feld_3.zusatz	{
		width:200px;
		}
.feld_3.zusatz.referenzen.visible	{
		padding-top:10px;
		padding-left:15px;
		padding-right:0;
		}
.feld_3.zusatz.referenzen.visible#tatort	{
		position:relative;
		bottom: 10px;
		}
.feld_3.zusatz.referenzen.visible#tatort ul	{
		position:relative;
		bottom: 5px;
		list-style: none;
		}
.feld_3.zusatz.referenzen.visible#tatort li	{
		color:#414141;
		}
.feld_3.zusatz.referenzen.invisible	{
		display:none;
		}

.feld_3.zusatz.referenzen.visible span	{
		color:#414141;
		}
.feld_3.zusatz.referenzen.visible h4	{
		font-size: 12px;
		color:#414141;
		}