/********************************************
  AUTHOR:		Anne Langley - LANGLEYS
  WEBSITE AUTHOR:		http://www.langleys.de
  WEBSITE:		http://www.langleys.de
  TEMPLATE NAME:		LANGLEYS
  TEMPLATE CODE:		00-0009-2010
  DATE START:		02. Januar 2010
  LAST CHANGE:		02. Januar 2010
 *******************************************/


/* TOP 
--------------------------------------------------------------------*/
	#nav {
		BACKGROUND:url('nav-bg.png') no-repeat right bottom;
		FLOAT:right;
		FONT:normal 0.8em Verdana, Verdana, Geneva, sans-serif;
		HEIGHT:47px;
		MARGIN:0;
		OVERFLOW:hidden;
		PADDING:70px 0 0 0;
		TEXT-ALIGN:center;
		WIDTH:400px}

		#nav ul {
			MARGIN:0;
			PADDING:0 20px 0 0}

		#nav ul li {
			FLOAT:right;
			LIST-STYLE-TYPE:none;
			MARGIN:0;
			PADDING:0}

		#nav ul li a {
			BACKGROUND:transparent;
			COLOR:#000;
			DISPLAY:block;
			HEIGHT:27px;
			MARGIN:0;
			PADDING:20px 0 0 0;
			TEXT-DECORATION:none;
			WIDTH:120px}

		#nav ul li a:visited {
			COLOR:#000;
			TEXT-DECORATION:underline}

		#nav ul li a:hover {
			BACKGROUND:url('nav-bg-hover.png') no-repeat center bottom;
			COLOR:#000;
			TEXT-DECORATION:none}

		#nav #nav-current  {
			BACKGROUND:url('nav-bg-hover.png') no-repeat center bottom;
			FONT-WEIGHT: bold;
			COLOR:#000;
			DISPLAY:block;
			HEIGHT:27px;
			MARGIN:0;
			PADDING:20px 0 0 0;
			TEXT-DECORATION:none;
			WIDTH:120px}

/* Logo
--------------------------------------------------------------------*/
	#logo h1 {
		BORDER:none;
		COLOR:#ffffff;
		FONT:normal 1.6em "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
		LETTER-SPACING:2px;
		MARGIN:0;
		PADDING:0;
		POSITION:absolute;
		RIGHT:10px;
		TEXT-DECORATION:none;
		TEXT-TRANSFORM:none;
		TOP:10px}

	#logo h1#logo-text a {
		BORDER:none;
		COLOR:#ffffff;
		FONT:normal 1em "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
		LETTER-SPACING:2px;
		MARGIN:0;
		PADDING:0;
		RIGHT:10px;
		TEXT-DECORATION:none;
		TEXT-TRANSFORM:none;
		TOP:10px}

	#logo h2#slogan {
		COLOR:#ffffff;
		FONT:normal 1.6em "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
		LETTER-SPACING:2px;
		MARGIN:0;
		PADDING:0;
		POSITION:absolute;
		RIGHT:10px;
		TEXT-TRANSFORM:none;
		TOP:40px}

/* Box Überschrift
--------------------------------------------------------------------*/
			#boxnav .ueberschrift,#boxlink .ueberschrift,#boxsuche .ueberschrift {
				BACKGROUND:url(turm-bg.gif) no-repeat left bottom;
				BORDER-BOTTOM:1px dotted #F3EFDE;
				COLOR:#000000;
				FONT:normal 1.3em "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans- serif;
				LETTER-SPACING:3px;
				MARGIN:0 0 5px 0;
				PADDING:2px 10px 0 20px;
				TEXT-DECORATION:none;
				TEXT-TRANSFORM:none}

/* Box Suche
--------------------------------------------------------------------*/
		#boxsuche .searchform {
			BACKGROUND:transparent;
			BORDER:none;
			MARGIN:0;
			PADDING:0}

		#boxsuche .searchform p {
			BACKGROUND-COLOR:transparent;
			LINE-HEIGHT:1.5em;
			MARGIN:5px;
			TEXT-ALIGN:left}

		#boxsuche .searchform input.textbox {
			BACKGROUND:#fff;
			BORDER:1px dashed #A89C85;
			COLOR:#7C829E;
			HEIGHT:13px;
			MARGIN:5px 1px 5px 5px;
			PADDING:5px;
			VERTICAL-ALIGN:top;
			WIDTH:105px}

		#boxsuche .searchform input.button {
			BACKGROUND-COLOR:#ffffff;
			BORDER:1px dashed #A89C85;
			COLOR:#7C829E;
			HEIGHT:25px;
			MARGIN:5px 5px 5px 1px;
			PADDING:2px 3px;
			VERTICAL-ALIGN:top;
			WIDTH:45px}

/* Box Nav
--------------------------------------------------------------------*/
		#boxnav ul {
			LIST-STYLE-TYPE:none;
			MARGIN-LEFT:0;
			PADDING-LEFT:0}

		#boxnav a {
			BACKGROUND:#ffffff;
			BORDER-BOTTOM:1px dashed #A89C85;
			COLOR:#76572E;
			DISPLAY:block;
			MARGIN:0 10px;
			PADDING:5px 0 5px 20px;
			WIDTH:260px}

		#boxnav a:link,#boxnav a:visited {
			COLOR:#76572E;
			TEXT-DECORATION:none}

		#boxnav a:hover,#boxnav ul ul a:hover {
			BACKGROUND-COLOR:transparent;
			COLOR:#464F1E}

		#boxnav ul ul a {
			BACKGROUND-COLOR:transparent;
			COLOR:#4B5E0D;
			DISPLAY:block;
			PADDING:5px 20px 5px 0;
			TEXT-DECORATION:none;
			WIDTH:255px}

		#boxnav #current {
			BACKGROUND:#ffffff;
			BORDER-BOTTOM:1px dashed #A89C85;
			COLOR:#c40000;
			FONT-WEIGHT:bold;
			TEXT-ALIGN:right;
			LETTER-SPACING:1px;
			MARGIN:0 10px;
			PADDING:5px 0 5px 20px;
			TEXT-DECORATION:none}

		#boxnav li a#currentnav {
			BACKGROUND-COLOR:#F4FBDD;
			COLOR:#4B5E0D;
			FONT-WEIGHT:bold;
			LETTER-SPACING:1px;
			TEXT-DECORATION:none}
/* Box Link
--------------------------------------------------------------------*/

	#boxlink img {
		BORDER:none;
		MARGIN:0;
		PADDING:0}

	#boxlink ul {
		LIST-STYLE-TYPE:none;
		MARGIN:0;
		PADDING:0;
		TEXT-ALIGN:left}

	#boxlink li {
		DISPLAY:inline;
		LIST-STYLE-TYPE:none;
		PADDING-RIGHT:0}


/*  Twitter Link
----------------------------------*/
		#boxlink a.twitter-link {
			BACKGROUND:#ffffff url('twitter-icon.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#000000;
			DISPLAY:block;
			FLOAT:left;
			HEIGHT:108px;
			PADDING:0;
			TEXT-DECORATION:none;
			WIDTH:100px}

		#boxlink a.twitter-link:visited {
			BACKGROUND:url('twitter-icon.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#000000;
			PADDING:0;
			TEXT-DECORATION:none}

		#boxlink a.twitter-link:hover {
			BACKGROUND:url('twitter-icon-hover.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#000000;
			PADDING:0;
			TEXT-DECORATION:none}

		#boxlink a.twitter-link:active,a.twitter-link:focus {
			BACKGROUND:#fff url('twitter-icon-aktiv.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#C40000;
			MARGIN:0;
			PADDING:0;
			TEXT-DECORATION:none}

/*  xing Link
----------------------------------*/
		#boxlink a.xing-link {
			BACKGROUND:#ffffff url('xing-icon.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#000000;
			DISPLAY:block;
			FLOAT:left;
			HEIGHT:108px;
			PADDING:0;
			TEXT-DECORATION:none;
			WIDTH:100px}

		#boxlink a.xing-link:visited {
			BACKGROUND:url('xing-icon.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#000000;
			PADDING:0;
			TEXT-DECORATION:none}

		#boxlink a.xing-link:hover {
			BACKGROUND:url('xing-icon-hover.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#000000;
			PADDING:0;
			TEXT-DECORATION:none}

		#boxlink a.xing-link:active,a.xing-link:focus {
			BACKGROUND:#fff url('xing-icon-aktiv.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#C40000;
			MARGIN:0;
			PADDING:0;
			TEXT-DECORATION:none}

/*  RSS Link
----------------------------------*/
		#boxlink a.rss-link {
			BACKGROUND:#ffffff url('rss-icon.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#000000;
			DISPLAY:block;
			FLOAT:left;
			HEIGHT:108px;
			PADDING:0;
			TEXT-DECORATION:none;
			WIDTH:100px}

		#boxlink a.rss-link:visited {
			BACKGROUND:url('rss-icon.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#000000;
			PADDING:0;
			TEXT-DECORATION:none}

		#boxlink a.rss-link:hover {
			BACKGROUND:url('rss-icon-hover.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#000000;
			PADDING:0;
			TEXT-DECORATION:none}

		#boxlink a.rss-link:active,a.rss-link:focus {
			BACKGROUND:#fff url('rss-icon-aktiv.jpg') no-repeat left bottom;
			BORDER:none;
			COLOR:#C40000;
			MARGIN:0;
			PADDING:0;
			TEXT-DECORATION:none}


/* Box Projekt
--------------------------------------------------------------------*/

		#boxprojekte p {
			COLOR:#73583E;
			FONT:normal 0.85em Verdana, Verdana, Geneva, sans-serif}

#boxprojekte a:link
{
	BACKGROUND:#F3EFDE;
	BORDER:1px dashed #a40000;
	COLOR:#a40000;
	MARGIN-LEFT:75px;
	PADDING:5px 5px 5px 5px;
	TEXT-DECORATION:none;
}

#boxprojekte a:visited
{
	BACKGROUND:#F3EFDE;
	BORDER:1px dashed #a40000;
	COLOR:#a40000;
	MARGIN-LEFT:75px;
	PADDING:5px 5px 5px 5px;
	TEXT-DECORATION:underline
}

#boxprojekte a:hover
{
	BACKGROUND:#F3EFDE;
	BORDER:1px dashed #0D154D;
	COLOR:#0D154D;
	MARGIN-LEFT:75px;
	PADDING:5px;
	TEXT-DECORATION:none
}

#boxprojekte a:active,#boxprojekte a:focus
{
	BACKGROUND:#F3EFDE;
	BORDER:1px solid #006600;
	COLOR:#000000;
	MARGIN-LEFT:75px;
	PADDING:5px;
	TEXT-DECORATION:none
}


/* Main
--------------------------------------------------------------------*/

/* Main Schrift
----------------------------------*/

	.frame-picture-1 {
		BACKGROUND:url(bild-anne.jpg) no-repeat center top;
		HEIGHT:358px;WIDTH:530px;
		MARGIN-left: 20px ;		
}


	.frame-picture {
		BACKGROUND:url(bilder-rahmen.png) no-repeat left top;
		FONT:normal 0.85em Verdana, Verdana, Geneva, sans-serif;
		MARGIN:0;WIDTH:530px;
		PADDING:0 0 0 0  ;
		HEIGHT:358px;
		TEXT-ALIGN:center;}


/* Main Schrift
----------------------------------*/
	#main h1 {
		BORDER-BOTTOM:1px dashed #A89C85;
		COLOR:#645A46;
		FONT:normal 1.4em  Georgia, serif;
		LETTER-SPACING:2px;
		MARGIN:0;
		PADDING:10px 0 5px 10px}

	#main h2 {
		COLOR:#A40000;
		FONT:bold 1.3em Georgia, serif;
		LETTER-SPACING:2px;
		MARGIN:0;
		PADDING:10px}

	#main h3 {
		COLOR:#A40000;
		FONT:bold 1.2em  Georgia, serif;
		LETTER-SPACING:2px;
		MARGIN:0;
		PADDING:10px}

	#main h4 {
		COLOR:#A40000;
		FONT:normal 1.2em  Georgia, serif;
		LETTER-SPACING:2px;
		MARGIN:0;
		PADDING:10px}

	#main p {
		COLOR:#000000;
		FONT:normal 0.85em Verdana, Geneva, Arial, Helvetica, sans-serif;
		LETTER-SPACING:1px;
		LINE-HEIGHT:1.6em;
		MARGIN:0 10px;
		PADDING:0 0 15px 20px}

	.major {
		BACKGROUND:url('check.png') no-repeat left bottom;
		PADDING:15px 0px 0 20px}


/* Externer Link
----------------------------------*/
	#main span.extlink {
		DISPLAY:inline;
		HEIGHT:0;
		LEFT:-3000px;
		OVERFLOW:hidden;
		POSITION:absolute;
		TOP:-3000px;
		WIDTH:0}

	#main a.extern:link {
		BACKGROUND:url(extern-1.gif) no-repeat 100% 0;
		BORDER-BOTTOM:1px dashed #A89C85;
		COLOR:#a40000;
		PADDING:1px 20px 2px 2px;
		TEXT-DECORATION:none}

	#main a.extern:visited {
		BACKGROUND:url(extern-1.gif) no-repeat 100% 0;
		BORDER-BOTTOM:1px dashed #000000;
		COLOR:#481506;
		PADDING:1px 20px 2px 2px;
		TEXT-DECORATION:underline}

	#main a.extern:hover {
		BACKGROUND:#F3EFDE url(extern-1.gif) no-repeat 100% 0;
		BORDER-BOTTOM:1px dashed #481506;
		COLOR:#481506;
		PADDING:1px 20px 2px 2px;
		TEXT-DECORATION:none}

	#main a.extern:active,#main a.extern:focus {
		BACKGROUND:#fff url(external.gif) no-repeat 100% 0;
		BORDER:1px solid #C00;
		COLOR:#C00;
		PADDING:1px 20px 2px 2px;
		TEXT-DECORATION:none}


/* Link
----------------------------------*/
	#main a:link {
		BACKGROUND:transparent;
		COLOR:#481506;
		PADDING:2px;
		TEXT-DECORATION:none}

	#main a:visited {
		BACKGROUND:transparent;
		COLOR:#481506;
		PADDING:2px;
		TEXT-DECORATION:underline}

	#main a:hover {
		BACKGROUND:#F3EFDE;
		COLOR:#a40000;
		PADDING:2px;
		TEXT-DECORATION:none}

	#main a:active,#main a:focus {
		BACKGROUND:#fff;
		BORDER:1px solid #C00;
		COLOR:#C00;
		PADDING:2px;
		TEXT-DECORATION:none}

/* Listen
----------------------------------*/
#main li
{
	COLOR:#000000;
	FONT:normal 0.85em Verdana, Geneva, Arial, Helvetica, sans-serif;
	LINE-HEIGHT:1.5em;
	PADDING:0px 0px 5px 0px 
}

#main ul
{
	LIST-STYLE-IMAGE:url(list-bg.gif);
	MARGIN:5px 10px 5px 40px;
	PADDING:5px 0px  5px  40px
}

#main ol
{
	MARGIN:5px 20px;
	PADDING:0 20px
}

/* Ausrichtung
----------------------------------*/

.links {
	FLOAT:left;
	WIDTH:200px;
	MARGIN:10px 30px 10px 0} 

.links-klein {
	FLOAT:left;
	MARGIN:0 10px 2px 0}

.links-horizontal {
	FLOAT:left;
	WIDTH:280px;
	MARGIN:0 20px 10px 0}

.rechts {
	FLOAT:right;
	WIDTH:200px;
	MARGIN:0 0 10px 20px} 

.rechts-klein {
	FLOAT:right;
	MARGIN:0 0 10px 20px} 

.rechts-horizontal {
	FLOAT:right;
	WIDTH:280px;
	MARGIN:0 0 10px 20px}


/* DFN Element
----------------------------------*/
dfn,.noshow,label
{
	DISPLAY:inline;
	HEIGHT:0;
	LEFT:-1000px;
	OVERFLOW:hidden;
	POSITION:absolute;
	TOP:-1000px;
	WIDTH:0
}

/* CODE
----------------------------------*/
code
{
	BACKGROUND:#F3EFDE;
	BORDER-LEFT:dashed 5px #A89C85;
	COLOR:#3C3415;
	DISPLAY:block;
	FONT:normal 1em 'Lucida Console', 'courier new', monospace;
	MARGIN:5px 0;
	OVERFLOW:auto;
	PADDING:10px;
	TEXT-ALIGN:left;
	WIDTH:585px
}


/* Acronym
----------------------------------*/
acronym,abbr
{
	BORDER-BOTTOM:2px solid #a40000;
	CURSOR:help;
	FONT-SIZE:0.85em;
	FONT-STYLE:italic
}

/* Blockquote
----------------------------------*/
blockquote
{
	BACKGROUND:#F3EFDE url('blockquote.gif') no-repeat left top;
	FONT:bold 1.3em 'Lucida Console', 'courier new', monospace;
	MARGIN:5px 10px;
	PADDING:10px 10px 10px 100px;
	TEXT-ALIGN:left
}

blockquote p
{
	COLOR:#ACB3C4;
	TEXT-ALIGN:left
}

blockquote cite
{
	BACKGROUND:#0A0B0E;
	COLOR:#ACB3C4;
	DISPLAY:block;
	FONT:70% Arial, Helvetica, sans-serif;
	PADDING-TOP:10px;
	TEXT-ALIGN:right
}

/* TABELLE
----------------------------------*/
table
{
	BORDER-COLLAPSE:collapse;
	FONT:0.75em Verdana, Verdana, Geneva, sans-serif;
	MARGIN:10px
}

th strong
{
	COLOR:#D6D8E0
}

th
{
	BACKGROUND:#F3EFDE;
	BORDER-BOTTOM:solid 2px #ffffff;
	BORDER-LEFT:1px solid #ffffff;
	COLOR:#481506;
	HEIGHT:29px;
	PADDING-LEFT:12px;
	PADDING-RIGHT:12px;
	TEXT-ALIGN:left
}

tr
{
	HEIGHT:30px
}

td
{
	BORDER-BOTTOM:1px solid #ffffff;
	BORDER-LEFT:1px solid #ffffff;
	COLOR:#481506;
	PADDING-LEFT:11px;
	PADDING-RIGHT:11px
}

td.first,th.first
{
	BORDER-LEFT:0
}

tr.row-a
{
	BACKGROUND:#F9F7EC
}

tr.row-b
{
	BACKGROUND:#FCFBF3
}

/* Post Footer
----------------------------------*/
.post-footer
{
	BACKGROUND:#F3EFDE;
	BORDER:dashed 1px #A89C85;
	COLOR:#000;
	FONT:normal 0.75em Verdana, Verdana, Geneva, sans-serif;
	MARGIN:10px;
	PADDING:5px
}

.post-footer .date
{
	MARGIN:0
}

.post-footer a
{
	BACKGROUND:#F3EFDE;
	BORDER:none;
	COLOR:#3C3415;
	LETTER-SPACING:2px;
	MARGIN:0;
	PADDING:4px;
	TEXT-DECORATION:none
}

.post-footer a:visited
{
	BACKGROUND:#F3EFDE;
	BORDER:none;
	COLOR:#3C3415;
	LETTER-SPACING:2px;
	MARGIN:0;
	PADDING:4px;
	TEXT-DECORATION:underline
}
/* Box Links
----------------------------------*/
#boxlink a
{
	BACKGROUND:transparent;
	BORDER:none;
	PADDING:0;
	TEXT-DECORATION:none
}

#boxlink img#firstimg,#boxlink img#secondimg
{
	MARGIN:0;
	PADDING:5px 0 0
}



/* Intro
----------------------------------*/
#preamble #bigintro
{
	WIDTH:590px;
	COLOR:#0D154D;
	FLOAT:left;
	FONT-FAMILY:Georgia, serif;
	FONT-SIZE:1.7em;
	LINE-HEIGHT:1.5em;
	PADDING:10px 15px 20px 15px;
	MARGIN:0
}

.firstword
{
	COLOR:#a40000;
	FLOAT:left;
	FONT-SIZE:3.2em;
	FONT-STYLE:italic;
	FONT-WEIGHT:normal;
	LETTER-SPACING:-10px;
	PADDING:20px 15px 10px 0
}

#preamble .descriptor
{
	BORDER-BOTTOM:1px dashed #A89C85;
	COLOR:#645A46;
	FONT-FAMILY:Georgia, serif;
	FONT-SIZE:0.7em;
	LETTER-SPACING:2px;
	LINE-HEIGHT:1.2em;
	MARGIN-bottom:20px;
	PADDING:0;
	TEXT-ALIGN:right;
	TEXT-TRANSFORM:uppercase
}
.post-footer a:hover
{
	BACKGROUND:#F3EFDE;
	BORDER:none;
	COLOR:#14151B;
	LETTER-SPACING:2px;
	MARGIN:0;
	PADDING:4px;
	TEXT-DECORATION:none
}

.post-footer a:active,.post-footer a:focus
{
	BACKGROUND:#fff url(info.gif) no-repeat left center;
	BORDER:1px dotted #C40000;
	COLOR:#C40000;
	MARGIN:0;
	PADDING:4px;
	TEXT-DECORATION:none
}



/* FOOTER
--------------------------------------------------------------------*/

/* Externer Link
----------------------------------*/
#copy span.extlink {
	DISPLAY:inline;
	HEIGHT:0;
	LEFT:-3000px;
	OVERFLOW:hidden;
	POSITION:absolute;
	TOP:-3000px;
	WIDTH:0}

#copy a.extern:link {
	BACKGROUND:url(extern-1.gif) no-repeat 100% 0;
	BORDER-BOTTOM:1px dashed #A89C85;
	COLOR:#a40000;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}

#copy a.extern:visited {
	BACKGROUND:url(extern-1.gif) no-repeat 100% 0;
	BORDER-BOTTOM:1px dashed #000000;
	COLOR:#481506;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:underline}

#copy a.extern:hover {
	BACKGROUND:#F3EFDE url(extern-1.gif) no-repeat 100% 0;
	BORDER-BOTTOM:1px dashed #481506;
	COLOR:#481506;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}

#copy a.extern:active,#copy a.extern:focus {
	BACKGROUND:#fff url(external.gif) no-repeat 100% 0;
	BORDER:1px solid #C00;
	COLOR:#C00;
	PADDING:1px 20px 2px 2px;
	TEXT-DECORATION:none}

/*  Link
----------------------------------*/
#copy a {
	BACKGROUND:#14151B;
	BORDER:none;
	COLOR:#C2F788;
	LETTER-SPACING:2px;
	PADDING:2px;
	TEXT-DECORATION:none}

#copy a:visited {
	BACKGROUND:#14151B;
	BORDER:none;
	COLOR:#D6FAAD;
	LETTER-SPACING:2px;
	PADDING:2px;
	TEXT-DECORATION:underline}

#copy a:hover {
	BACKGROUND:#C2F788;
	BORDER:none;
	COLOR:#14151B;
	LETTER-SPACING:2px;
	PADDING:2px;
	TEXT-DECORATION:none}

#copy a:active,#copy a:focus {
	BACKGROUND:#fff url(info.gif) no-repeat left center;
	BORDER:1px dotted #C40000;
	COLOR:#C40000;
	MARGIN:0;
	PADDING:2px 2px 2px 17px;
	TEXT-DECORATION:none}