@charset "utf-8";
/* CSS Document */
/* erstellt: Miri Vogt / nextage */
/* 10.12.2008 */

body{
	background-image: url(../img/body-background.jpg);
	background-repeat: repeat-x;
	background-color: #0192cf;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4f4f4f;
}

p,form{
	font-size:12px
}

div#big-container{
	width: 968px;
	height: 600px;
	margin: 0 auto;
}

div#header{
	width: 968px;
}

div#header img{
	margin: 20px 0 0 13px;
	float: left;
	border: none;
}

/*---Service-Navigation---*/

div#header ul#service{
	list-style: none;
	float: right;
	margin: 45px 4px 0 0;
	padding: 0px;
}

div#header ul#service li{
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px 0px 0 2px;
	height: 21px;
	/*width: 60px;*/
}

div#header ul#service li a{
	background-image: url(../img/bg-service.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #0192cf;
	display: block;
	height: 17px;
	padding: 4px 10px 0 10px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #d6d6d6;
	float: left;
}

div#header ul#service li a:hover, div#header ul#service li a.active{
	background-image: url(../img/bg-service-hover.jpg);
}

/*---EMOTIONSBILD---*/

div#header div#emotion{
	background-image: url(../img/shadow-emotion-picture.jpg);
	background-repeat: repeat-y;
	width: 968px;
	height: 220px;
	float: left;
	margin: 4px 0 0 0;
}

div#header div#emotion img{
	margin:0px 0 0 4px;
	padding: 0px;
}

/*---CONTEINER---*/

div#container{
	width: 968px;
	float: left;
	background-image:url(../img/background-content.png);
	background-repeat:repeat-y;
	padding-bottom:0px;
}

div#container-content{
	width: 960px;
	margin: 0 0 0 4px;
	background-color: #FFFFFF;
}

div#container-content div#shadow{
	background-image: url(../img/shadow-top.jpg);
	background-repeat: repeat-x;
	width: 960px;
	height: 8px;
	float: left;
	margin: 0px;
	padding: 0px;
}

/*---NAVIGATION---*/

div#navigation{
	padding: 22px 0 0 11px;
	float: left;
	margin-bottom: 30px;
}

div#navigation ul#navi{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

div#navigation ul#navi li{
	margin: 0 0 5px 0;
	padding: 0px;
}

div#navigation ul#navi li a{
	margin: 0px;
	padding: 4px 0 0 10px;
	background-image: url(../img/bg-navi.jpg);
	background-repeat: repeat-x;
	height: 24px;
	display: block;
	width: 168px;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #016d9b;
	
}

div#navigation ul#navi li a:hover{
	background-image: url(../img/bg-navi-hover.jpg);
	border: 1px solid #930932;
}

div#navigation ul#navi li a.active{
	background-image: url(../img/bg-navi-hover.jpg);
	border: 1px solid #930932;
	margin: 0 0 0px 0;
}

div#navigation ul#navi li ul li {
	border-bottom: 1px dotted #b7b9b9;
}

div#navigation ul#navi li ul#subnavi{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#navigation ul#navi li ul#subnavi li{
	margin: 0px;
	padding: 0px;
}

div#navigation ul#navi li ul#subnavi li a{
	margin: 0px;
	padding: 3px 0 3px 10px;
	color: #5a5c5c;
	background-image: none;
	border: none;
	font-size: 12px;
	height: 15px;
}

div#navigation ul#navi li ul#subnavi li a:hover{
	background-color: #d9dede;
	border-right: 2px solid #d9dede;
}

div#navigation ul#navi li ul#subnavi li a.active{
	background: none;
	font-weight: bold;
	border-right: none;
}


div#navigation ul#navi li ul#subnavi2{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#navigation ul#navi li ul#subnavi2 li{
	margin: 0px;
	padding: 0px;
	border-top: 1px dotted #b7b9b9;
	border-bottom: none;
}

div#navigation ul#navi li ul#subnavi2 li a{
	margin: 0px;
	padding: 3px 0 3px 30px;
	color: #5a5c5c;
	background-image: none;
	border: none;
	font-size: 12px;
	height: auto;
	width:146px;
}

div#navigation ul#navi li ul#subnavi2 li a:hover{
	background-color: #d9dede;
	border-right: 2px solid #d9dede;
}

div#navigation ul#navi li ul#subnavi2 li a.active{
	background: none;
	font-weight: bold;
	border-right: none;
}

/*---CONTENT STARTSEITE---*/

div#content-startseite{
	width: 500px;
	float: left;
	margin: 25px 0 0 51px;
	width: 709px;
	padding: 0px;
}


/*---TYPO---*/

/*h1{
	color: #0192cf;
	font-size: 24px;
	font-weight: normal;
	margin: 0px 0 10px 0;
	padding: 0px;
}

h5{
	color: #0192cf;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0 5px 0;
	padding: 0px;
}

h2{
	color: #0192cf;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0 0px 0;
	padding: 0px;
}*/

h3{
	font-size: 12px;
	font-weight: bold;
	color: #4f4f4f;
	margin: 0px;
	padding:0px;
}


h3.balken{
	width: 336px;
	font-weight: bold;
	margin:0px 0 1px 0;
	padding:5px 0 0 7px;
	font-size: 15px;
	color:#626464;
	background: url(../img/bg-h3.jpg);
	height: 23px;
	border: 1px solid #cacccc;
}

h3.balken-galerie{
	width: 141px;
	font-weight: bold;
	margin:13px 13px 1px 0;
	padding:5px 0 0 7px;
	font-size: 15px;
	color:#626464;
	background: url(../img/bg-h3.jpg);
	height: 23px;
	border: 1px solid #cacccc;
}

h3.details-anlass{
	width: 510px;
	font-weight: bold;
	margin:20px 0 1px 0;
	padding:5px 0 0 7px;
	font-size: 15px;
	color:#626464;
	background: url(../img/bg-h3.jpg);
	height: 23px;
	border: 1px solid #cacccc;
}

h3.sidebar{
	width: 164px;
	font-weight: bold;
	margin:0px 0 1px 0;
	padding:5px 0 0 7px;
	font-size: 15px;
	color:#626464;
	background: url(../img/bg-h3.jpg);
	height: 23px;
	border: 1px solid #cacccc;
}

h4.datum{
	margin: 4px 0 0 0;
	padding:0px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

h4.boxtitle{
	margin: 8px 0 0 0;
	padding:0px;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 1.1;
	font-weight: bold;
}

h4.newstitle{
	margin: 4px 6px 0 6px;
	padding:0px;
	font-size: 12px;
	color: #0192cf;
	font-weight: normal;
}


p{
	font-size: 12px;
	color: #4f4f4f;
	margin: 0px 0 15px 0;
	padding: 0px;
	line-height: 1.6;
}

p a, table.programm tr td a, a p{
	color: #b50b3e;
	font-weight: bold;
	text-decoration: none;
}

table.programm tr td p{
	display:inline;
}

p a:hover, table.programm tr td a:hover{
	color: #b50b3e;
	font-weight: bold;
	text-decoration: underline;
}

table.programm tr td a,table.programm tr td a:hover{
	font-weight:normal;
}

p.newstext{
	font-size: 12px;
	color: #4f4f4f;
	padding: 0 6px;
	margin: 0px;
}

/*---BOXEN---*/

div#boxes-left{
	float: left;
	width: 345px;
	margin: 0px 15px 0 0;
	display: inline;
}

div.box-top{
	width: 343px;
	height: 100px;
	display: inline;
}

div#boxes-right{
	width: 345px;
	float: left;
	margin: 0px 0px 0 0;
	display: inline;
}


div.box-aktuelles{
	width: 343px;
	margin-top: 10px;
	float: left;
}

div.box-geburtstage{
	width: 343px;
	margin-top: 10px;
	float: left;
}

div.box-content{
	margin: 0px 0 0 0;
	padding: 2px;
}

div.box-content table{
	width: 195px;
}

div.box-content table tr td.title{
	height: 54px;
	vertical-align: top;
}

div.box-content table tr td.weitere{
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

div.box-content-mitRahmen{
	border: 1px solid #afafaf;
	margin: 0px 0 0 0;
	padding: 0px 0px 0 0px;
	width: 343px;
	height: 202px;
}

div.newseintrag{
	border-bottom: 1px dotted #979999;
	padding-bottom: 29px;
	margin-top: 5px;
}

div#newseintraege{
	height: 174px;
	overflow: hidden;
}

a.box{
	background-image: url(../img/bg-box-blau.jpg);
	background-repeat: repeat-x;
	height: 93px;
	width: 345px;
	display: block;
	text-decoration: none;
	cursor:pointer;
}

a.box:hover{
	background-image: url(../img/bg-box-blau-hover.jpg);
}

a.mehr-link{
	font-size: 12px;
	font-weight: bold;
	color: #dc3264;
	text-decoration: none;
	float: right;
	display: block;
	margin: 5px 10px 0 0;
}

a.mehr-link:hover{
	font-size: 12px;
	font-weight: bold;
	color: #dc3264;
	text-decoration: underline;
}

div.button{
	background-image: url(../img/bg-navi.jpg);
	background-repeat: repeat-x;
	height: 28px;
}

div.button a{
	margin:0px;
	padding: 0px;
	float: right;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color:#FFFFFF;
	padding: 7px 10px 0 0;
}

div.button a:hover{
	text-decoration: underline;
}


div.box-content img{
	float:left;
	margin: 0 7px 0 0;
	border: none;
}

div.box-content span{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 5px 5px 0 0;
	float: right;
}

/*---Geburtsagskinder---*/

div.geburtstagskind{
	border-bottom: 1px dotted #979999;
	padding-bottom: 1px;
	margin-top: 0px;
	color: #4f4f4f;
	height:56px
}

div.geburtsagskind table{
	
}

div.geburtstagskind table tr td{
	vertical-align: top;
}

div.geburtstagskind table tr td.name{
	padding-top:2px;
	width: 235px;
	font-size: 12px;
	margin: 0px 6px 0 6px;
	padding:3px 0 0 0;
	font-weight: normal;
	font-weight: bold;
}

div.geburtstagskind table tr td.alter{
	padding-top:2px;
	font-size: 12px;
	color: #0192cf;
	font-weight: bold;
	
}

div.geburtstagskind table tr td.position{
	font-size: 12px;
	padding:3px 0 0 0;
}

div.geburtstagskind table tr td.geb-date{
	font-size: 12px;
	font-style: italic;
	padding:3px 0 0 0;
}

div.geburtstagskind table tr td img{
	margin:1px 5px 0 1px;
	padding:0px;
	float: left;
}



/*---footer---*/

div#footer{
	background-image: url(../img/bg-footer.jpg);
	background-repeat:repeat-x;
	width: 960px;
	height: 30px;
	margin: 20px 0 0 0;
	float: left;
}

div#footer ul{
	margin:0px;
	padding:0px;
	font-size: 11px;
	list-style: none;
	margin: 8px 0 0 5px;
}

div#footer ul li{
	color: #FFFFFF;
	float: left;
	border-right: 1px solid white;
	padding: 0 8px 0 8px;
}

div#footer ul li.last{
	border-right: none;
}

div#footer ul li a{
	text-decoration: underline;
	color: #FFFFFF;
}

div#footer ul li a:hover{
	text-decoration: none;
}

/*---SERVICE-FOOTER---*/

div#service-footer{
	width: 960px;
	float:left;
	margin-top: 8px;
	padding-bottom: 10px;
	height: 15px;
}

div#service-footer ul{
	margin: 0px;
	padding: 0px 4px 0 0;
	list-style: none;
	float: right;
	height: 15px;
}

div#service-footer ul li{
	margin: 0px;
	float: left;
	padding: 0px 8px 0 8px;
	border-right: 1px solid #FFFFFF;
	height: 15px;
	list-style: none;
}

div#service-footer ul li.print{
	width: 100px;
}

div#service-footer ul li.last{
	padding: 0px 5px 0 8px;
	border-right: none;
}

div#service-footer ul li a{
	text-decoration: none;
	color:#FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	display: block;
}

div#service-footer ul li a:hover{
	text-decoration: underline;
}

div#service-footer ul li img{
	float: left;
	margin-right: 5px;
}

div#bottom{
	background-image: url(../img/bottom.jpg);
	width: 968px;
	background-repeat: no-repeat;
	float: left;
	height: 5px;
}

/*=============SUBSEITE=============*/

/*---CONTENT---*/

div#content{
	float: left;
	margin: 25px 13px 0 51px;
	width: 519px;
	padding: 0px;
}

div#content-breit{
	float: left;
	margin: 25px 13px 0 51px;
	width: 705px;
	padding: 0px;
}

/*---DETAILS ZUM ANLASS---*/

div#table-border{
	border: 1px solid #b4b4b4;
	padding: 10px;
}

table#details-anlass{	
	width: 495px;
	font-size: 12px;
	color: #4f4f4f;
	line-height: 1.6;
	
}

table#details-anlass tr td{
	vertical-align: top;
}

table#details-anlass tr td p{
	display:inline;
}

table#details-anlass tr td a{
	color: #b50b3e;
	font-weight: bold;
	text-decoration: none;
}

table#details-anlass tr td a:hover{
	text-decoration: underline;
}

/*---ANMELDEN-BUTTON---*/

.but-anmelden{
	background-color:#090;
	background-image: url(../img/button-anmelden.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	width: 77px;
	height: 21px;
	display: inline-block;
	padding: 0 0 0 0;
	margin: 8px 8px 0 0;
	border: none;
	text-align:center;
	cursor:pointer;
}

.but-anmelden:hover{
	background-image: url(../img/button-anmelden-hover.jpg);
}

/*---ABMELDEN-BUTTON---*/

.but-abmelden{
	background-color:#900;
	background-image: url(../img/button-abmelden.jpg);
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	width: 77px;
	height: 21px;
	display: inline-block;
	padding: 0 0 0 0;
	margin: 8px 0 0 0;
	border: none;
	text-align:center;
	cursor:pointer;
}

.but-abmelden:hover{
	background-image: url(../img/button-abmelden-hover.jpg);
}

/*---LOGIN---*/

.but-login{
	background-image: url(../img/button-login.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #585858;
	text-decoration: none;
	width: 90px;
	height: 21px;
	display: inline-block;
	padding: 0 0 0 0;
	margin: 8px 8px 0 0;
	border: none;
	text-align:center;
	cursor:pointer;
}

.but-login:hover{
	background-image: url(../img/button-login-hover.jpg);
}


/*---Formular---*/
form{
	display:inline;	
}

input{
	border:1px solid #B4B4B4;
	background-image:url(../img/bg-h3.jpg);
	padding:0px;
	color:#4F4F4F;
	margin:1px 0 1px 0;
}
input.submit{
	border:1px solid #B4B4B4;
	background-image:url(../img/button.jpg);
	color:#4F4F4F;
	margin:1px 0 1px 0;
}
input.submit:hover{
	background-image:url(../img/button-hover.jpg);
}

/*---SIDEBAR---*/

div#sidebar{
	width: 173px;
	float: left;
	margin: 25px 0 0 0;
}

div#sidebar img{
	border: 1px solid #cacccc;
	padding: 1px;
}

div.sidebar-box{
	margin: 13px 0 0 0;
}

div#sidebar-box-content{
	margin: 1px 0 0 0;
	border: 1px solid #cacccc;
	padding: 1px;
}

div#sidebar-box-content-fahrgemeinschaft div, div#sidebar-box-content-fahrgemeinschaft a{
	margin: 1px 0 0 0;
	border-bottom: 1px dotted #ffffff;
	padding: 4px 0 3px 0px;
	display:block;
}

div#sidebar-box-content-fahrgemeinschaft div.last, div#sidebar-box-content-fahrgemeinschaft a.last{
	border-bottom: none;
}

div#sidebar-box-content-fahrgemeinschaft{	
	background-image:url(../img/bg-box-fahrgemeinschaft.jpg);
	background-repeat: repeat-x;
	background-color: #016e9c;
	border: 1px solid #09709c;
}

div#sidebar-box-content-fahrgemeinschaft table, div#sidebar-box-content-fahrgemeinschaft a{
	color: #FFFFFF;
	font-size: 12px;
	width: 171px;
	line-height:1.4;
	padding-bottom: 5px;
}

div#sidebar-box-content-fahrgemeinschaft table tr td{
	line-height:1.4;
	padding: 0 0 0 8px;
}

div#sidebar-box-content-fahrgemeinschaft a {
	font-weight:bold;
	width:165px;
	padding: 8px 0 8px 8px;
	margin:0px 0px -1px -1px;
	background-image:url(../img/bg-link-blau.jpg);
	text-decoration:none;
}

div#sidebar-box-content-fahrgemeinschaft a:hover {
	background-image:url(../img/bg-link-blau-hover.jpg);
}


/*---JAHRESPROGRAMM TABLE---*/

table.programm{
	font-size: 12px;
	width: 705px;
	color:#626464;
	border: 1px solid #cacccc;
	float: left;
}

table.programm tr.title{
	height:28px;
	background-image:url(../img/bg-h3.jpg);
	background-repeat: repeat-x;
	font-size: 15px;
	font-weight: bold;
}

table.programm tr.title td{
	vertical-align: middle;
}

table.programm tr td.date{
	width: 200px;
}

table.programm tr.farbe{
	background-color: #e2e4e4;
}

table.programm tr td{
	padding: 4px 0 4px 10px;
	height: 20px;
	vertical-align: top;
}

/*---TABELLE GALRIE üBERSICHT---*/

table.galerie{
	
}

table.galerie tr td img{
	border: none;
	width: 150px;
	height: 110px;
}

table.galerie tr td a{
	
}

table.galerie tr td div.hover{
	width: 150px;
	height: 110px;
	display: none;
}

table.galerie tr td a:hover div.hover{
	width: 150px;
	height: 110px;
	background-image: url(../img/galerie-hover.png);
	background-repeat: repeat-x;
	display: block;
	position: absolute;
}

table.galerie tr td a:hover{
	width: 20px;
	height: 20px;
}

.memberInfo{
	font-weight:bold;
	display:inline-block;
	width:100px;
}

.split50 {
	width:259px;
	float:left;
}


#contab img{
	margin-right:10px;
}

#contab *{
	vertical-align:top;
}