/*
 * mdbock-stiftung.de
 *
 * (c) 2008 @mazing - Gregor Hermens http://www.a-mazing.de/
 *
 */

 * {
 	padding: 0; 
 	margin: 0;
 	border: 0;
 }

 html { 
 	height: 101%;
 	width: 100%;
 }

 body {
 	background-color: #dbeaee;
 	color: #536675;
 	font-family: Arial, Helvetica, Verdana, sans-serif;
 	font-size: 90%;
 	width: 100%;
 }

 /* ===================================================
 	 Layout-Formate
 =================================================== */

#wrapper {
  position: relative;
  width: 834px;
  margin: 0 auto;
  background-image: url(/fileadmin/mdbock-stiftung/images/background-shadow-left.gif);
  background-repeat: repeat-y;
}

#shadow-r {
  width: 817px;
  margin-left: 17px;
  background-image: url(/fileadmin/mdbock-stiftung/images/background-shadow-right.gif);
  background-repeat: repeat-y;
  background-position: top right;  
}

#cols {
  padding: 136px 0;
  width: 800px;
  background-image: url(/fileadmin/mdbock-stiftung/images/background.gif);
  background-repeat: repeat-y;
  border-bottom: 1px solid #5f7e98;
}

/* ----------------------------------------------
	 Header
 --------------------------------------------------- */
 
#header {
  width: 800px;
  position: absolute;
  top: 0;
  left: 17px;
}

#slogan {
  width: 400px;
  height: 80px;
  background-color: #5f7e98;
  position: absolute;
  top: 0;
  left: 175px;
  padding: 36px 20px 20px 30px;
}

#kids-bild {
  width: 175px;
  height: 136px;
  position: absolute;
  top: 0;
  right: 0;
}
 
/* ----------------------------------------------
	 content
--------------------------------------------------- */

#content-right {
  width: 620px;
  float: right;
}

#content {
  background-color:#fff;
  width: 400px;
  padding: 10px 22px;
  float: left;
}

#right-col {
  width: 165px;
  float: right;
  padding: 20px 5px;
}

#right-col {
  font-size: 90%;
}

#right-col h1 {
  font-size: 110%;
  margin: .75em 0 1em 0;
}


/* ===================================================
 	 menu
=================================================== */

#left-col {
  padding-top: 20px;
}

#navigation {
  width: 173px;
  margin: 0;
  border-top: 1px solid #dbeaee;
}

#navigation li {
  list-style-type: none;
  border-bottom: 1px solid #dbeaee;
}

#navigation a {
  display: block;
  text-align: right;
  padding: 6px 25px 6px 5px;
  line-height: 15px;
  text-decoration: none;
  color: #536675;
  font-weight: bold;
  font-size: 1.2em;
}

#navigation .current a,
#navigation a:hover,
#siteId-515 #navigation .menuId-516 a  {
  background-image: url(/fileadmin/mdbock-stiftung/images/menu-select.jpg);
  background-repeat: no-repeat;
  background-position: 153px;
  color: #c43744;
}

/* ----------------------------------------------
	 submenu
--------------------------------------------------- */

#navigation ul {
  display: none;
  width: 123px;
  margin: 0 35px 0 15px;
  padding-bottom: 5px;
  border-right: 1px solid #dbeaee;
}

#navigation .current ul {
  display: block;
}

#navigation ul li {
  border-bottom: none;
}

#navigation .current ul li a,
#navigation ul li a {
  display: block;
  text-align: left;
  padding: 3px 5px 3px 5px;
  line-height: 1.1em;
  text-decoration: none;
  color: #536675;
  font-weight: normal;
  font-size: 1em;
  border-bottom: 1px solid #c1d0e5;
}

#navigation .current ul li a:hover,
#navigation .current ul li.current a {
  background-image: none;
  border-bottom: 1px solid #dbeaee;
  color: #c43744;
}


#left-col #adresse {
  font-size: .9em;
  margin: 150px 25px 15px 15px;
  width: 133px;

}

/* ===================================================
 Formulare
=================================================== */

input,
textarea {
  border: 1px solid #ccc;
  width: 250px;
  font-size: 1em;
}

.csc-mailform-field {
  clear: left;
  margin-bottom: .5em;
}

.csc-mailform-field label {
  display: block;
  float: left;
  width: 120px;
  padding-right: 10px;
  text-align: right;
}

.csc-mailform-submit {
  background-color: #e3e4e8;
  width: auto;
  margin-left: 9.5em;
}


/* ===================================================
	 Allgemeine Formate
=================================================== */

a {
  text-decoration: underline;
  outline: none;
  color: #00579c;
}

a:hover {
  color: #c43744;
}

#content-right ol, 
#content-right ul {
	margin-left: 2em;
}

#content-right ul li {
  list-style-image: url(/fileadmin/mdbock-stiftung/images/list-bullet.gif);
}

ol,ul, p {
  margin-bottom: .5em;
}

.clear-both {
  clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}


.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

h1, h2, h3, h4, h5 {
 font-weight: bold;
 text-decoration: none;
 font-style: normal;
 color: #c43744;
}

h1 {
 font-size: 1.4em;
 margin: 1em 0 .5em 0;
}

h2 {
 font-size: 1.2em;
 margin: .8em 0 .4em 0;
}

h3 {
 font-size: 1.1em;
 margin: .6em 0 .3em 0;
}

h4 {
 font-size: 1em;
 margin: .4em 0 .2em 0;
}

h5 {
 font-size: 1em;
 font-style: italic;
 margin: .2em 0 .1em 0;
}

b {
  color: #00579c;
}

.right {
 float: right;
}

.left {
 float: left;
}

dd {
  margin-left: 20px;
}

dt {
  margin: 6px 0 0 0;
}


/* ===================================================
	 Typo3 Formate
=================================================== */

.csc-frame-frame1 {
  border: 1px #dbeaee solid;
  padding: 3px 5px 8px 5px;
  margin-bottom: 10px;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  border: 1px solid #c1d1d5;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  font-size: .8em;
  text-align: center;
  margin-top: 3px;
}