@charset "utf-8";

/*Alle kritischen Werte instanzieren*/
* {
	margin: 0;
	padding: 0;
	}
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
	border: 0;
	}

html { height: 100% }
/**
------------------------------------------------------
Regeln fuer allgemeine Elemente
------------------------------------------------------*/

/* Schriftgroesse kontrollieren */
body, td, th {
	font: normal 80% Verdana, sans-serif;
	}
td, th {
	f\ont-size: 100%;
	}
/*Farben und Hintergruende setzen*/


/* Links und Anker */
a:link {
		color: #4D6B10;
		background-color: transparent;
		}
a:visited {
		color: #5D5D5D;
		background-color: transparent;
		}
a:hover,
a:focus {
		color: #4D6B10;
		background-color: #93D500;
		}
a:active {
		color: #C0E772;
		background-color: #5F8E00;
		}

/* Absaetze */
p {
	margin: .8em 0;
	}

/**globale Navigation
----------------*/
div#head {
	width: 910px;
	line-height: 20px;
	margin: auto;
	padding: 10px 0 0 0;
	}
div#head ul {
		font-size: 1.1em;
		}
div#head ul a {
		color: #5D5D5D;
		background-color: white;
		text-decoration: none;
		padding: .2em 1em;
		}
#head ul a:hover,
#head ul a:focus {
		text-decoration: underline;
		}
#head ul,
#head li {
		float: left;
		list-style: none;
		}
		
/**Content
----------------*/
p#bodytext {
		color: #000;
		background-color: #FEF4D4;
		margin: 0 73px 0px 200px;
		padding: 54px 20px 40px 60px;
		height: auto;
		}
div#content {
		color: #000;
		background-color: #FEF4D4;
		margin: 0 73px 0px 200px;
		padding: 54px 20px 40px 60px;
		height: auto;
		}
#content h1 {
		color: #000;
		}
		
/**Seitenspalte
------------------------------------------------------ */
#sidebar {
		float: left;
		width: 220px;
		}
/** Navigation
------------------------------------------------------ */
ul#nav {
		font-family: arial;
		list-style: none;
		margin: 0 0 0 0;
		}
#nav a {
		font-family: arial;
		font-size: 0.9em;
		color: white;
		background-color: #1E3663;
		display: block;
		padding: 5px 10px 5px 0px;
		text-align: right;
		border-bottom: 1px solid white;
		line-height: normal;
		text-decoration: none;
		}

#nav a:hover,
#nav a:focus,
#nav a:active {
		color: #1E3663;
		background-color: white;
		text-transform: uppercase;
		}
ul#nav2 {
		font-family: arial;
		list-style: none;
		margin: 0 0 0 0;
		}
#nav2 a,
#nav2 a:visited {
		font-family: arial;
		font-size: .9em;
		color: #000;
		background-color: #FFF;
		display: block;
		padding: 5px 10px 5px 0px;
		text-align: right;
		border-bottom: 1px solid white;
		line-height: normal;
		text-decoration: none;
		}

#nav2 a:hover,
#nav2 a:focus,
#nav2 a:active {
		color: #FFF;
		background-color: red;
		}
div#main {
		width: 800px;
		background: #FFFFFF url(../pix/bg_) 570px 10px no-repeat;
		background-attachment: scroll;
		margin: auto;
		}
		
/** Angebote
----------------*/
div#angebote {
		color: #FFF;
		background-color: #938E8E;
		font-weight: bold;
		padding: 0 10px 10px 20px;
		border-bottom: 1px dashed #FF9804;
		}
#angebote h2 {
		color: #FFFFFF;
		background-color: #938E8E;
		margin: 0 40px 1em -20px;
		padding: 2px 10px 3px 20px;
		text-transform: uppercase;
		font-size: 1.1em;
		}
#angebote a {
		color: #FFFFFF;
		background-color: #938E8E;
		}
#angebote a:hover,
#angebote a:focus {
		color: #FFF;
		background-color: #938E8E;
		}

/** Galerie
----------------*/
div#galerie {
		color: #FFFFFF;
		background-color: #373434;
		font-weight: bold;
		padding: 0 10px 10px 20px;
		border-bottom: 1px dashed #FF9804;
		}
#galerie h2 {
		color: #FFF;
		background-color: #373434;
		margin: 0 40px 1em -20px;
		padding: 2px 10px 3px 20px;
		text-transform: uppercase;
		font-size: 1.1em;
		}
#galerie a {
		color: #FFF;
		background-color: #373434;
		}
#galerie a:hover,
#galerie a:focus {
		color: #FFF;
		background-color: #373434;
		}
/**Kontaktfeld
----------------*/
div#contact {
		color: #FF9804;
		background-color: #FCE18D;
		padding: 10px;
		border-bottom: 1px dashed #FF9804;
		}
#contact h2 {
		color: #5D5D5D;
		background-color: transparent;
		font-size: 1.0em;
		text-align: right;
		text-transform: uppercase;
		}
#contact p.tel {
		font-size: 1.3em;
		font-weight: bold;
		text-align: right;
		margin: 0;
		}
#contact p.address {
		text-align: right;
		margin: 0;
		}
		
/**Fusszeile
----------------*/
p#footer {
		color: #000;
		background-color: #FCE18D;
		font-size: .9em;
		text-align: center;
		padding: 5px 20px;
		margin: 0;
		clear: both;
		}
#footer a {
		color: #4D6B10;
		background-color: transparent;
		}
#footer a:hover,
#footer a:focus {
		color: #C0E772;
		background-color: #5F8E00;
		}

/* Standardmaessig nicht sichtbare Inhalte zur Erleichterung der Orientierung mit assistiven Technologien */
.invisible {
	position: absolute;
	left: -9999px;
	}
 div.csc-textpic-above,
  div.csc-textpic-text { clear: none; }	
  div.csc-textpic-right,
  div.csc-textpic-text { clear: none; }	
  div.csc-textpic-left,
  div.csc-textpic-text { clear: none; }
  div.csc-textpic-imagewrap { padding: 20px; clear: none; }
div.csc-textpic, 
csc-textpic-center, 
csc-textpic-above { clear: none; }

  div.csc-textpic-above,
  div.csc-textpic-imagewrap {overflow:hidden; }