/* main layout ****************************************************************/

* {
    border: 0;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height:1.3em;
}

table {
    border-collapse: collapse;
    color: #000;
}

table td{
    vertical-align:top;
    padding-right:15px;
    padding-bottom: 5px;
}

table th{
    text-align:left;
}

html {
    background:#cae99d url("../images/bg_main.gif") repeat-x;
    padding: 0;
}

#head {
    width: 959px;
    background: #e5edf6 url("../images/headgrafik.gif") no-repeat;
    height:384px;
}

#headimage {
   position:absolute;
   top:176px;
}


body {
    position: relative;
    width: 100%;
    margin: 0;
	padding: 0;
    background: url("../images/bg_body.gif") no-repeat;
}

div#footer {
    position: relative;
    width: 100%;
	height:26px;
    margin: -20px auto 0 auto;
    padding: 0;
    background: url("../images/bg_footer.gif") no-repeat;;
	text-align:center;

}

div#container2 {
    position: relative;
    width: 959px;
    margin: 0 auto 0 auto;
    padding: 0;
    background: #fff;
}

img#logo {
    position: absolute;
    margin: 45px 0 0px 0;
}

img#bottom {
    position: absolute;
    right: 0;
    bottom: -6px;
}

/* common *********************************************************************/

a {
    color: #000;
}

a:hover {
    color: #bd2d38;
}

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

.center{
  	text-align:center;
  }
  
p {
    margin-bottom: 1em;
}

b {
    color:#fff;
}


h1 {
    font-size:20px;
    font-weight:bold;
    color:#bd2d38;
    margin-bottom:15px;
}

h2 {
    font-size:18px;
    color:#000;
    font-weight:normal;
	width:500px;
	margin-bottom:10px;
	line-height:1.2em;
}

h3 {
    font-size:20px;
    font-weight:bold;
    color:#fff;
	background:#bd2d38;
	padding:5px 5px 3px 5px;
	display:inline;
}

h4 {
    font-size:14px;
    color:#bd2d38;
    font-weight: bold;
}


h1.subhead {
    text-align:right;
    color:#000;
    margin:10px 150px 0 0;
}

input {
    border: #000 1px solid;
}

ul.bullets li{
    font-size:18px;
    color:#fff;
    font-weight:normal;
    background-color:none;
    margin-bottom:18px;
    list-style-type: none;
    background: url("../images/arrow.gif") no-repeat 0 6px;
    padding:0px 0 0 25px;
}

ul.bulletsklein{
    margin-top:10px;
    margin-bottom:25px;
}

ul.bulletsklein li{
    font-size:13px;
    color:#fff;
    font-weight:normal;
    background-color:none;
    margin-bottom:5px;
    list-style-type: none;
    background: url("../images/arrow.gif") no-repeat 0 4px;
    padding:0px 0 0 20px;
}

.bold {
    font-weight:bold;
}



/* main_navigation ************************************************************/

ul#main_navigation {
    float:right; 
    margin-top: 70px;
    list-style-type: none;
}

ul#main_navigation li {
    display: inline;
    position: relative;
    padding: 10px 6px 8px 6px;
	background: #fff;
	margin: 0 1px;
}

ul#main_navigation li a {
    position: relative;
	color:#000;
	font-size: 16px;
	text-decoration:none;
	font-weight:bold;
}
ul#main_navigation li a:hover, ul#main_navigation li a.active {
	color:#bd2d38;
}



/* text ************************************************************/

div.text{
    width: 617px;
    min-height:400px;
	height:auto !important;
	height:400px;
    margin: 20px 0 0 0;
	padding-bottom:40px;
}

div.sub{
    background: url("http://www.junger-chor-hannover.de/images/bg_text_sub.gif") no-repeat;
    margin-top:25px;
}

div.sub h1{
    color:#000;
}
div.box{
    width: 617px;
    min-height:100px;
	height:auto !important;
	height:190px;
    margin: 20px 0;
	background: #fff6e4;
	vertical-align:top;
	padding:0;
}
div.start{
	min-height:320px;
	height:auto !important;
	height:320px;
}

div.beschreibung{
    width: 350px;
	float:left;
	margin:15px;
}
div.beschreibung_start{
    width: 370px;
	position:absolute;
	margin:15px;
}
div.img{
    width: 194px;
	float:right;
}
div.img_ohnebox{
	margin-top:22px;
	float:right;
}

table.hyperlinks td{
    vertical-align:middle;
    padding-bottom:40px;
    padding-right:20px;
}

a.mehr{
    float:right;
    color:#bd2d38;
	background: url("../images/pfeil.gif") no-repeat 100% 0;
	font-weight:bold;
	padding-right:20px;
	text-decoration:none;
	margin-top:1em;
}
a.mehrlinks{
    float:left;
	background: url("../images/pfeil.gif") no-repeat 0 0;
	padding-left:20px;
}
a.mehr:hover{
    color:#000;
}

a.top{
    float:right;
    margin-right:30px;
    margin-top:10px;
    font-weight:bold;
    font-size:14px;
    color:#648ebe;
}
a.top:hover{
    color:#000;
}

/* subnavigation  **********************************************************/

ul#subnavigation {
    right:0px;
	top:25px;
    list-style-type: none;
	position:absolute;
}

ul#subnavigation li {
    display: inline;
    padding: 0 5px;
}

ul#subnavigation li a {
	text-decoration:none;
}
ul#subnavigation li a.active {
	color: #bd2d38;
}


/* news **********************************************************/

#news {
    float:right;
	width:210px;
    margin: 43px 75px 10px 0;
	background:#fff6e4;
	padding:10px 7px;
}

.topnews {
	background:#fae9d3;
}


/* email **********************************************************/

#email {
	width:210px;
	background:#fff;
	position:absolute;
	right: 87px;
	padding-top:15px;
}