@charset "UTF-8";
/* CSS Document fuer schlichtundbuendig.de */


/* FONTS, BORDER, LINKS etc. */

a img { border-style: none; }


/* ALLES WEITERE */

body {
	margin: 0;
	padding: 0;
	background-image: url(schlichtundbuendig_de.jpg);
	background-repeat: repeat-x;
	background-color: rgb(136,136,136);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

#seite {
	width: 780px;
	background-image: url(schlichtundbuendig_seite.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: left;
	}

#kopf {
	width: 100%;
	height: 160px;
	background-image: url(schlichtundbuendig.jpg);
	background-repeat: no-repeat;
	}
	#logo {
		width: 220px;
		height: 125px;
		margin: 0 280px 0 280px;
	}

#inhalt {
	width: 780px;
	height: 360px;
	background-image: url(schlichtundbuendig_inhalt.jpg);
	background-repeat: no-repeat;
	}
	#platzhalter {
		width: 720px;
		margin: 0 auto;
		height: 220px;
		padding-top: 5px;
	}
	#botschaft {
		width: 720px;
		margin: 0 auto 0 auto;
		height: 215px;		
		}
		#botschaft1,#botschaft2,#botschaft3,#botschaft4 {width: 720px; height: 215px; background-repeat: no-repeat;}
		#botschaft1 {background-image: url(selbstportrait_warum.jpg);}
		#botschaft2 {background-image: url(selbstportrait_was.jpg);}
		#botschaft3 {background-image: url(selbstportrait_wer.jpg);}
	#navigation
		#pfeile
		#menus {}
			#menu_links { width: 350px; text-align: right; float: left ;height: 50px; padding-top: 25px;}
			#menu_rechts {width: 350px; text-align: left; float: right; color: white; height: 50px; padding-top: 25px;}
			#menus a {color: white; text-decoration: none; }
			#menus a:hover {color: orange;}

#fuss {
	clear: both;
	width: 100%;
	color: white;
	}
	#fuss_links {
		width: 310px;
		margin-left: 40px;
		float: left;
	}
	#fuss_rechts {
		width: 310px;
		margin-right: 40px;
		float: right;
	}
		.kaffeetasse {
			width: 310px;
			height: 207px;
			background-image:url(schlichtundbuendig_kaffeetasse.jpg);
			background-repeat:no-repeat;
		}
#impressum {
	clear: both;
	width: 20px;
	height: 20px;
	margin: 50px 380px 50px 380px;
	background-image:url(impressum.jpg);
	background-repeat:no-repeat;
}

#text {display:none;}

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/


	.coda-slider-wrapper { padding: 0; margin: 0; height: 225px; }
	.coda-slider {  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider, .text .coda-slider { width: 720px; height: 220px; overflow: auto !important; padding-right: 20px; }
	.coda-slider-no-js #menu_rechts { visibility: hidden; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 700px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 700px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {  }
	
	/* Tab nav */
	.coda-nav ul li a.current { }
	
	/* Panel padding */
	.coda-slider .panel-wrapper {  }
	
	/* Preloader */
	.coda-slider p.loading {  }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: 0 0 0 -35px; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { color: #fff; display: block; float: left; margin-right: 15px; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }