/* 
 * MAIN
 */

html {
	font: 14px Helvetica, Arial, sans-serif;
	color: #333;
}

body {
	margin: 0 auto;
	line-height: 1.5em;
	background: url('../img/standardBg.png') repeat-x;
}

body#startseite, body#ihregesundheit {
	background: url('../img/gesundheitBg.png') repeat-x;
}
body#ihrekinder {
	background: url('../img/kinderBg.png') repeat-x;
}
body#ihrtermin {
	background: url('../img/terminBg.png') repeat-x;
}
body#ihrregenbogenland {
	background: url('../img/regenbogenlandBg.png') repeat-x;
}
#line {
	height: 5px;
	width: 100%;
	background: #68A805;
}

#ihregesundheit #line, #startseite #line {
	background: #68A805;
}
#ihrekinder #line {
	background: #FD9417;
}
#ihrtermin #line {
	background: #BB1319;
}
#ihrregenbogenland #line {
	background: #126EA6;
}
#impressum #line {
	background: #999;
}
.container {
	width: 960px;
	margin: 0 auto;
}

/*body:hover {
	background: url('../img/content/raster.png') center;
}*/

header { 
	margin: 28px 0 0 0; 
}
h1 a {
	text-indent: -9999px;
	background: url('../img/regenbogenland.png') no-repeat;
	width: 160px;
	height: 112px;
	position: absolute;
	text-decoration: none;
}
#search {
	position: absolute;
	width: 245px;
	margin-top: 80px;
	margin-left: 5px;
}
#head-bg {
	background: url('../img/img-bg.png') no-repeat;
	width: 1000px;
	height: 310px;
	margin: 90px 0 0 -20px;
	position:absolute;
}
#startseite #head-bg {
	background: url('../img/start-img-bg.png') no-repeat;
	height: 490px;
}
#startseite #broschuere {
	position:absolute;
	width: 160px;
	height: 160px;
	margin: 312px 0 0 18px;
}
#head-img {
	margin:30px 0 0 30px;
}
#head-img-licht {
	position:absolute;
	width: 700px;
	height: 250px;
	background: url('../img/img-licht.png') no-repeat;
	margin:30px 0 0 30px;
}
#startseite #head-img-licht {
	height: 430px;
	background: url('../img/head-img-licht.png') no-repeat;
}

nav { 
	margin:30px 0 0 0;
}

ul.navi, ul.navi_small { 
	list-style: none; 
	margin-bottom:2px; 
	width: 260px; 
	margin-left: -50px;
}
ul.navi {
	height:66px; 
	padding:30px 10px 10px 10px; 
}
ul.navi li:first-child, ul.navi_small li:first-child { font-size:1.428em; position: absolute; margin-top: 10px; }
ul.navi_small.aktiv li:first-child {margin-top: -20px;}
ul.navi li.rubrik:first-child, ul.navi_small li.rubrik:first-child { margin-top:30px;}
ul.navi li, ul.navi_small li { font-size: 0.9em; margin-left: 50px;}
ul.navi li a, ul.navi_small li a {text-decoration:none; display:block;}
ul.navi li.rubrik, ul.navi_small li.rubrik { display: none; }
ul.navi_small {
	height: 46px;
	padding:0px 10px;
}
ul.navi_small.aktiv{
	height:66px;
	padding:30px 10px 10px 10px;
}
ul.navi_small.aktiv li.rubrik { 
	display: block; 
}

ul#navi0 {
	width: 260px;
	background: url('../img/nav1.png') no-repeat;
	color: #E0EBAA;
}
ul#navi0.aktiv {
	background: url('../img/nav1_o.png') no-repeat;
}
ul#navi0 li a {
	color: #E0EBAA;
}
ul#navi1 {
	width: 260px;
	background: url('../img/nav2.png') no-repeat;
	color: #FCDFC2;
}
ul#navi1.aktiv {
	background: url('../img/nav2_o.png') no-repeat;
}
ul#navi1 li a {
	color: #FCDFC2;
}
ul#navi2 {
	width: 260px;
	background: url('../img/nav3.png') no-repeat;
	color: #F6C8C6;
}
ul#navi2.aktiv {
	background: url('../img/nav3_o.png') no-repeat;
}
ul#navi2 li a {
	color: #F6C8C6;
}
ul#navi3 {
	width: 260px;
	background: url('../img/nav4.png') no-repeat;
	color: #C3E1E8;
}
ul#navi3.aktiv {
	background: url('../img/nav4_o.png') no-repeat;
}
ul#navi3 li a {
	color: #C3E1E8;
}
#kante0, #kante1, #kante2, #kante3 {
	width:20px;
	height:116px;
	position:absolute;
	margin-left: 230px;
	display:none;
}
#kante0.aktiv, #kante1.aktiv, #kante2.aktiv, #kante3.aktiv {
	display: block;
}
#kante0 {
	background: url('../img/nav1_k.png');
}
#kante1 {
	background: url('../img/nav2_k.png');
}
#kante2 {
	background: url('../img/nav3_k.png');
}
#kante3 {
	background: url('../img/nav4_k.png');
}
#content {
	margin:390px 0 0 10px;
	background: url('../img/content-bg2.png') no-repeat bottom;
}
#startseite #content { 
	margin:570px 0 0 10px;
}
#con {
	margin: 1em 0 0;
	width: 680px;
}
#startseite #con {
	width: 700px;
}
aside { margin: 1em 0; }
aside .btn {
	background: url('../img/sidebar-bg-1.png');
	width: 250px;
	height: 53px;
	margin:-20px 0 -20px -10px;
	padding: 32px 0 0 40px;
}
#startseite aside .btn {
	margin-left: -30px;
}

.sidebar-con {
	height: auto;
	width: 290px;
	margin:-20px 0 -20px -10px;
}
#startseite .sidebar-con {
	margin-left: -30px;
}
.sidebar-con .sidebar-con-top {
	width: 290px;
	height: 20px;
	background: url('../img/sidebar-schatten-top.png') no-repeat;
}
.sidebar-con .sidebar-con-mid {
	height: auto;
	width: 250px;
	padding: 0 0 1em 40px;
	background: url('../img/sidebar-mid.png') repeat-y;
}
.sidebar-con .sidebar-con-mid p {
	margin: 1em 0 0;
}
.sidebar-con .sidebar-con-mid p.txt {
	font-size: 0.857em;
	line-height: 1.75em;
	color: #999;
	width: 210px;
	margin-bottom: 1em;
}
.testimonial-bg {
	width: 250px;
	height: 115px;
	background: url('../img/testimonial-bg.jpg') no-repeat;
	margin: 0 0 0 -20px;
}
.sidebar-con .sidebar-con-bottom {
	height: 20px;
	width: 290px;
	background: url('../img/sidebar-schatten-bottom.png') no-repeat;
}
aside .dotted-line {
	width: 210px;
}
footer { 
	margin: 2em 0; 
	color: #999;
}

#sponsor {
	border-top: 1px #ccc dotted;
	margin: 2em 0;
	padding: 2em 0 0;
}


/*
 * Type
 */
/*
 * Überschriften, Links, etc.
 */

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 21px;
  font-weight: bold;
}

#ihregesundheit h1, #ihregesundheit h2, #ihregesundheit h3, #ihregesundheit h4, #ihregesundheit aside a, #ihregesundheit #con a,
#startseite h1, #startseite h2, #startseite h3, #startseite h4, #startseite aside a, #startseite #con a {
	color: #67A805;
}

#startseite aside a, #startseite #con a, 
#ihregesundheit aside a, #ihregesundheit #con a,
#ihrekinder aside a, #ihrekinder #con a,
#ihrtermin aside a, #ihrtermin #con a,
#ihrregenbogenland aside a, #ihrregenbogenland #con a,
#impressum aside a, #impressum #con a {
	text-decoration: none;
}

#ihrekinder h1, #ihrekinder h2, #ihrekinder h3, #ihrekinder h4, #ihrekinder aside a, #ihrekinder #con a {
	color: #FD9417;
}

#ihrtermin h1, #ihrtermin h2, #ihrtermin h3, #ihrtermin h4, #ihrtermin aside a, #ihrtermin #con a {
	color: #BB1319;
}

#ihrregenbogenland h1, #ihrregenbogenland h2, #ihrregenbogenland h3, #ihrregenbogenland h4, #ihrregenbogenland aside a, #ihrregenbogenland #con a {
	color: #126EA6;
}

#impressum h1, #impressum h2, #impressum h3, #impressum h4, #impressum aside a, #impressum #con a {
	color: #000;
}

#con p {

}

h1 {
  font-size: 1.5em; /* 24px --> 24 / 16 = 1.5 */
  line-height: 1em; /* 24px --> 24 / 24 = 1 */
}

h2 {
  font-size: 1.428em; /* 20px --> 20 / 14 = 1.428 */
  line-height: 1.05em; /* 21px --> 21 / 20 = 1.05 */
}

h3 {
  font-size: 1.071em; /* 15px --> 15 / 14 = 1.071 */
  line-height: 1.4em; /* 21px --> 21 / 20 = 1.4 */
}

h4 {
  font-size: 1em; /* 18px --> 18 / 16 = 1.125 */
  line-height: 1.5em; /* 21px --> 24 / 18 = 1.3333333(3) */
}

h5, h6 {
  font-size: 1em; /* 16px --> 16 / 16 = 1 */
  line-height: 1.5em; /* 21px --> 24 / 16 = 1.5 */
}

.news-datum {
	font-size: 0.714em; /* 10px --> 10 / 14 = 0.714 */
	line-height: 2.1em; /* 21px --> 21 / 10 = 2.1 */
}

#startseite .news-big .news-datum {
	color: #67A805;
}

#startseite .news-normal .news-datum {
	color: #999;
}

#ihrregenbogenland #con a:hover {
	border-bottom: 1px #126EA6 dotted;
}

.sidebar-con .sidebar-con-mid h3 {
	padding: 1em 0 0;
}

/*
 * Absätze
 */
.no-margin {
	margin: 0;
}

p {
	margin-bottom: 21px;
}

.news-big, .news-normal {
	border-left: 1px #ccc solid;
	padding-left: 5px;
	margin-left: -5px;
}

.news-big p {
	font-size: 0.857em; /* 12px --> 12 / 14 = 0.857 */
	line-height: 1.75em; /* 21px --> 21 / 12 = 1.75 */
}

#startseite .news-normal h3 {
	color: #999;
}

ul.unternavi {
	float:left;
	margin-right:30px;
	list-style: none;
}
ul.unternavi a {
	color: #999;
	text-decoration: none;
}
ul.unternavi h4 {
	font-size: 1em;
	line-height: 1.9090em;
	margin: 0;
}

/*
 * Listen
 */
ul,ol { 
}

ul.no-margin,ol.no-margin {
	margin-top:0;
}

ul ul, ol ol {
	margin: 0 0 0 60px;
}

ul ul li:last-child {
	border-bottom: none;
}

#ihrregenbogenland ul {
	list-style: none;
}

.admin-list ul { 
	list-style: none;
}

.admin-list li {
	border-bottom: 1px #ccc dotted;
	padding: 5px;
}

.admin-list li:first-child {
	border-top: 1px #ccc dotted;
}

.admin-list li:hover {
	background: #f3f3f3;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tabs-container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tabs-content {
	padding: 20px;
}

ul.galerie {}
ul.galerie li {border-bottom: 1px #ccc dotted; margin-bottom: 1.5em; padding-bottom:1em;}
ul.galerie li h4 {margin:0;}
ul.galerie li p {margin:0; font-size:0.785em; line-height:1.9090em;}
.galerie-item {width:99px; height:100px; text-align:center; border-right:1px #ccc dotted; margin:0 0 1.5em; }
.galerie-item img {vertical-align:middle;}
.galerie-arrow {position:absolute; margin:0 0 0 410px; font-size:4em; height:100px; color:#666; }
.galerie-arrow a:hover {text-decoration: none;}

/* Formulare
==*/
form { }
form p { }
div.label { }
fieldset { }
fieldset > legend { }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea, select { 
	width:300px; padding:3px; font:inherit; 
}
#search input { width:175px; height:22px; border:1px #ccc solid;}
input[type="checkbox"], input[type="radio"] { margin: 0 0 0.4em 0; }

textarea {  }
optgroup { font-family:inherit; }
button#searchsubmit {
	width:50px;
	height:30px;
	text-indent: -9999px;
	background: none;
	border: none;
	background: url('../img/searchBtn.png') no-repeat;
}
button#searchsubmit:hover {
	cursor: pointer;
}
.input .counter{ }
.input .warning{ }	
.input .exceeded{ }

/* sonstiges
==*/
.left { float: left; }
.right { float: right; }
.clearer { clear: both; }
.err, .info, .ok { padding: 0.75em; }
.err { outline:2px #900 solid; background:#fff0f0; color:#900; }
.info { border:2px #eac700 solid; background:#fffcea; color:#d7b700; }
.ok { border:2px #090 solid; background:#ebffea; color:#090; }
.arrow:before { content: "\203A\00A0"; }
.infos { font-size:0.7em; }
.smaller { font-size:0.785em; line-height:1.9090em; }
.bigger { font-size:1.2em; }
.smallcaps { text-transform: lowercase; }
.bigcaps { text-transform: uppercase; }
.dotted-line { border-bottom: 1px dotted #ccc; }
.tab { }
.tranz-75 { opacity: 0.75; }
.tranz-50 { opacity: 0.5; }
.tranz-25 { opacity: 0.25; }
.text-right { text-align: right;}
.uploadifyQueueItem { background: #eee; padding: 5px; margin-top:5px; }
.uploadifyQueueItem .cancel {float: left; margin: 0 10px 0 0;}
.uploadifyProgress {background-color: #E5E5E5;margin-top: 10px;width: 100%;}
.uploadifyProgressBar {background-color: #0099FF; height: 3px; width: 1px;}