/********************************************
  AUTHOR:		Anne Langley - LANGLEYS
  WEBSITE AUTHOR:	http://www.langleys.de
  WEBSITE:		http://www.langleys.de
  TEMPLATE NAME:		LANGLEYS
  TEMPLATE CODE:		Langleys - 2008-V-4
  DATE START:		02. Januar 2010
  LAST CHANGE:		07. Juni 2011
 *******************************************/

/* Top-Nav
--------------------------------------------------------------------------------------------------------*/
#top-navigation ul{
	BACKGROUND:transparent;
	FLOAT:left;
	MARGIN:0;
	PADDING:0;
	WIDTH:100%}

#top-navigation ul li{
	DISPLAY:inline}

#top-navigation ul li a{
	BACKGROUND:#ffffff;
	COLOR:#778C00;
	FLOAT:left;
	MARGIN-RIGHT:5px;
	PADDING:4px 10px;
	TEXT-ALIGN:center;
	TEXT-DECORATION:none}

#top-navigation ul li a:hover{
	BACKGROUND:#778C00;
	COLOR:#ffffff}

#top-navigation #current{
	BACKGROUND:#778C00;
	COLOR:#ffffff;
	FLOAT:left;
	FONT-WEIGHT:bold;
	MARGIN-RIGHT:5px;
	PADDING:4px 10px;
	TEXT-ALIGN:center;
	TEXT-DECORATION:none}

/* LOGO
--------------------------------------------------------------------------------------------------------*/
#logo h1 {
	BACKGROUND:transparent;
	BORDER:none;
	COLOR:#000000;
	FONT:normal 2.8em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	LEFT:10px;
	LETTER-SPACING:-1px;
	MARGIN:0;
	PADDING:0;
	POSITION:absolute;
	TEXT-DECORATION:none;
	TEXT-TRANSFORM:none;
	TOP:5px}


#logo h1 a,#logo h1 a:visited,#logo h1 a:hover, #logo h1 a:active,#logo h1 a:focus {
	BACKGROUND:transparent;
	BORDER:none;
	COLOR:#000000;
	TEXT-DECORATION:none}

#logo h2#top-slogan {
	BACKGROUND:transparent;
	BORDER:none;
	COLOR:#000000;
	FONT:normal 1em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	LEFT:10px;
	LETTER-SPACING:5px;
	MARGIN:0;
	PADDING:0;
	POSITION:absolute;
	TEXT-DECORATION:none;
	TEXT-TRANSFORM:none;
	TOP:60px}

	#logo h1 span,#logo h2 span {
		DISPLAY:none}

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

/* Bilder
------------------------------------------------------------------------------------------------------*/
.links{
	FLOAT:left;
	MARGIN:0 20px 10px 0;
	WIDTH:200px}

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

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

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

/* Blockquote
------------------------------------------------------------------------------------------------------*/
blockquote{
	BACKGROUND:#DDE2B1;
	BORDER-LEFT:3px dotted #A62DAF;
	MARGIN:10px;
	PADDING:5px 0;
	TEXT-ALIGN:left}

blockquote p{
	COLOR:#ACB3C4;
	FONT:bold 1.2em 'Lucida Console', 'courier new', monospace;
	TEXT-ALIGN:left}

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

/* Acronym
------------------------------------------------------------------------------------------------------*/
acronym,abbr{
	BORDER-BOTTOM:2px dotted #A62DAF;
	CURSOR:help;
	FONT-SIZE:0.9em;
	FONT-STYLE:italic}

/* Intro
------------------------------------------------------------------------------------------------------*/
#introduction #bigintro{
	BACKGROUND:#ffffff;
	COLOR:#778C00;
	FLOAT:left;
	FONT-FAMILY:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	FONT-SIZE:1.7em;
	LINE-HEIGHT:1.5em;
	MARGIN:0;
	PADDING:10px 15px 20px;
	WIDTH:555px}

.firstword{
	COLOR:#58015E;
	FLOAT:left;
	FONT-FAMILY:Garamond, Georgia, serif;
	FONT-SIZE:3.2em;
	FONT-STYLE:italic;
	FONT-WEIGHT:normal;
	LETTER-SPACING:-10px;
	PADDING:20px 15px 10px 0}

#introduction .descriptor{
	BORDER-BOTTOM:1px dashed #A89C85;
	COLOR:#645A46;
	FONT-FAMILY:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	FONT-SIZE:0.7em;
	LETTER-SPACING:2px;
	LINE-HEIGHT:1.2em;
	MARGIN-BOTTOM:20px;
	PADDING:0;
	TEXT-ALIGN:right;
	TEXT-TRANSFORM:uppercase}

/* Schrift
------------------------------------------------------------------------------------------------------*/
p{
	COLOR:#4D5B00;
	FONT:0.9em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	LETTER-SPACING:1px;
	LINE-HEIGHT:1.5em;
	MARGIN:10px 10px 10px 20px}

h1{
	BORDER-BOTTOM:1px dotted #A850AF;
	COLOR:#333C00;
	FONT:bold 1.2em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	LETTER-SPACING:1px;
	MARGIN:0 10px;
	PADDING:13px 0 0}

h2{
	COLOR:#333C00;
	FONT:bold 1em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	LETTER-SPACING:1px;
	MARGIN-BOTTOM:10px;
	MARGIN-LEFT:10px;
	MARGIN-TOP:0.9em}

h3{
	COLOR:#333C00;
	FONT:bold 1em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	LETTER-SPACING:1px;
	MARGIN-LEFT:10px;
	MARGIN-TOP:0.9em}

h4{
	BORDER-BOTTOM:1px dotted #A850AF;
	COLOR:#333C00;
	FONT:bold 1em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	LETTER-SPACING:1px;
	MARGIN-BOTTOM:0.9em;
	MARGIN-LEFT:10px;
	MARGIN-TOP:0.9em}

/* Listen
------------------------------------------------------------------------------------------------------*/
li{
	COLOR:#4D5B00;
	FONT:0.9em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	LETTER-SPACING:1px;
	LINE-HEIGHT:1.5em}

ul{
	MARGIN:5px 20px;
	PADDING:0 20px}

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

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

/*  Link
------------------------------------------------------------------------------------------------------*/
a{
	BACKGROUND:#fff;
	BORDER:none;
	COLOR:#778C00;
	LETTER-SPACING:2px;
	PADDING:2px;
	TEXT-DECORATION:none}

a:visited{
	BACKGROUND:#fff;
	BORDER:none;
	COLOR:#778C00;
	LETTER-SPACING:2px;
	PADDING:2px;
	TEXT-DECORATION:underline}

a:hover{
	BACKGROUND:#778C00;
	BORDER:none;
	COLOR:#ffffff;
	LETTER-SPACING:2px;
	PADDING:2px;
	TEXT-DECORATION:none}

a:active,a:focus{
	BACKGROUND:#fff;
	BORDER:1px dotted #C40000;
	COLOR:#C40000;
	MARGIN:0;
	PADDING:2px;
	TEXT-DECORATION:none}

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

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

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

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

a.extern:active,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}

/* Box Überschriften
------------------------------------------------------------------------------------------------------*/

#boxnav h2,#boxsuche h2,#boxshare h2, #boxblog h3{
	BORDER-BOTTOM:1px dotted #A850AF;
	COLOR:#4D5B00;
	FONT-SIZE:1.1em;
	LETTER-SPACING:4px;
	MARGIN:0 0 10px;
	PADDING:0;
	TEXT-DECORATION:none;
	TEXT-TRANSFORM:none}

/* Box Navigation
------------------------------------------------------------------------------------------------------*/

#boxnav ul,  #boxblog ul {
	LIST-STYLE-TYPE:none;
	MARGIN:0;
	PADDING:0}

#boxnav li , #boxblog li{
	MARGIN:0}

#boxnav a, #boxblog a{
	BACKGROUND-COLOR:#fff;
	COLOR:#778C00;
	DISPLAY:block;
	PADDING:5px 0 5px 10px;
	TEXT-DECORATION:none;
	WIDTH:340px}

#boxnav a:visited, #boxblog a:visited{
	BACKGROUND:#f8f8f8;
	COLOR:#778C00;
	FONT-STYLE:italic;
	TEXT-DECORATION:underline}

#boxnav a:hover, #boxblog a:hover{
	BACKGROUND:#778C00;
	COLOR:#ffffff;
	TEXT-DECORATION:none}

#boxnav a:active,#boxnav a:focus, #boxblog a:active,#boxblog a:focus{
	BACKGROUND:#f8f8f8;
	COLOR:#C00;
	TEXT-DECORATION:none}

#boxnav  #current {
	BACKGROUND:#778C00;
	COLOR:#ffffff;
	TEXT-DECORATION:none;
	DISPLAY:block;
	PADDING:5px 10px 5px 0px;
	TEXT-DECORATION:none;
	WIDTH:340px;
	TEXT-ALIGN:right;
	FONT-WEIGHT:bold;}

/* box-share
------------------------------------------------------------------------------------------------------*/
#boxshare li{
	DISPLAY:inline;
	LIST-STYLE-TYPE:none;
	PADDING-RIGHT:0}

#boxshare ul{
	MARGIN:0px 0px;
	PADDING:0 0 0 10px }

#boxshare a,#boxshare a:visited,#boxshare a:hover,#boxshare a:active,#boxshare a:focus{
	BACKGROUND:#fff;
	COLOR:#000;
	FONT-STYLE:normal;
	MARGIN:0;
	PADDING:0;
	TEXT-DECORATION:none}

/* NEBENINFORMATION - SUCHE
------------------------------------------------------------------------------------------------------*/
.searchform{
	BACKGROUND-COLOR:transparent;
	BORDER:none;
	MARGIN:0 0 0 10px;
	PADDING-BOTTOM:20px;
	PADDING-RIGHT:5px;
	WIDTH:320px}

.searchform p{
	MARGIN:0;
	PADDING:0}

.searchform input.textbox{
	BACKGROUND-COLOR:#F8f8f8;
	BORDER-BOTTOM:1px solid #778C00;
	BORDER-LEFT:5px solid #778C00;
	BORDER-RIGHT:1px solid #778C00;
	BORDER-TOP:1px solid #778C00;
	HEIGHT:17px;
	MARGIN-LEFT:0;
	PADDING:5px;
	VERTICAL-ALIGN:top;
	WIDTH:240px}

.searchform input.button{
	BACKGROUND-COLOR:#F8f8f8;
	BORDER:1px solid #778C00;
	COLOR:#634A3A;
	HEIGHT:29px;
	MARGIN-LEFT:1px;
	MARGIN-TOP:1px;
	PADDING:4px 5px 5px;
	VERTICAL-ALIGN:top;
	WIDTH:55px}

/* Footer
------------------------------------------------------------------------------------------------------*/

#copyright-box p, #dithmarschen p{
	FONT:0.85em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	LINE-HEIGHT:1.2em;
	LETTER-SPACING:1px;
	MARGIN:2px 0px 0px 0px}