/*===========================
 * CSS Stylesheet			*		
 * cdu.primel.net			*
 * Author:	Andreas Zimpel	*
 * Date:	24.10.2008		*
 *===========================/
/****************************
 * 	Global Settings			*
 ***************************/
* {
    margin: 0;
    border: 0;
    padding: 0;
}

body {
    background: #FFF url(image/hg-top.gif) repeat-x;
    font-family: Verdana, Arial, Helvetica, 'Lucida Grande', Geneva, sans-serif;
    font-size: 11px;
}

#page {
    width: 770px;
    margin: 0 auto;
}
/****************************
 * 	Header			 		*
 ***************************/
#header {
    height: 80px;
    background-color: #FF9900;
	background-position: 0 8px;
}
#headerContent {
	border-top: 8px solid #FFF;
}
#header p {
	color: #FFF;
	font-size: 14px;
	position: relative;
	top: 53px;
	left: 163px;
	width: 256px;
}
/****************************
 * 	Footer			 		*
 ***************************/
#footer {
	background-color: #FF9900;
	font-size: 10px;
}
#footerContent {
    border-left: 156px solid #FF9900;
	padding: 5px;
}
#footerContent ul li{
	display: inline;
}
#footerContent ul li a:link,
#footerContent ul li a:visited {
	padding: 1px 4px;
}
#footerContent ul li a:hover {
	background-color: #FFF;
}
/****************************
 * 	Column Structure Layout	*
 ***************************/
#container {
    border-left: 156px solid #DCE1E5;
    border-right: 200px solid #DCE1E5;
}

#main {
    margin-left: -156px;
    margin-right: -200px;
    display: block;
}

#center {
    position: relative;
    display: block;
    height: 1%;
    margin-left: 156px;
    margin-right: 200px;
    width: 414px;
}
/****************************
 * 	Left MainMenu 		*
 ***************************/
#mainNavi {
    position: relative;
    left: 0;
    float: left;
    width: 156px;
    background-color: #EEE;
}

#mainNaviContent {
    border-top: 20px solid #DCE1E5;
    position: relative;
}

#mainNaviContent ul {
    display: block;
}

#mainNaviContent ul li {
/*
    display: inline;
*/
}

#mainNaviContent ul li#veranstaltungenundevents a{
	background:#F59D07 none repeat scroll 0% 50%;
	color: #ffffff;
    font-weight: bold;
}
#mainNaviContent ul li#wahlprogrammdercduachern a{
	background:#F59D07 none repeat scroll 0% 50%;
	color: #ffffff;
    font-weight: bold;
}

#mainNaviContent ul li a:link, 
#mainNaviContent ul li a:visited {
	color: #000000;
    background: #DCE1E5 url(image/bg-menu.gif) no-repeat;
    display: block;
    border-bottom: 1px solid #ACB7C1;
    padding: 5px 10px 4px;
}

#mainNaviContent ul li a:hover {
	color: #000000;	
    background: #DCE1E5 url(image/bg-menu.gif) 0 -22px no-repeat;
}

#mainNaviContent ul li a.active:link, 
#mainNaviContent ul li a.active:visited {
    background: #DCE1E5 url(image/bg-menu.gif) 0 -44px no-repeat ;
    border-bottom: 1px solid #333;
}

#mainNaviContent ul li a.mainnavi_level1:link, 
#mainNaviContent ul li a.mainnavi_level1:visited {
    background: #ACB7C1 url(image/bg-servicemenu.gif) 10px -3px no-repeat;
    padding: 3px 0 2px 20px;
}

#mainNaviContent ul li a:hover.mainnavi_level1 {
    padding: 3px 0px 2px 20px;
    background: #DCE1E5 url(image/bg-servicemenu.gif) 10px -63px no-repeat;
}

#mainNaviContent ul li a:link.mainnavi_level1_active, 
#mainNaviContent ul li a:visited.mainnavi_level1_active {
    padding: 3px 0px 2px 20px;
    background: #ACB7C1 url(image/bg-servicemenu.gif) 10px -63px no-repeat;
}
/****************************
 * 	Right SpecialMenu 		*
 ***************************/
#special {
    position: relative;
    right: 0;
    float: right;
    width: 200px;
    background-color: #DCE1E5;
    color: #000555;
}

#specialContent {
    border-top: 20px solid #DCE1E5;
    padding: 10px;
}

#special a:link,
#special a:visited {
	color: #3B4B5B;
	text-decoration: none;
}
#special a:hover {
	text-decoration: underline;
}
#special ul {
    list-style-type: disc;
    margin-left: 1.5em;
}

#special ul li a {
    color: #3B4B5B;
}

#special ul li a:hover {
    color: #9c2a1f;
    text-decoration: underline;
}

#special h1 {
    font-size: 12px;
}

#special p {
    margin-bottom: 1em;
}
/****************************
 * 	Top ServiceMenu 		*
 ***************************/
#serviceNavi {
    display: block;
    position: relative;
    background-color: #ACB7C1;
    font-size: 10px;
}

#serviceNaviContent {
    padding: 4px;
}

#serviceNaviContent ul li {
    display: inline;
}

#serviceNaviContent ul li a:link, 
#serviceNaviContent ul li a:visited {
    background: url(image/bg-servicemenu.gif) no-repeat scroll 2px -4px;
    margin-right: 10px;
    padding: 1px 2px 1px 12px;
}

#serviceNaviContent ul li a:hover {
    background: #dcdddf url(image/bg-servicemenu.gif) no-repeat 2px -64px;
}

#serviceNaviContent ul li a:link.active, 
#serviceNaviContent ul li a:visited.active {
    background: url(image/bg-servicemenu.gif) no-repeat 2px -64px;
}
/****************************
 *  Main Content	 		*
 ***************************/
#realcontent {
    padding: 30px 8px 20px;
}
/* IE needs this definition for all anker */
#realcontent a {
    color: #695866;
    text-decoration: none;
}

/***/
#realcontent a:link, #realcontent a:visited {
    color: #695866;
    text-decoration: none;
}

#realcontent a:hover {
	color: #FF6600;
	text-decoration: underline;	
}

.floatingbox {
    overflow: hidden;
	height: 100%;		/* IE6 fix */
}
#realcontent .bodytext {
	line-height: 1.3em;
}
#realcontent .container {
    border-bottom: 1px solid #ACB7C1;
    padding-bottom: 10px;
}

#realcontent ol{
    list-style-position:outside;
    padding: 5px 20px 0 20px ;
}
#realcontent ol li{
    list-style-position:outside;
    padding: 0 0 5px 0;
}

#realcontent .csc-sitemap ul {
    margin-left: 1.5em;
    list-style-type: disc;
}

#realcontent .csc-sitemap ul li {
    font-size: 1em;
    margin-bottom: 1.6em;
}

#realcontent .csc-sitemap ul li a:link, 
#realcontent .csc-sitemap ul li a:visited {
    margin-bottom: 1.5em;
}

#realcontent .csc-sitemap ul ul {
    list-style-type: circle;
    margin-left: 1em;
}

#realcontent .csc-sitemap ul ul li {
    font-size: 11px;
    margin: 0.5em 0;
}
/*
 * Hier Frage:
 * kann man diese Menulinks so ansprechen? Oder kann es zu Überlapungen kommen?
 * */
#centerMainContent a:link, 
#centerMainContent a:visited {
    color: #695866;
    font-weight: bold;
}

.clear {
    clear: both;
}




#realcontent .csc-textpic-intext-left .csc-textpic-imagewrap {
	float:left;
	margin: 0 15px 5px 0px;
}

dl.csc-textpic-image {
	float:left;
	margin: 0 4px 15px 0px;
}
.csc-textpic-imagerow{
	/* clear:both; */
}


/****************************
 * 	Headings				*
 ***************************/
h1, h2, h3, h4, h5, h6 {
    color: #000;
}

h1 {
    margin: .5em 0;
    font-size: 16px;
	color: #485866;
}

h2 {
    margin-bottom: 1em;
    font-size: 12px;
    color: #333333;
}

h3 {
    font-size: 11px;
    color: #333333;
}

ul {
    list-style: none;
}

ul li a {
    color: #000;
    text-decoration: none;
}
/*
 * Hier Frage:
 * kann man dieses Menü so ansprechen? Oder kann es zu Überlapungen kommen?
 * */
ul.csc-menu.csc-menu-1 {
    list-style-type: disc;
    margin-left: 1.5em;
}

/* test begin */
#realcontent .csc-textpic .csc-textpic-caption {
	padding-top: 2px;
	font-size: 10px;
	color: #433;
	height: 24px;
}
#realcontent .csc-textpic {
	margin-top: 5px;
}
/****************************
 * 	Sonstiges				*
 ***************************/
.images_ol {
	float: left;
	margin-right: 10px;
	position: relative;
}
.image_text {
	font-size: 90%;
	margin-top: 0.2em;
}
.csc-loginform .csc-form-fieldcell input[type='text'],
.csc-loginform .csc-form-fieldcell input[type='password'] {
	border: 1px solid #000;
}
/* test end */
/****************************
 * 	Guestbook				*
 ***************************/
.tx-veguestbook-pi1  { width: 400px; margin: 0 auto; }
/*
 * Andreas Zimpel:
 * Safari (Win/Mac) hat Probleme bei Darstellung:
 * Vertikale Abstände werden nicht korrekt dargestellt.
 * */
/* begin Safari anpassung	*/
.tx-veguestbook-pi1 fieldset {
	padding-top: 20px;
}
/* end Safari anpassung	*/

fieldset legend {
	color: #8D927D;
	font-weight: bold;
}

.tx-veguestbook-pi1 fieldset dl dt {
	width: 112px;
	float: left;
	margin-right: 7px;
	text-align: right;
	font-weight: bold;	
}

.tx-veguestbook-pi1 fieldset dl dd {
	float: left;
	margin-bottom: 7px;
}
.tx-veguestbook-pi1 fieldset input,
.tx-veguestbook-pi1 fieldset textarea {
	border: 1px solid #CCC;
	padding: 2px;
	width: 256px;	
}
.tx-veguestbook-pi1 dd textarea { height: 92px; }

.tx-veguestbook-pi1 fieldset dl dd input.tx-guestbook-submit {
	width: 262px;
}
#capture {
	clear: left;
	margin-left: 119px;
}

.tx-veguestbook-pi1 dd input:hover { background: #ccc; border: 1px solid #333; }
.tx-veguestbook-pi1 dd input:focus,
.tx-veguestbook-pi1 dd input:active  { border: 1px solid #666; }
.tx-guestbook-date { padding: 0 0 8px 0; }
.tx-guestbook-form-error { text-align: right; }
.tx-guestbook-pagination { margin-top: 7px; }
h2.tx-guestbook-header {
	margin-top: 24px; 
	margin-bottom: 0; 
	border-top: 1px solid #ACB7C1;
	padding-top: 7px;
}
.tx-guestbook-date { padding: 0 0 8px 0; }

/****************************
 * 	Login-Form				*
 ***************************/

#loginForm {
	width: 400px;
}
form fieldset dl dt {
	float: left;
	width: 112px;
	margin-right: 7px;
}
form fieldset dl dd input {
	border: 1px solid #CCC;
	padding: 2px;
	width: 256px;
}
form fieldset dl dd {
	float: left;
	margin-bottom: 7px;
}
#loginSubmit {
	width: 262px;
}





/* WAHL 2009 */

#diekandidaten {
	margin: 0 0 80px 0;

}

#diekandidaten .slideshow{
	float:left;

}

#show1, #show2, #show3 {
	margin: 0 4px 0 0px;


}

.custom-tip {
	z-index: 13000;
	width: 185px;
	color: #000;
}
.tip-title {
	padding-right: 8px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 11px;
	background: #323941;
	padding: 8px;
	margin: 0px;
	color: #fff;
	padding-top: 8px;
	border-bottom: #fff 1px solid;
}
.tip-text {
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	background: #f59d07;
	padding-bottom: 8px;
	padding-top: 4px;
}

#line1, #line2, #line3, #line4 {
	margin: 0 0 4px 0;

}

#kandidatenall_r #line1, #kandidatenall_r #line2, #kandidatenall_r #line3, #kandidatenall_r #line4, #kandidatenall_r #line5, #kandidatenall_r #line6 {
	margin: 0 0 2px 0;

}

#kandidatenall img{
	margin: 0 2px 0 0;
}

#ortsteile_r{
	margin: 0 0 0 0;

}
.kandidaten #ortsteile_r {
	margin: 20px 0 0 0;

}