/********************************************
  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
 *******************************************/

/* Universal
--------------------------------------------------------------------*/
* {
	BORDER:0;
	MARGIN:0;
	PADDING:0}

html,body {
	BACKGROUND:#Fff url('back-bg.jpg') repeat left top;
	FONT-SIZE:101%;
	TEXT-ALIGN:center}


/* Sprung
--------------------------------------------------------------------*/
#sprung {
	BACKGROUND:#fff;
	FONT:normal 0.75em Verdana, Verdana, Geneva, sans-serif;
	MARGIN:0 auto;
	POSITION:relative;
	TEXT-ALIGN:center;
	WIDTH:940px}

#sprung li {
	DISPLAY:inline;
	LIST-STYLE:none;
	MARGIN:0;
	PADDING:0}

.skip {
	HEIGHT:1px;
	LEFT:-1000em;
	POSITION:absolute;
	TOP:-1000em;
	WIDTH:1px}

.skip:focus,.skip:active {
	COLOR:#333;
	HEIGHT:auto;
	LEFT:0;
	POSITION:static;
	TOP:0;
	WIDTH:auto}


/* Layoutelemante
--------------------------------------------------------------------*/
#wrapper {
	BACKGROUND-COLOR:transparent;
	MARGIN:0 auto;
	POSITION:relative;
	TEXT-ALIGN:center;
	WIDTH:940px}



/* TOP 
--------------------------------------------------------------------*/
#top {
	BACKGROUND:url('top-bg.png') no-repeat left top;
	HEIGHT:117px;
	MARGIN:0;
	TEXT-ALIGN:right;
	WIDTH:940px}


/* Logo
--------------------------------------------------------------------*/
#logo {
	BACKGROUND:url('logo-bg.jpg') no-repeat left top;
	CLEAR:both;
	FONT:normal 0.7em "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	HEIGHT:300px;
	MARGIN:0;
	POSITION:relative;
	TEXT-ALIGN:right;
	WIDTH:940px}


/* Wrapper Content
--------------------------------------------------------------------*/
#wrapper-content {
	BACKGROUND:transparent;
	MARGIN:10px 0 0 0;
	PADDING:0;
	WIDTH:940px}


/* Sitebar
--------------------------------------------------------------------*/
#sidebar {
	FLOAT:right;
	MARGIN:0;
	WIDTH:300px}

	#nav-top-bg {
		BACKGROUND:url('nav-top-bg.png') no-repeat left top;
		HEIGHT:45px}

	#nav-bottom-bg {
		BACKGROUND:url('nav-bottom-bg.png') no-repeat left bottom;
		HEIGHT:45px}


/* Box Suche
--------------------------------------------------------------------*/
	#boxsuche {
		BACKGROUND:#ffffff url('suche-bg.gif') no-repeat left top;
		FONT:normal 0.85em Verdana, Verdana, Geneva, sans-serif;
		HEIGHT:47px;
		MARGIN:0;
		PADDING:52px 0 20px 55px;
		TEXT-ALIGN:left;
		WIDTH:245px}


/* Box Nav
--------------------------------------------------------------------*/
	#boxnav {
		BACKGROUND:#ffffff;
		FONT:normal 0.85em Verdana, Verdana, Geneva, sans-serif;
		MARGIN:0;
		PADDING:0 0 20px;
		TEXT-ALIGN:left;
		WIDTH:300px}

/* Box Blog
--------------------------------------------------------------------*/
	#boxblog {
		BACKGROUND:#ffffff url('box-nordseeblog.jpg') no-repeat left top;
		FONT:normal 0.9em Verdana, Verdana, Geneva, sans-serif;
		MARGIN:0 0 0 0;
		PADDING:0 0 20px 0;
		TEXT-ALIGN:left;
		WIDTH:300px;
		HEIGHT:120px;}	


/*  Box Blog Link
----------------------------------*/
		#boxblog a:link {
			BACKGROUND:transparent;
			BORDER:none;
			COLOR:#000000;
			DISPLAY:block;
			FLOAT:right;
			PADDING:82px 60px 0 60px ;
			TEXT-DECORATION:none;}

		#boxblog a:visited {
			BACKGROUND:transparent;
			BORDER:none;
			COLOR:#726752;
			DISPLAY:block;
			FLOAT:right;
			PADDING:82px 60px 0 60px ;
			TEXT-DECORATION:none;}

		#boxblog a:hover {
			BACKGROUND:transparent;
			BORDER:none;
			COLOR:#c40000;
			DISPLAY:block;
			FLOAT:right;
			PADDING:82px 60px 0 60px ;
			TEXT-DECORATION:none;}

		#boxblog a:active,#boxblog a:focus {
			BACKGROUND:transparent;
			COLOR:#c40000;
			BORDER:none;
			DISPLAY:block;
			FLOAT:right;
			PADDING:82px 60px 0 60px ;
			TEXT-DECORATION:underline;}












/* Box Link
--------------------------------------------------------------------*/
	#boxlink {
		BACKGROUND:#ffffff;
		FONT:normal 0.85em Verdana, Verdana, Geneva, sans-serif;
		MARGIN:0 0 0 0;
		PADDING:0 0 20px 0;
		TEXT-ALIGN:left;
		WIDTH:300px;
		HEIGHT:120px;}


/*  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 {		
		BACKGROUND:#ffffff url('box-projekt.jpg') no-repeat left top;
		FONT:normal 0.85em Verdana, Verdana, Geneva, sans-serif;
		MARGIN:0;
		PADDING:220px 0 0 0;
		TEXT-ALIGN:left;
		WIDTH:300px;
		HEIGHT:60px;}


/* Main
--------------------------------------------------------------------*/
#main {
	BACKGROUND:#ffffff url('back-content-bg.jpg') repeat-y left top;
	MARGIN:0 310px 0px 0;
	PADDING-TOP:0;
	TEXT-ALIGN:left}

	#main-top-bg {
		BACKGROUND:url('back-content-top-bg.png') no-repeat left top;
		HEIGHT:20px;
		WIDTH: 630px;
		TEXT-ALIGN:left;
		MARGIN:0 310px 0px 0;}

	#main-bottom-bg {
		BACKGROUND:url('back-content-bottom-bg.png') no-repeat left top;
		HEIGHT:20px;
		WIDTH: 630px;
		TEXT-ALIGN:left;
		MARGIN:0 310px 0px 0;}


/* FOOTER
--------------------------------------------------------------------*/
#footer {
	BACKGROUND:#ffffff;
	CLEAR:both;
	HEIGHT:160px;
	MARGIN:0;
	POSITION:relative;
	TEXT-ALIGN:center;
	WIDTH:940px}

	#state-sh {
		BACKGROUND:url('footer-bg.gif') no-repeat left top;
		HEIGHT:262px;
		MARGIN:0;
		POSITION:relative;
		WIDTH:940px}

	#site {
		BACKGROUND-COLOR:#FFFFFF;
		FLOAT:left;
		FONT:0.8em Verdana, Verdana, Geneva, sans-serif;
		HEIGHT:110px;
		MARGIN-LEFT:0;
		MARGIN-TOP:0;
		PADDING:40px 5px 5px;
		TEXT-ALIGN:left;
		WIDTH:250px}

	#werbung {
		BACKGROUND-COLOR:#FFFFFF;
		FLOAT:left;
		HEIGHT:150px;
		MARGIN-LEFT:0;
		MARGIN-TOP:0;
		PADDING:5px;
		TEXT-ALIGN:center;
		WIDTH:405px}

	#copyright {
		BACKGROUND-COLOR:#FFFFFF;
		FLOAT:left;
		FONT:0.8em Verdana, Verdana, Geneva, sans-serif;
		HEIGHT:110px;
		MARGIN-LEFT:0;
		MARGIN-TOP:0;
		PADDING:40px 5px 5px;
		TEXT-ALIGN:right;
		WIDTH:250px }

#footer-bottom {
	BACKGROUND:#ffffff url('footer-bottom-bg.gif') no-repeat left top;
	HEIGHT:30px}

#footer-bottom-empty {
	BACKGROUND:url('ribbon-footer-bg.png') no-repeat left top;
	HEIGHT:10px}

		#copy {
			BACKGROUND:url('copy.png') no-repeat center top;
			COLOR:#76572E;
			MARGIN:0 auto 10px;
			PADDING:0px 0px 0px;
			TEXT-ALIGN:center;
			WIDTH:300px;
	HEIGHT:150px;}

		#werbung p,#copy p {
			COLOR:#000000;
			FONT:normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
			LETTER-SPACING:1px;
			LINE-HEIGHT:1.1em;
			MARGIN:0 5px;
			PADDING:0 0 5px}