@charset "utf-8";
/* CSS Document */

*			{
			padding: 0;
			margin:	0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #68676b;
			font-size: 11px;
			}
html {
 overflow-y: scroll !important;
}
a			{
			text-decoration: none;
			outline: none;
			}
a:hover{
			color: #9cd400;
			}

img			{
			border: 0;
			}

hr			{
			height: 1px;
			color: #68676b;
			border: 1px dotted #68676b;
			margin: 12px 0;
			}

body		{
			background: url(../../images/body_bg.jpg);
			overflow-y:visible;
			}

.clear		{
			clear: both;
			}

.head		{
			height: 128px;
			background: url(../../images/headleiste_bg.jpg) bottom repeat-x;
			margin-top: 8px;
			}

.head-workarea{
			position: relative;
			width: 943px;
			height: 128px;
			margin: 0 auto;
			}

.register	{
			height: 19px;
			padding-left: 21px;
			}
.register .tx-timtabsociable-pi1 strong{display:none;}
.register .tx-timtabsociable-pi1{
	position:absolute;
	top:-3px;	
}
.register .tx-timtabsociable-pi1 a{margin-right:2px;}
.head-visual{
			height: 76px;
			}

.head-logo	{
			
			height: 76px;
			}
			

#verein .head-visual{
			background-image: url(../../images/header.png);
			background-position:4px 0;
			background-repeat:no-repeat;
			
			}

#verein .register a.current{
			background: url(../../images/register_verein_active.jpg);
			}

#verein .register a	{
			background: url(../../images/register_verein_inactive.jpg);
			}

#verein .websearch-input{
			background: url(../../images/head_verein_searchinput.jpg);
			}

#verein .websearch-button{
			background:url(../../images/head_verein_searchbutton.jpg) no-repeat;
			}

#verein .head-logo{
			float: left;
			height: 76px;
			background: url(../../images/header.png) no-repeat;
			}

#verein .head-claim{
			background: url(../../images/head_verein_claim.jpg) no-repeat;
			}

#verein .mainmenu a:hover, #verein .mainmenu a.current{
			color: #006ae1;
			}

#verein .colorline{
			background: #006ae1;
			}

#verein a.subpoint:hover{
			color: #006ae1;
			}

#verein .sub-active{
			color: #006ae1;
			}

.head-logo a{
			display: block;
			width: 154px;
			height: 76px;
			}

.head-claim	{
			width: 500px;
			height: 76px;
			float:left;
			}

.websearch-container{
			float:right;
			padding: 8px 20px;
			margin-top:38px;
			}

.websearch-input{
			float: left;
			width: 96px;
			height: 18px;
			}

.websearch-input input{
			width: 85px;
			padding: 2px 0 0 5px;
			border: 0 transparent;
			background: none;
			color: #003366;
			font-weight: bold;
			font-size: 9px;
			}

.websearch-button{
			float: left;
			width: 23px;
			height: 18px;
			margin-left: 1px;
			}

.menu-left	{
			width: 4px;
			height: 29px;
			float: left;
			background: url(../../images/head_verein_menuleft.jpg);
			}

.menu-right	{
			width: 4px;
			height: 29px;
			float: left;
			background: url(../../images/head_verein_menuright.jpg);
			}

.menu-container{
			height: 29px;
			width: 935px;
			float: left;
			background: #003366;
			border-bottom: 4px solid #e3e3e3;
			}

.mainmenu	{
			float: right;
			}

.mainmenu a	{
			display: block;
			color: #fff;
			float: left;
			text-transform: uppercase;
			font-size: 11px;
			padding: 9px 13px;
			background: url(../../images/head_verein_menuspacer.jpg) left center no-repeat;
			}

.mainmenu a:hover{
			background: #FFF;
			color: #006ae1;
			}

.mainmenu a.current{
			background: #FFF;
			color: #006ae1;
			font-weight: bold;
			}

.contentarea{
			width: 925px;
			padding: 0 9px 10px 9px;
			margin: 0 auto;
			background: url(../../images/content_bg.jpg) repeat-y;
			/*font-size:10px;*/
			}

.footerarea{
			width: 935px;
			margin: 0 auto;
			}

.leftframe	{
			width: 229px;
			float: left;
			}

.box1		{
			height: 308px;
			padding: 5px 3px 0 3px;
			margin-bottom: 4px;
			background: url(../../images/box_hp_topleft.jpg);
			position: relative;
			}

.sponsorbox	{
			height: 313px;
			padding: 0 3px;
			margin-bottom: 4px;
			background: url(../../images/box_hp_topleft.jpg);
			position: relative;
			}

.boxcorner1	{
			width: 12px;
			height: 8px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 3;
			}

.boxcorner2	{
			width: 12px;
			height: 8px;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 3;
			}

.boxcorner3	{
			width: 12px;
			height: 8px;
			position: absolute;
			bottom: 0;
			right: 0;
			z-index: 3;
			}

.boxcorner4	{
			width: 12px;
			height: 8px;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 3;
			}

.box-content{
			padding: 10px;
			}

.box-content h2{
			color: #003366;
			font-size: 22px;
			font-weight: bold;
			margin-bottom: 10px;
			}

.box-content p{
			margin-bottom: 10px;
			display: block;
			line-height: 19px;
			/*font-size: 10px;*/
			}
.box-content p b, .box-content p i {
			line-height: 19px;
			/*font-size: 10px;*/
			}
.box-empty	{
			height: 308px;
			padding: 5px 3px 0 3px;
			margin-bottom: 4px;
			background: 0 3px url(../../images/box_hp_empty.jpg);
			position: relative;
			}

.contentframe{
			float: left;
			width: 461px;
			margin: 0 3px;
			}

.rightframe	{
			width: 229px;
			float: left;
			}

.bigbox		{
			height: 308px;
			padding: 5px 3px 0 3px;
			margin-bottom: 4px;
			background: url(../../images/box_hp_center.jpg);
			position: relative;
			}

.contentbox	{
			height: 632px;
			margin-bottom: 4px;
			background: url(../../images/box_content_bg.jpg)no-repeat;
			position: relative;
			}

.newspic	{
			width: 227px;
			height: 305px;
			float: left;
			}

.newstopic	{
			width: 228px;
			float: left;
			font-size: 10px;
			}

a.newsdiv div{
			padding: 10px 6px 11px 6px;
			border-bottom: 2px dotted #e5e5e5;
			cursor: pointer;
			}

a.newsdiv h3{
			font-size: 14px;
			color: #cbcbcb;
			}

a.newsdiv p	{
			color: #cbcbcb;
			
			}

a.newsdiv:hover div{
			background: #e5e5e5;
			}

a.newsdiv:hover h3{
			font-size: 14px;
			color: #003366;
			}

a.newsdiv:hover p{
			color: #003366;
			}

.sponsor-left{
			width: 49%;
			height: 52px;
			display: table;
			#position: relative;
			overflow: hidden;
			float: left;
			background: #FFF;
			}

.sponsor-right{
			width: 49%;
			height: 52px;
			display: table;
			#position: relative;
			overflow: hidden;
			float: right;
			background: #FFF;
			}

.sponsor-big{
			width: 100%;
			height: 42px;
			display: table;
			#position: relative;
			overflow: hidden;
			float: left;
			background: #FFF;
			}

.clearline	{
			clear: both;
			margin: 2px 0;
			height: 1px;
			font-size: 1%;
			border-bottom: 1px dotted #e5e5e5;
			}

.clearline2	{
			clear: both;
			margin: 8px 0;
			height: 1px;
			font-size: 1%;
			border-bottom: 1px dotted #68676b;
			}

.inlay1		{
			#position: absolute;
			#top: 50%;
			#left: 50%;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			}

.inlay2		{
			#position: relative;
			#top: -50%;
			#left: -50%;
			}

.colorline	{
			height: 4px;
			background: #006ae1;
			font-size: 1%;
			border-bottom: 1px solid #e0e0e0;
			}

.end		{
			background: url(../../images/footer_bg.jpg);
			height: 6px;
			font-size: 1%;
			}

.boxfooter	{
			position: absolute;
			z-index: 3;
			bottom: 0;
			left: 0;
			width: 461px;
			height: 11px;
			background: url(../../images/box_content_footer.jpg);
			}

.pagelocator{
			height: 38px;
			background: url(../../images/box_content_pagelocator.jpg);
			padding: 16px 0 0 14px;
			}

.pagelocator div{
			font-weight: bold;
			color: #054277;
			margin-bottom: 2px;
			}

.article-img{
			height: 184px;
			text-align: center;
			margin: 0 3px;
			}

.submenu	{
			background: url(../../images/submenu_bg.jpg) repeat-y;
			}

a.subpoint	{
			display: block;
			padding: 12px 25px 10px 5px;
			text-align: right;
			color: #003366;
			/*font-size: 11px;*/
			background: url(../../images/submenu_trenner.jpg) top no-repeat;
			}

a.subpoint:hover{
			color: #006ae1;
			}

.sub-active{
			background: url(../../images/submenu_trenner.jpg) top no-repeat;
			padding: 12px 25px 7px 5px;
			text-align: right;
			color: #006ae1;
			text-align: right;
			font-weight: bold;
			/*font-size: 11px;*/
			}

a.subsubpoint{
			display: block;
			padding: 0 46px 7px 5px;
			text-align: right;
			color: #003366;
			/*font-size: 10px;*/
			background: url(../../images/sublistpoint.jpg) 200px 6px no-repeat;
			}

a.subsubpoint:hover{
			text-decoration: underline;
			}

a.subsub-active{
			text-decoration: underline;
			display: block;
			padding: 0 46px 7px 5px;
			text-align: right;
			color: #003366;
			/*font-size: 10px;*/
			background: url(../../images/sublistpoint.jpg) 200px 6px no-repeat;
			}

.submenu-top{
			height: 12px;
			background: url(../../images/submenu_top.jpg);
			}

.submenu-bottom{
			height: 12px;
			background: url(../../images/submenu_bottom.jpg);
			}
/* NEUE KLASSEN 2009-01-08 */

.lang-select{
			position: absolute;
			z-index: 3;
			top: -1px;
			right: 12px;
			width: 48px;
			height: 16px;
			}

.lang-select-de{
			float: left;
			width: 25px;
			}

.lang-select-en{
			float: left;
			width: 23px;
			}

.loginbox	{
			height: 40px;
			padding: 10px 0 0 14px;
			color: #054277;
			background: url(../../images/box_login_bg.jpg);
			line-height: 13px;
			display:none;
			}

.ansprechbox{
			background: url(../../images/box_ansprech_bg.jpg) repeat-y;
			}

.ansprechbox-top{
			height: 8px;
			background: url(../../images/box_ansprech_top.jpg) no-repeat;
			}

.ansprechbox-bottom{
			height: 10px;
			background: url(../../images/box_ansprech_bottom.jpg) bottom no-repeat;
			}

.ansprechbox-content{
			padding: 6px 14px 6px 14px;
			}

.ansprechbox-headline{
			font-size: 11px;
			color: #054277;
			font-weight: bold;
			padding-bottom: 3px;
			}

.ansprechcard{
			padding-top: 8px;
			border-top: 1px dotted #e5e5e5;
			}

.ansprechcard-pic{
			width: 78px;
			float: left;
			}

.ansprechcard-pic img{
			width: 70px;
			border: 1px solid #d5d5d5;
			}

.ansprechcard-text{
			width: 120px;
			float: left;
			line-height: 14px;
			}

.ansprechcard-text span{
			font-weight: bold;
			font-size: 11px;
			}


/* MEDIATEQUE 2009-03-09 */

.contentframe-mediateque{
			float: left; 
			width: 690px;  
			margin: 0 3px;
			}			
.contentbox-mediateque{
			height: 632px;  
			margin-bottom: 4px;  
			background: url(../../images/box_content_bg_media.jpg);
			position: relative;
			}

.boxfooter-mediateque{
			position: absolute; 
			z-index: 3; 
			bottom: 0; 
			left: 0; 
			width: 690px; 
			height: 11px; 
			background: url(../../images/box_content_footer_media.jpg);
			}
			
.pagelocator-mediateque{
			height: 38px; 
			background: url(../../images/box_content_page_media.jpg); 
			padding: 16px 0 0 14px;
			}
			
.box-content-mediateque{
			padding: 10px;
			text-align: center;
			}
			
.box-content-mediateque select{
			width: 220px; 
			border: 1px solid #054277; 
			color: #003f75; 
			font-weight: bold;
			}
			
.box-content-mediateque .button{			
			background: #003f75; 
			color: #fff; 
			height: 20px; 
			margin-left: 5px; 
			text-transform: uppercase; 
			font-weight: bold; 
			color: #fff;
			}
			
.media-registerarea{
			width: 276px; 
			margin: 15px auto 0 auto; 
			height: 19px;
			}
			
.media-register1{
			width: 138px; 
			height: 16px; 
			background: url(../../images/media_reg_on.jpg) no-repeat; 
			float: left; 
			text-align: center; 
			padding-top: 3px;
			color: #fff; 
			font-weight: bold;
			}

.media-register1 a, .media-register1 a:hover{
			color: #fff; 
			font-weight: bold;
			} 

			
.media-register2{
			width: 138px; 
			height: 15px; 
			background: url(../../images/media_reg_off.jpg) no-repeat; 
			float: left; 
			text-align: center; 
			padding-top: 4px;
			cursor:pointer;
			color: #000; 
			font-weight: bold;
			}
			
.media-register2 a, .media-register2 a:hover{
			color: #b9b8ba; 
			font-weight: bold;
			} 
.media-register2:hover{
			text-decoration:underline;
			} 
			
.media-areacontent{
			background: url(../../images/media_reg_area.jpg) top no-repeat; 
			width: 544px; 
			margin: 0 auto 15px auto; 
			padding: 5px 6px;
			position: relative;
			}
			
.media-areacontent2{
			background: url(../../images/media_reg_area.jpg) top no-repeat; 
			width: 556px; 
			margin: 0 auto 15px auto; 
			position: relative;
			}
			
.media-videoelement{
			width: 165px; 
			height: 44px; 
			background: url(../../images/mediateque_box.gif); 
			padding: 8px; 
			float: left;
			margin-top: 1px;
			}
			
.media-picelement{
			width: 44px; 
			height: 44px; 
			background: url(../../images/mediateque_box_pic.gif); 
			padding: 8px; 
			float: left;
			margin-top: 1px;
			}
			
.media-videoelement img, .media-picelement img{
			width: 43px; 
			height: 43px; 
			border: 1px solid #d1d1d1; 
			float: left;
			}
			
.media-videoelement div{
			float: left; 
			height: 43px; 
			text-align: left; 
			padding-left: 3px;
			width: 115px;
			float: left;
			}
			
.media-videoelement a{
			color: #054277; 
			font-weight: bold;
			}
			
.media-videoelement span{
			font-weight: normal;
			}
			
.media-navigation{
			padding: 5px; 
			color: #fff; 
			font-weight: bold;
			}
			
.media-navigation a{
			color: #fff;
			text-decoration: none;
			padding: 0 5px;
			}
			
.media-navigation a.select{
			color: #fff;
			padding: 0 5px;
			}
.media-navigation a:hover{
	text-decoration:underline;
}
.media-videoplayer{
			background: url(../../images/media_player_bg.jpg) -5px 6px no-repeat; 
			height: 310px; 
			padding-top: 13px;
			}
			
.videoheadline{
			float: left; 
			padding: 11px 8px 4px 8px;
			}
			
.videofunctions{
			float: right; 
			padding: 11px 8px 4px 8px;
			}
			
.video-pfeil_links{
			width: 20px; 
			height: 20px; 
			background: url(../../images/media_pfeil_links.jpg) no-repeat; 
			position: absolute; 
			z-index: 2; 
			top: 50px; 
			left: -25px;
			}

.video-pfeil_rechts{	
			width: 20px; 
			height: 20px; 
			background: url(../../images/media_pfeil_rechts.jpg) no-repeat; 
			position: absolute; 
			z-index: 2; 
			top: 50px; 
			right: -25px;	
			}	


.foto-block,.video-block	{display:none;}			
#foto-elemente,#kats-fotos	{display:none;}			
	

