* {	 
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		color: #000;
   	} 



/* --------------------------------------Body-------------------------------------- */

body
	{
		background-color : #f7f7f7;
		color: #f7f7f7;
		text-align:center;
	}




/* --------------------------------------Wrap-------------------------------------- */

#wrap 	
		{
			margin: 0 auto;
			width: 960px;
			text-align: left;
		}



/* --------------------------------------Header-------------------------------------- */

#header	
		{
			background-image: url(../images/headergv.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			background-color: #2593c1;
			width: 960px;
			height: 120px;
		}
		
		
span.invisible {display: none;}


header h2 {z-index: 2;}

#cdu-logo
		{
			background-image: url(../images/cdulogo.jpg);
			background-position: top left;
			background-repeat: no-repeat;
			width: 162px;
			height: 71px;
			position: relative;
			top: 31px;
			left: 828px;
		}



/* -------------------------------------Navigation------------------------------------- */

#navigation	
		{
			background-color: #e5e5e5;
			background: url(../images/navi-border.jpg) bottom left no-repeat;
			height: 34px;
			width: 958px;
			margin: 8px 0;
			text-align: center;
		}


#navigation ul
	{
		clear: both;
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		margin-bottom: 4px;
	}
	

#navigation ul li
	{
		list-style: none;
		float: left;
		text-decoration: none;
		width: 121px;
	}


#navigation ul li a
	{
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		color: #fff;
		padding: 0;
		display: block;
		border-right: 1px solid #e5e5e5;
		line-height: 30px;
		background-image: url(../images/nav-buttons.jpg);
		background-position: 0 0;
	}


#navigation ul li a:hover
	{
		text-decoration: underline;	
		background-color: #343434;
		background-image: url(../images/nav-buttons.jpg);
		background-position: 0 -30px;
	}


#navigation .active
	{
		color: #fff;
		text-decoration: none;
		background-color: #f09308;		
		background-image: url(../images/nav-buttons.jpg);
		background-position: 0 -60px;
	}


#navigation .active:hover
	{
		color: #fff;
		text-decoration: none;
		background-color: #f09308;		
		background-image: url(../images/nav-buttons.jpg);
		background-position: 0 -60px;
	}





/* --------------------------------------Content-------------------------------------- */

#content
		{
			background: none;
		}


span.strong { font-weight: bold; }


strong { font-weight: bold; }


   	
   	
h2 
	{
		font-size: 16px;
		font-weight: bold;
	  	color: #686868;
	  	margin-bottom: 12px;
	}
	  
	  
h3 
	{
		font-size: 15px;
	  	font-weight: bold;
	  	color: #686868;
	  	margin-bottom: 12px;
	}
	
	  
h4 
	{
		font-size: 14px;
	  	font-weight: bold;
	  	color: #686868;
	  	margin-bottom: 12px;
	}
	  
h5 
	{
		font-size: 13px;
	  	font-weight: bold;
	  	color: #686868;
	  	margin-bottom: 12px;
	}
	  
	  
	  
	  
p
	{
		font-weight:normal;
   		text-decoration:none;
   		font-size:12px;
   		color:#000000;
   		margin-bottom: 12px;
   		line-height: 16px;
   	}
   	


a, a:link, a:active, a:visited	
	{
		text-decoration:none;
  		color:#686868;
  	}

a:hover
	{
		text-decoration:underline;
  		color: #f09308;
  	}



li {font-weight:normal;
   text-decoration:none;
   font-size:11px;
   color:#000000;
   list-style-type:square;}


input {border: 1px solid #000;}




/* --------------------------------------Main-------------------------------------- */


#main-top
		{
			background: url(../images/main.jpg) top center no-repeat;
			float: left;
			height: 7px;
			width: 750px;
			margin: 0;
			padding: 0;
		}
		
		

#main
		{
			float: left;
			width: 708px;
			background-color: #fff;
			padding: 13px 20px 20px 20px;
			border: 1px solid #c5c5c5;
			border-bottom: 0;
			border-top: 0;
		}

*+html #main { width: 750px; }

* html #main { width: 750px; }


#main h1
	{
		font-size: 19px;
  		font-weight: bold;
		color: #f09308;
		margin-bottom: 18px;
		border-bottom: 1px solid #f09308;
   	}	


#main-bottom
	{
		height: 20px;
		background-color: yellow;
	}


#main ul
		{
			margin-left: 16px;
			margin-bottom: 15px;
		}


#main li
		{
			font-family: verdana, arial, sans-serif;
			line-height: 18px;
			font-size: 12px;
			margin-bottom: 8px;
		}






/* ------------------------------------Posting-------------------------------------- */

.post
		{
			margin-bottom: 30px;
			padding-bottom: 18px;
			border-bottom: 4px solid #dce1e5;
		}




/* -------------------------------------Sidebar-------------------------------------- */

#sidebar
		{
			float: right;
			width: 200px;
			background: none;
		}


.sidebar-widget
		{
			background-color: #fff;
			background-image: url(../images/sidebar-bottom.jpg);
			background-position: bottom center;
			background-repeat: no-repeat;
			margin-bottom: 12px;
			padding-bottom: 18px;

		}
		
.sidebar-widget h2
		{
			background-image: url(../images/sidebar-top.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			text-align: left;
			font-size: 16px;
			font-weight: bold;
			color: #000;
			padding: 13px 20px 0px 20px;
		}
		
		
* html .sidebar-widget h2
		{
			height: 13px;
		}

		
.sidebar-widget p
		{
			padding: 0 20px;
		}



#sidebar h3 
	{
		font-size: 15px;
	  	font-weight: bold;
	  	color: #686868;
	  	margin-bottom: 12px;
	}
	  


#sidebar p
	{
		font-weight:normal;
   		text-decoration:none;
   		font-size: 11px;
   		color:#000000;
   		margin-bottom: 6px;
   		line-height: normal;
   	}
   	

#sidebar p a:hover
	{
		text-decoration: none;
   	}
   	
   	

/* --------------------------------------Footer--------------------------------------- */

#footer	
		{
			background-color: #e5e5e5;
			text-align: center;
			width: 710px;
			height: 60px;
			float: left;
			padding: 0 20px;
			background: url(../images/footer.jpg) top center no-repeat;
		}
		
*+html #footer { width: 750px; }

* html #footer { width: 750px; }


#footer p 
		{ 
			line-height: 30px; 
			font-size: 11px;
			margin: 0; 
			padding: 0;
			margin-top: 28px;
			font-weight: normal;
		}


#footer a
		{
			color: #575759;
		}

#footer a:hover
		{
			color: #f09308;
		}






/* ---------------------------------Verband-Auswahl---------------------------------- */

#verband-auswahl
		{
			float: right;
			width: 200px;
			margin-bottom: 15px;
			z-index: 999;
		}

#verband-auswahl h4 a {color: #fff; text-decoration: none; margin: 0; padding: 0 7px;}
#verband-auswahl h4 a:hover {color: #fff; text-decoration: underline; margin: 0; padding: 0 7px;;}
#verband-auswahl li a {color: #000; text-decoration: none; margin: 0; padding: 0 7px;;}
#verband-auswahl li a:hover {color: #000; text-decoration: underline; margin: 0; padding: 0 7px;;}

h4.toggler
		{
			height: 30px;
			color: #fff;
			line-height: 30px;
			font-size: 12px;
			font-weight: bold;
			margin: 0;
		}

h4.toggler a
		{
			color: #fff;
			text-decoration: none;
			display: block;
			background: url(../images/auswahl-verband.gif) no-repeat;
			background-position: 0 0;
			padding-left: 7px;
			margin: 0;
		}
		
h4.toggler a:hover, a:active
		{
			color: #fff;
			text-decoration: underline;
			padding-left: 7px;
			margin: 0;
		}
	

h4.toggler-active a
		{
			background: url(../images/auswahl-verband.gif) no-repeat;
			background-position: 0 -30px;
			text-decoration: none;
			color: #fff;
			padding-left: 7px;
			margin: 0;
		}


ul.toggle-destination
		{
			list-style: none;
			font-weight: normal;
			margin: 0;
			display: none;
			position: absolute;
			z-index: 999;
			width: 200px;
		}


ul.toggle-destination li 
		{
			height: 30px;
			line-height: 30px;
			margin: 0;
			text-decoration: none;
			color: #000;
			list-style: none;
			background: url(../images/auswahl-verband.gif) no-repeat;
			background-position: 0 -60px;
			margin: 0;
			z-index: 999;
		}

ul.toggle-destination li a
		{
			height: 30px;
			line-height: 30px;
			color: #000;
			display: block;
			margin: 0;
			padding-left: 14px;
			z-index: 999;
		}
		
ul.toggle-destination li a:hover
		{
			padding-left: 14px;
			margin: 0;
			z-index: 999;
		}
		
		
/* ------------------------- "Mannschaft" --- Vorstand und Fraktion --------------------------- */

.ui-tabs-hide {
		display: none;
		}
		
#main ul#mannschaft-auswahl {
margin-top: 30px;
}

*+html #main ul#mannschaft-auswahl {
padding-bottom: 60px;
}

* html #main ul#mannschaft-auswahl {
padding-bottom: 60px;
}

#main ul#mannschaft-auswahl li {
float:left;
list-style:none;
width:50px;
margin:0;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#main ul#mannschaft-auswahl li a {
display:block;
width:50px;
height:64px
}

#main ul#mannschaft-auswahl li a img {
opacity:0.5;
filter: alpha(opacity=50);
margin: 0;
padding: 0;
}

#main ul#mannschaft-auswahl li a:hover img,#main ul#mannschaft-auswahl li a:focus img,#main ul#mannschaft-auswahl li a:active img {
opacity:1;
filter: alpha(opacity=100);
margin: 0;
padding: 0;
}

#main ul#mannschaft-auswahl .ui-tabs-selected a img {
    opacity:1;
    filter: alpha(opacity=100);
}


#main .portrait {
margin-top: 30px;
padding: 20px 20px 8px 20px;
background-color: #fffaf4;
border: 1px dotted #dce1e5;
width: 667px;
}

*+html #main .portrait {
width: 707px;
}

* html #main .portrait {
width: 707px;
}


#main .portrait-foto {
width: 118px;
padding: 6px;
background: #fff;
border: 1px solid #c0c0c0;
float: left;
margin-bottom: 12px;
}

#main .portrait-info {
float: right;
width: 490px;
}

#main .portrait a, #main .portrait a:visited {
color: #f09308;
text-decoration: none;
}

#main .portrait a:hover, #main .portrait a:active, #main .portrait a:focus {
color: #f09308;
text-decoration: underline;
padding: 0;
margin: 0;
}




/* --------------------------------Startseite -- News-Auswahl--------------------------------- */

#news-auswahl {
width: 708px;
background: none;
margin-top: 40px;
}

#news-auswahl #na-meldungen {
width: 220px;
margin-right: 24px;
float: left;
background: url(../images/news-auswahl_meldungen.jpg) top center no-repeat;
}

#news-auswahl #na-termine {
width: 220px;
margin-right: 24px;
float: left;
background: url(../images/news-auswahl_termine.jpg) top center no-repeat;
}

#news-auswahl #na-links {
width: 220px;
float: right;
background: url(../images/news-auswahl_links.jpg) top center no-repeat;
}

#news-auswahl h3 {
background: none;
padding: 10px 20px; padding-bottom: 0;
line-height: 40px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-shadow: #666666 2px 1px 1px;
}

#news-auswahl p.na-bottom {
height: 40px;
line-height: 40px;
background: url(../images/news-auswahl_bottom.jpg) bottom center no-repeat;
padding: 0px 20px 8px 20px;
font-size: 11px;
font-weight: bold;
color: #000;
}

#news-auswahl p.na-bottom a {
color: #f09308;
text-decoration: none;
}

#news-auswahl p.na-bottom a:hover {
color: #343434;
text-decoration: underline;
}

#news-auswahl ul {
padding: 10px 10px 10px 20px;
}

#news-auswahl ul li {
margin: 0 10px;
padding: 0;
padding-bottom: 8px;
line-height: normal;
font-size: 11px;
list-style-type: disc;
color: #f09308;
}

* html #news-auswahl ul li {
margin-right: 20px;
}

#news-auswahl ul li a {
color: #000;
text-decoration: none;
}

#news-auswahl ul li a:hover {
color: #f09308;
text-decoration: none;
}

#news-auswahl ul li a strong {
color: #f09308;
text-decoration: none;
}

#news-auswahl ul li a:hover strong {
color: #343434;
text-decoration: underline;
}

#news-auswahl ul li span {
color: #000;
}


/* Reset Links */

a:hover, a:active, a:focus, a:visited {
padding: 0;
margin: 0;
}
