/*
CSS Dokument fuer Chelius Stiftung
Design by Matthias Kremer Cremweb design Freiburg
http://www.cremweb.de
*/

html{width:100%;height:100%;}
body {background: #FFF; font-family:"Arial", Verdana, Helvetica, sans-serif;font-size: 0.9em; color: #000;}

/* ==== allgemeine Styles ============================= */

* {margin: 0; padding: 0; border: 0;}
img {border:none;}
ol,ul {list-style:none;}

.clear {clear:both;}
.right {float:right;}
.left{float:left;}

h1 {font-weight:normal; font-family: "Courier New", Courier, Georgia; font-size:1.4em;text-align:left;margin:0 ;}
h2 {font-weight:bold; color:#666; font-size:1.2em;text-align:left;line-height:36px; padding:10px 0 5px 0px;}
h3 {font-weight:bold; color:#666; font-size:1.2em;text-align:left;line-height:36px; padding:10px 0 5px 0px;}
/* h3 {font-weight:normal; font-family:"Verdana", Arial, Helvetica, sans-serif;text-align:left;} */
.gelb_u {color:#DA8505;text-decoration: underline; margin-top:30px;}
hr{ border: 0px; border-top: solid 1px #ccc; border-bottom: solid 1px #FFFFFF; width: 88%; text-align:left;margin:8px 0 0 28px;}
.thin {font-size: 0.7em;}

/* ==== Header =================================== */

#header {width: 880px;height: 140px; margin: 0 auto;}
#schrift {width: 880px;height: 95px; float:left;}
#logo {width: 180px;height: 140px; float:left;}
#logo_leer {width: 180px;height: 45px; float:left;}
#header_re_top {display: block;width: 700px; height: 95px; float:right;	}
#header_re_top h2 {font-weight:normal; font-family: Arial, Helvetica,font-size:1.3em;text-align:left;line-height:24px; padding:24px 0 5px 8px;color:#717171;}

#wrapper {display: block;width: 690px;float:right;margin-right:10px;	}
#menu ul { width:690px; height:39px; margin: 10px 0 0 0 auto;padding: 0; line-height: 40px; text-decoration: none; font-size:1em;font-weight: normal;background: #cacaca;}
#menu ul li.left { display: block; float: left; clear: left; width: 24px;height: 40px; background: url(../images/menu_l.jpg) no-repeat left top;}
#menu ul li.right {display: block;float: right;clear: right;width:24px;height: 40px;background: url(../images/menu_r.jpg) no-repeat right top;}
#menu ul li { width: auto;display: inline;float: left;	list-style: none;text-align: center;text-decoration: none;}
#menu ul li a {font-size: 1em; display: block;text-decoration: none;text-transform: inherit;padding: 0 23px;color: #666;letter-spacing: 1px;}
/*separator-setzt den seperator nach dem letzten link*/
#menu ul li.sep {width: 1px;height:39px;background: #fff;}
#menu ul li a:hover, #menu ul li a.active { background: #F99E1C;text-decoration: none;Color: #fff;}
#menu ul li a.active {font-weight: normal;cursor: default;}

/* ==== layer =================================== */

#layer-aussage { }
#layer-aussage .content{margin: 0 auto; width: 839px; height: 299px; margin-top: 10px;}
#layer-left {width: 487px; height: 300px; float:right;background: url(../images/layer-bild.jpg) }
#layer-right {width: 350px; height: 300px;float:left; }

/* ==== Content =================================== */

#content { padding-top:3px;}
#content .content{width: 880px; margin: 0 auto;min-height: 100%;height:auto !important; height:100%;overflow: hidden !important;}
#content_left {width: 580px; float:left; padding-right:8px;}
#content_left p {font-size: 0.9em;color:#000;padding: 5px 25px 0 25px; line-height:1.8em;text-align:left;}
#content_left strong {font-size: 1.1em; padding: 5px 25px 0 25px;color:#666;}
#content_left h2 {font-weight:bold; font-size: 1.3em; color:#DA8505; margin: 1px  0 0 25px;}
#content_left h3 {font-weight:bold; font-size: 1.1em; color:#FAA930; margin:5px 0 0 20px;}
#content_left h3 a{ color:#FAA930; text-decoration:none;}
#content_left h3 a:hover{ color:#FAA930;text-decoration:underline;}
#content_left img {float:left;padding:2px; margin: 10px 12px 0 25px;}
#content_left a{ color:#000; text-decoration:none;}
#content_left a:hover{ text-decoration:none;}

#content_left_img {width: 200px; float:left; }
#content_left_img img {float:left;padding:2px; margin: 0px 12px 0 5px;}

#content_left_folge {width: 700px; float:right; }
#content_left_folge p {font-size: 1em;color:#000;padding: 5px 35px 0 25px; line-height:1.8em;}
#content_left_folge strong {font-size: 1.1em; padding: 5px 25px 0 25px;color:#DA8505;}
#content_left_folge strong.datenschutz {font-size: 1.1em; padding: 5px 25px 0 0;color:#DA8505;}
#content_left_folge h2 {font-weight:bold; font-size: 1.3em; color:#DA8505; margin: 1px  0 0 25px;}
#content_left_folge h3 {font-weight:bold; font-size: 1.2em; color:#FAA930; margin: 1px  0 0 25px;}
#content_left_folge h4 {font-size: 1.2em; padding: 5px 50px 0 50px;color:#999;text-align:justify;}
#content_left_folge .thin {font-size: 0.8em;}
#content_left_folge img {float:left;padding:2px; margin: 12px 12px 0 5px;}
#content_left_folge a{  color:#666;text-decoration:none;}
#content_left_folge a:hover{ color:#DA8505;text-decoration:underline;}
#content_left_folge .more_right {margin-left:175px;}
#content_left_folge .more_left {padding: 0 0 15px 20px;}
#content_left_folge .more_top {padding:15px 0 15px 0;float:left;}
#content_left_folge hr{ border: 0px; border-top: solid 1px #ccc; border-bottom: solid 1px #FFFFFF; width: 90%; text-align:left;margin:10px 0 0 28px;}
#content_left_folge ul{margin-left:3em; list-style-type: circle;}

#content_left_projekt {width: 700px; float:right; }
#content_left_projekt  p {font-size: 1em;color:#000;padding: 5px 35px 0 25px; line-height:1.8em;text-align:justify;}
#content_left_projekt  strong {font-size: 1.1em; padding: 5px 25px 0 25px;color:#DA8505;}
#content_left_projekt  h2 {font-weight:bold; font-size: 1.3em; color:#DA8505; margin: 1px  0 0 25px;}
#content_left_projekt  h3 {font-weight:bold; font-size: 1.2em; color:#FAA930; margin: 1px  0 0 25px;}
#content_left_projekt  img {float:left;padding:0 20px 20px 2px; }
#content_left_projekt .thin {font-size: 0.8em;}
#content_left_projekt a{  color:#666;text-decoration:none;}
#content_left_projekt a:hover{ color:#DA8505;text-decoration:underline;}
#abstand { width: 500px; height: 150px; }
#abstand_wide { width: 500px; height: 220px; }

#box_st {width: 280px; height: 148px; float:left; margin:10px 10px 10px 0;}
#box_st p {font-size: 0.9em;color:#000;padding: 5px 5px 0 5px;text-align:left; line-height:1.5em;}
#box_st a{padding: 5px 2px 0 5px;text-align:left; line-height:1.5em;color:#000; text-decoration:none;}
#box_st a:hover{ text-decoration:none;}
#box_st img {float:left;padding:2px; margin: 10px 12px 0 25px;}


#content_right_first{width: 280px; float:left; }
#content_right {width: 150px; float:left; }
#content_right p {font-size:10pt; color:#666; margin: 0; padding-left:10px; line-height:1.5em;text-align:justify;}
#content_right img {float:left; padding:5px; }

#border {margin:0px; border-bottom: 5px solid white; }


/* ==============================================
   CSS für die runde Box
   ============================================== */
   
div.rounded {
  width: 278px;margin-top:0px;
  background: #FCF2E6 ;
}
div.rounded h3 {color:#fff; 
  padding: 5px 0 4px 10px;font-size:1em;
  background: transparent url(../images/box_oben.jpg) no-repeat top center;
}
div.rounded p {text-align:justify;
  padding: 15px;border: 1px solid #F99E1C; line-height:1.5em;
}

div.rounded-top { 
  width: 280px; height: 30px;margin-top:15px;min-height: 100%;height:auto !important; height:100%;overflow: hidden !important;
  background: #fff url(../images/box_oben.jpg) no-repeat top center;}
div.rounded-top h3 {color:#fff;   padding: 5px 0 0 10px;  background: transparent url(../images/box_unten.jpg) no-repeat top center;}
div.rounded-top p {text-align:left;  padding: 15px;border: 1px solid #F99E1C;}

blockquote { font-style: italic;color: #330010; font-size:1.1em ; padding:15px 0 0 40px; background-position: 0% center;background-image:url('../images/img03.gif'); background-repeat:no-repeat; }

/* ==== Footer =================================== */

#footer { background: url(../images/footer-bg.jpg); background-repeat:repeat;}

#footer .content {width: 880px; height:170px; margin: 0 auto;background: #FCF2E6 url('../images/footer.jpg');}
#footer p {font-size: x-small;color: #000;}
#footer .smend {width:120px;float:right;height:120px;margin-top:45px;}
#footer li a{color:#666;text-decoration:none; font-weight:normal; font-size:0.9em; padding:5px;}
#footer li a:hover{ color:#000 ; text-decoration:underline; }
#footer li a.active { color:#000 ; text-decoration:underline; }

.wide {margin-left: 290px; }