@charset "utf-8";
/* Stylesheet des Forums Deutscher Katholiken */

* {padding:0; margin:0;}

h1, h2, table {
	margin-bottom:1em;
}


body {
	background-color:#444;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

#wrapper {
	background-color:#192255;
	width:950px;
	margin:0 auto;
	}
	
#navibereich {
	background-color:#192255;
	float:left;
	width:160px;
	padding-left:20px;
	padding-right:20px;
	}

#navibereich img {
	border:0;
	margin-top:6px;
	}

#navibereich ul {margin-top:4px;}

#navibereich ul li {margin-left:16px;}

#startseite #navibereich ol {
	list-style:none;
	width:160px;
	margin-bottom:162px;
}
	
#kongress2010 #navibereich ol {
	list-style:none;
	width:160px;
	margin-bottom:8px;
}

#zel_vita #navibereich ol {
	list-style:none;
	width:160px;
	margin-bottom:8px;
}

#programm #navibereich ol {
	list-style:none;
	width:160px;
	margin-bottom:8px;
}

#presse #navibereich ol {
	list-style:none;
	width:160px;
	margin-bottom:162px;
}


#veranstaltungen #navibereich ol {
	list-style:none;
	width:160px;
	margin-bottom:162px;
}

#wir #navibereich ol {
	list-style:none;
	width:160px;
	margin-bottom:72px;
}

#organisation #navibereich ol {
	list-style:none;
	width:160px;
	margin-bottom:72px;
}

#archiv #navibereich ol {
	list-style:none;
	width:160px;
	margin-bottom:94px;
}

#galerie #navibereich ol {
	list-style:none;
	width:160px;
	margin-bottom:94px;
}

#navibereich ol li {
	font-weight:bold;
	color:#fabb00;
	padding:8px 0 8px 0;
	border-bottom:1px solid #fabb00;
}

#navibereich ul li{
	color:#fabb00;
	list-style:square;
	padding:2px 0 2px 0;
	border-bottom:0;
}

#navibereich ol span {
	color:#ffffff;
	font-weight:bold;
	padding:8px 0 8px 0;
}

#navibereich ul span {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	padding:0;
}

a { outline:none;}

#navibereich ol a {
	text-decoration:none;
	font-weight:bold;
	outline:none;
}

#navibereich ul a {
	text-decoration:none;
	font-weight:normal;	
	outline:none;
}

#navibereich a:link {
	color:#fabb00;
	}

#navibereich a:visited {
	color:#fabb00;
	}
	
#navibereich ol a:hover {
	color:#ffffff;
	font-weight:bold;
	}

#navibereich ul a:hover {
	color: #ffffff;
	font-weight:normal;
}

#navibereich ol a:active {
	color: #ffffff;
	font-weight:bold;
	}

#navibereich ul a:active {
	color: #ffffff;
	font-weight:normal;
	}
		
#startseite #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	width:450px;
	padding:90px 150px 20px 150px;
}	

#wir #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	width:450px;
	padding:90px 150px 20px 150px;
	overflow:auto;
}	


#archiv #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	width:690px;
	padding:30px 30px 30px 30px;
	overflow:auto;
}	

#galerie #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	width:690px;
	padding:30px 30px 0 30px;
	overflow:auto;
}	

#kongress2010 #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	width:690px;
	padding:30px 30px 30px 30px;
	overflow:auto;
}	

#zel_vita #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	width:690px;
	padding:30px 30px 30px 30px;
	overflow:auto;
}	

#programm #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	width:690px;
	padding:30px 30px 30px 30px;
	overflow:auto;
}	

#presse #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	width:690px;
	padding:30px 30px 30px 30px;
	overflow:auto;
}	

#veranstaltungen #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	width:690px;
	padding:30px 30px 30px 30px;
	overflow:auto;
}	

#organisation #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	width:690px;
	padding:30px 30px 30px 30px;
	overflow:auto;
}	

#textbereich p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	}

#kongress2010 #textbereich p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align: justify;
	}
	
#kongress2010 #textbereich h2{
	margin-bottom:0.5em;	
	}
	
#zel_vita #textbereich p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align: left;
	}

#organisation #textbereich p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align: justify;
	}
	
#veranstaltungen #textbereich p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align: justify;
	}

#presse #textbereich p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align: justify;
	}
	
#archiv #textbereich p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align: justify;
	}

#textbereich ul{
	margin-bottom:1em;
	}
	
#textbereich li{
	list-style-type:disc;
	color:#333;
	font-weight:normal;
	margin-left:18px;
	}

#anmeldung #textbereich {
	float:right;
	background-image:url(../bilder/logo_b_3.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	color:#333333;
	height:613px;
	width:690px;
	padding:30px 30px 30px 30px;
}	

#zel_vita #textbereich li {
	list-style:none;	
	margin-bottom:0.25em;
	margin-left:0;
}	

/* Korrektur für den IE6 */
* html #startseite #textbereich { width:444px; }
* html #kongress2010 #textbereich { width:684px; }

#textbereich p {
	margin-bottom:1em;
}	

#textbereich li {
	margin-bottom:0.2em;
}	

#textbereich a {
	text-decoration:none;
	font-weight:normal;
	outline:none;
}

#textbereich a:link {
	color:#999;
	font-weight:normal;
	text-decoration:none;
	}

#textbereich a:visited {
	color:#999;
	font-weight:normal;
	text-decoration:none;
	}
	
#textbereich a:hover {
	color:#999;
	font-weight:normal;
	text-decoration:underline;
	}

#textbereich a:active {
	color: #999;
	font-weight:normal;
	text-decoration:underline;
	}
	
#programm #textbereich a {
	text-decoration:none;
	font-weight:bold;
	outline:none;
}

#programm #textbereich a:link {
	color:#999;
	font-weight:bold;
	text-decoration:none;
	}

#programm #textbereich a:visited {
	color:#999;
	font-weight:bold;
	text-decoration:none;
	}
	
#programm #textbereich a:hover {
	color:#999;
	font-weight:bold;
	text-decoration:underline;
	}

#programm #textbereich a:active {
	color: #999;
	font-weight:bold;
	text-decoration:underline;
	}

#veranstaltungen #textbereich h2 a {
	text-decoration:none;
	font-weight:bold;
	outline:none;
}

#veranstaltungen #textbereich h2 a:link {
	color:#999;
	font-weight:bold;
	text-decoration:none;
	}

#veranstaltungen #textbereich h2 a:visited {
	color:#999;
	font-weight:bold;
	text-decoration:none;
	}
	
#veranstaltungen #textbereich h2 a:hover {
	color:#999;
	font-weight:bold;
	text-decoration:underline;
	}

#veranstaltungen #textbereich h2 a:active {
	color: #999;
	font-weight:bold;
	text-decoration:underline;
	}

	
h1 {
	color:#192255;
	font-size:150%;
	font-weight:bold;
	}
	
h2 {
	color:#192255;
	font-size:120%;
	font-weight:bold;
	}

h4 {
	color:#fabb00;
	font-size:120%;
	font-weight:bold;
	}
	
h3 {
	color:#192255;
	font-size:100%;
	font-weight:bold;
	}
	
h5 {
	color:#fabb00;
	font-size:100%;
	font-weight:bold;
	}

#programm p { margin:0; }

hr {
	margin-top:3px;
	margin-bottom:3px;
	}
	
#fussbereich {
	width:950;
	clear:both;
	background-color:#192255;
	color:#fabb00;
	font-style:normal;
	padding:5px 0 5px 0;
	}	

#fussbereich p {
	text-align:left;
	font-size: 90%;
	margin:0;
}	

#fussbereich span {
	color: #ffffff;
	font-weight:normal;
	}

#fussbereich a {
	text-decoration:none;
	font-weight:normal;	
	outline:none;
}

#fussbereich a:link {
	color:#fabb00;
	}

#fussbereich a:visited {
	color:#fabb00;
	}
	
#fussbereich a:hover {
	color:#ffffff;
	font-weight:normal;
	}

#fussbereich a:active {
	color: #ffffff;
	font-weight:normal;
	}


form {
	background-color:#DDD;
	color:#333;
	width:650px;
	padding:13px 20px 0 20px;
	}
	
label {
	display:block;
	margin-bottom:2px;
	}

input, select, textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333; 
	}


input {
	width:298px;
	height:18px;
	border:1px solid #999;
	margin-bottom:12px;
}

select#anrede, #teilnahme, #woher {
	width:298px;
	height:20px;
	border:1px solid #999;
	margin-bottom:12px;
}

input#hauptprogramm {
	width:20px;
	border:0;
	margin-top:19px;
	margin-right:20px;
}

input#jugendprogramm {
	width:20px;
	border:0;
	margin-top:20px;
	margin-bottom:15px;
	margin-right:20px;
}

input#senden {
	background-color:#FFFFFF;
	width:98px;
	height:20px;
	border:1px solid #fabb00;
	margin-top:5px;
	margin-bottom:2px;	
}

input#loeschen {
	background-color:#FFFFFF;
	width:98px;
	height:20px;
	border:1px solid #fabb00;
	margin-top:5px;
	margin-bottom:2px;
}

input:focus {
	background-color:#F5F5F5;
}

textarea {
	width:298px;
	height:171px;
	border:1px solid #999;
	margin-bottom:12px;
	overflow:auto;
}

.clearing { clear:both; }

.bild_org {
	float:right;
	border-bottom:4px solid #192255;
	border-right:4px solid #192255;
	border-left:4px solid #fabb00;
	border-top:4px solid #fabb00;
	margin-left:20px;
	margin-top:3px;
	}
	
.bild_cur {
	float:right;
	border-bottom:4px solid #192255;
	border-right:4px solid #192255;
	border-left:4px solid #fabb00;
	border-top:4px solid #fabb00;
	margin-left:20px;
	margin-bottom:10px;
	}	

.bild_haupt {
	float:right;
	border-bottom:4px solid #192255;
	border-right:4px solid #192255;
	border-left:4px solid #192255;
	border-top:4px solid #192255;
	margin-top:3px;
	margin-left:20px;
	margin-bottom:10px;
	}	
	
.bild_jugend {
	float:right;
	border-bottom:4px solid #fabb00;
	border-right:4px solid #fabb00;
	border-left:4px solid #fabb00;
	border-top:4px solid #fabb00;
	margin-top:3px;
	margin-left:20px;
	margin-bottom:10px;
	}	

.bild_hj {
	float:right;
	border-bottom:4px solid #192255;
	border-right:4px solid #192255;
	border-left:4px solid #fabb00;
	border-top:4px solid #fabb00;
	margin-top:3px;
	margin-left:20px;
	margin-bottom:10px;
	}	

.bild_right {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	}	
	
.galerie {
	float:left;
	margin-top:5px;
	margin-right:5px;
	}
	
.galerie_g {
	float:left;
	margin-top:0;
	margin-bottom:5px;
	}
	
.weiter {
	float:left;
	margin-top:19px;
	margin-right:5px;
	}