/* 	videu CSS - styles_main.css  */
/* 	created 02-05-2007 by BF     */
/*  modified 11-07-2007 by BF    */

/* 
	INHALT
	
		01 Allgemeine Definitionen (Links, Headlines, usw.)
		02 Positionierung (Header, Menü, Suche, usw.)
		03 Main_Navi (Hauptkategorien, Hover, usw.)
		04 Sub_Navi (Reiter Subnavigation)
		05 Registrierung / Login / Verwaltung / Create-Edit
		06 AGB / Impressum / FAQ
		07 Category & Index (Kategorien / Filter / Startseite)
		08 Breadcrumb
		09 Fotostudio (Listen / Fotostudio eintragen)
		10 Detailseiten
		11 Social Bookmarking
	
*/


/* 01 ALLGEMEINE DEFINITIONEN Anfang */

	#imagedetail {
		background-repeat:no-repeat;
		background-position:0 -10px;
		width:110px;
		height:80px;
		float:left;
		}
		
	#related {
		clear:both;
		height:65px;
		}
		
		#related img {
			float:left;		
			margin:3px 2px;
			width:80px;
			height:60px;
			background-repeat:no-repeat;
			background-position:0 -10px;
			}

	#wartung {
		margin:100px auto;
		padding:110px 20px 0 20px;
		background:url(wartung.gif) no-repeat;
		width:461px;
		height:258px;
		}

	.highlight {color:#135DA9;}

	#highlight_reisen {
		color:#DA0050;
		font-size:16px;
		font-weight:bold;
		}

	#highlight_mobile {
		color:#FF8E00;
		font-size:16px;
		font-weight:bold;
		}

	#highlight_kontakte {
		color:#B11414;
		font-size:16px;
		font-weight:bold;
		}

	#highlight_immobilien {
		color:#3F8C1F;
		font-size:16px;
		font-weight:bold;
		}

	#highlight_jobs {
		color:#008CC4;
		font-size:16px;
		font-weight:bold;
		}
		
	#highlight_werbung {
		color:#ffb400;
		font-size:16px;
		font-weight:bold;
		}		

	form {
		margin:0;
		padding:0;
		}
		
	input#button {
		float:right;
		margin:5px 0 0 0;
		padding:2px 5px 0 5px;
		font-size:12px;
		height:24px;
		color:#135DA9;
		font-weight:bold;
		background:url(../images/but_bg.gif) repeat-x;
		}
		
	a:link, a:active, a:visited {color:#135DA9;}
	a:hover {color:#3686D8;}
		
	.textjustify {text-align:justify;}
	.textright {text-align:right;}
	.textcenter {text-align:center;}
		
	.text11px {font-size:11px;}
	.text16px {font-size:16px;}
	.text20px {font-size:20px;}		
	
	.black {color:#000;}
		
	#error {
		padding:5px;
		margin:5px;
		background-color:#F2F2F2;
		border:2px solid #c00;
		color:#C00;
		text-align:center;
		-moz-border-radius:8px;
		}
		
		#error a.red, .red {color:#C00;}		
		
	#but_back {
		float:right;
		text-decoration:none;
		}
		
	.float_right {float:right;}
	.float_left {float:left;}
		
	.clearboth {clear:both;}
		
	.mtop10 {margin-top:10px;}
	.mb5 {margin-bottom:5px;}
		
	.w50 {width:50px;}
	.w135 {width:135px;}
	.w140 {width:140px;}
	.w145 {width:145px;}
	.w160 {width:160px;}			
	.w200 {width:200px;}
	.w215 {width:215px;}			
	.w230 {width:230px;}			
	.w300 {width:300px;}
	.w420 {width:420px;}		
		
	h1 {
		margin:0;
		padding:0 0 0 25px;
		font-size:20px;
		color:#135DA9;
		background:url(../images/arrow_darkblue.gif) no-repeat left center;
		}	
		
	h2 {
		margin:0;
		padding:0 0 0 25px;
		font-size:16px;
		color:#135DA9;
		}		
					
	h3 {
		margin:0;
		font-size:14px;
		color:#666;
		}				
		
		
/* 01 ALLGEMEINE DEFINITIONEN Ende */


/* 02 POSITIONIERUNG Anfang */

	body, html { /* Standardschrift-Einstellungen und HEAD Hintergrundbild */
		height: 100%;
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666;
		background:url(../images/bg_site_head_darkblue.gif) repeat-x #FFF;
		}
	
	#site_head {
		margin:0 auto;
		width:920px;
		height:83px;
		background:url(../images/bg_site_head_center_darkblue.gif) no-repeat center top;
		}
	
		#logo {
			float:left;
			margin:20px 0 0 2px;
			width:123px;
			height:83px;
			background-image:url(../images/logo_darkblue.gif);				/* Logo-Farbe ändern */
			}
				
		#logo_headline {
			float:left;
			margin:51px 0 0 20px;
			width:318px;
			height:31px;
			background:url(../images/logo_headline_darkblue.gif) no-repeat; 
			}		
		
		#contact {														/* Menü für Kontakt, AGB und Impressum */
			padding:3px 31px 0 0;
			color:#FFF;
			text-align:right;
			}
			
			#contact a:link, #contact a:active, #contact a:hover, #contact a:visited,
			#account a:link, #account a:active, #account a:hover, #account a:visited {
				font-size:11px;
				color:#FFF;
				text-decoration:none;
				}
			
			#upload {
				float:right;
				margin:18px 14px 0 0;
				width:190px;
				height:70px;		
				background:url(../images/upload_darkblue.gif) no-repeat; 
				}			

			#anmelden_2 {
				float:right;
				margin:18px 14px 0 0;
				width:105px;
				height:70px;
				background:url(../images/anmelden.png) no-repeat; 
				}
				
	#site_center {					/* SITE_CONTENT zentrieren */
		margin:0 auto;
		width:920px;
		}	


		#main_navi {
			float:left;
			height:91px;
			width:795px;
			background:url(../images/bg_head.gif) no-repeat bottom center; 
			padding:0 0 0 125px;
			
			}
			
			#search {					/* reguläre Suche im Header */
				float:left;
				margin:32px 0 0 180px;
				width:260px;
				height:32px;
				background:url(../images/bg_search.png) no-repeat;
				}
			
				#search input.searchfield {
					float:left;
					margin:7px 14px 0 12px;
					height:17px;
					width:145px;
					border:0;
					background:url(../images/blank.png);
					}
					
				#search input.searchbutton {
					float:left;
					margin:4px 0 0 0;
					padding:1px 0 3px 14px;
					height:24px;
					width:84px;
					background:url(../images/but_search.png) no-repeat;
					border:0;
					font-size:12px;
					color:#FFF;
					}	

	
		#sub_navi {
			clear:both;
			padding:0 0 0 17px ;
			height:40px;
			width:897px;
			background:url(../images/bg_sub_menu.png) no-repeat bottom left;			
			}

		#site_content {
			float:left;
			width:920px;
			margin:0 0 10px 0;
			}
			
			#content {
			float:left;
			width:715px;
			}
			
				#content_content {
					float:left;
					width:670px;
					padding:10px 15px 10px 30px;
					background:url(../images/bg_content.png) repeat-y;
					}
			
				#content_footer {
					float:left;
					padding:12px 0 0 0;
					width:715px;
					height:12px;
					background:url(../images/bg_content_footer.png) no-repeat;
					font-size:11px;
					text-align:center;
					}
			
			#right {
			float:left;
			margin:0 0 0 5px;
			width:180px;
			}
							
				#info_header {
					float:left;
					margin:10px 0 0 0;
					padding:9px 0 0 13px;
					height:21px;
					width:167px;
					background:url(../images/bg_info_header.png) ;
					color:#000;
					font-weight:bold;				
					}
				
				#info_content, #login_content {
					float:left;
					padding:5px 15px 4px 15px;
					width:150px;
					background:url(../images/bg_right_content.png);
					}				

							
					input#button_login {
						margin:3px 0 0 0;
						padding:1px 0 3px 0;
						height:24px;
						width:145px;
						background:url(../images/but_login.png) no-repeat;
						border:0;
						font-size:12px;
						font-weight:bold;
						color:#FFF;
						}	
					
				#anmelden_4 {
					float:left;
					width:180px;
					height:241px;
					background:url(../images/banner_tipp_video.gif) no-repeat;
					}
				
				#right_footer {					/* Footer für Kästen rechts */
					clear:both;
					margin:0 0 5px 0;
					width:180px;
					height:10px;
					background:url(../images/bg_right_footer.png) no-repeat 0 0;
					font-size:1px;
					}	

			#anmelden {
				float:left;
				width:180px;
				height:255px;
				background:url(../images/videU_darkblue.gif) no-repeat;
				}

/* 02 POSITIONIERUNG Ende */			


/* 03 MAIN_NAVI Anfang */

	#main_navi ul {
		padding:0;
		margin:0;
		list-style-type:none;
		}

		#main_navi li {
			float:left;
			}

		#main_navi li a:link, #main_navi li a:visited, #main_navi li a:active {
			float:left;
			padding-top:60px; 
			width:90px;
			height:21px;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;			
			color:#FFF;
			background-repeat:no-repeat;
			}
		#main_navi li a:hover {			
			color:#FFF;		
			}
			
			#jobs a:link, #jobs a:visited, #jobs a:active {							/* Button-Status bei ausgewählter Kategorie ändern */
				background-image:url(../images/but_jobs.gif);		
				background-position:center 0;
				}
			#jobs a:hover {
				background-position:center -81px;
				}
				
			#people a:link, #people a:visited, #people a:active {
				background-image:url(../images/but_people.gif);
				background-position:center 0;
				}
			#people a:hover {
				background-position:center -81px;
				}			
				
			#city a:link, #city a:visited, #city a:active {
				background-image:url(../images/but_city.gif);
				background-position:center 0;
				}
			#city a:hover {
				background-position:center -81px;
				}									

			#cars a:link, #cars a:visited, #cars a:active {
				background-image:url(../images/but_cars.gif);
				background-position:center 0;
				}
			#cars a:hover {
				background-position:center -81px;
				}			
				
			#holiday a:link, #holiday a:visited, #holiday a:active {
				background-image:url(../images/but_holiday.gif);
				background-position:center 0;
				}
			#holiday a:hover {
				background-position:center -81px;
				}										

			#adverts a:link, #adverts a:visited, #adverts a:active {
				background-image:url(../images/but_adverts.gif);
				background-position:center 0;
				}
			#adverts a:hover {
				background-position:center -81px;
				}				

/* 03 MAIN_NAVI Ende */


/* 04 SUB_NAVI Anfang */

	#sub_navi ul {
		padding:0;
		margin:0;
		list-style-type:none;
		}

		#sub_navi li {
			float:left;
			}

		#sub_navi li a:link, #sub_navi li a:visited, #sub_navi li a:hover {							/* Tabs active + Fontinfos */
			float:left;
			padding:14px 1px 1px 11px;
			height:20px;
			color:#135DA9;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			text-decoration:none;			
			background:url(../images/tabs.png) repeat-x;
			}

			#sub_navi .end {			/* LAST TAB ENDE active */
				float:left;
				width:10px;
				height:38px;	
				background:url(../images/tabs_end.png) top right;
				}

			#sub_navi li.inactive a:link, #sub_navi li.inactive a:visited {			/* Tabs inactive */
				padding:14px 10px 0 10px;
				background:none;
				color:#999;
				}
			
			#sub_navi li.inactive a:hover {
				color:#404040;			
				}			

		#sub_navi li.first_tab a:link, 
		#sub_navi li.first_tab a:visited, 
		#sub_navi li.first_tab a:hover {										/* FIRST TAB active */
			padding:12px 3px 6px 17px;
			border:none;
			background:url(../images/tabs_first.png);		
			color:#135DA9;
			}

			#sub_navi .first_end {			/* FIRST TAB ENDE active */
				float:left;
				width:10px;
				height:38px;	
				background:url(../images/tabs_first_end.png) top right;
				}
						
						
		#sub_navi li.inactive_first_tab a:link, 								/* FIRST TAB inactive */
		#sub_navi li.inactive_first_tab a:visited {
			padding:14px 5px 6px 17px;
			border:none;
			background:none;
			color:#999;
			}

			#sub_navi li.inactive_first_tab a:hover {
				color:#404040;			
				}			
			
			#sub_navi .inactive_first_end {			/* FIRST TAB ENDE inactive  */
				float:left;
				width:5px;
				height:40px;	
				background:none;
				}


/* 04 SUB_NAVI Anfang */


/* 05 REG_LOGIN_VERWALTUNG_CREATE_EDIT Anfang */

	#reg_container {					/* register.htm */
		float:left;
		margin:0 auto;
		width:400px;
		}
		
	#profile_container {					/* Für Daten- & Newsletter-Verwaltung */
		margin:0 auto;
		width:340px;
		}
		
	#create_edit_container {					/* Für Inseratserstellung */
		margin:0 auto;
		width:480px;
		}		
		
		#reg_container label, #profile_container label, #create_edit_container label {
			float:left;
			padding:4px 0 0 0;
			width:140px;
			}
			
		#reg_container label.radio_label, #profile_container label.radio_label, #create_edit_container label.radio_label {
			float:left;
			padding:4px 0 0 0;
			width:80px;
			}			

		#reg_container input, #profile_container input, #create_edit_container input {
			margin-bottom:5px;
			}
			
		#reg_container select, #profile_container select #create_edit_container select {
			margin-bottom:5px;
			}
			
		#reg_container input.radio, #reg_container input.check, #profile_container input.radio, #profile_container input.check, #create_edit_container input.radio, #create_edit_container input.check {
			float:left;
			margin:4px 5px 0 0;
			width:15px;
			height:15px;
			}
			
		#reg_container .agb_label {
			float:left;
			width:205px;
			text-align:justify;
			}
			
		#reg_container input#button, #profile_container input#button {
			width:auto;
			}

	#reg_info {
		float:right;
		width:205px;
		text-align:justify;
		}
			
	#welcome_info {
		float:left;
		margin-right:10px;
		width:420px;
		}
		
	#welcome_info2 {
		float:left;
		width:230px;
		}
		
	#user_items_list {
		float:left;
		margin:5px 0;
		width:100%;
		height:100px;
		}
		
		#user_items_list .info {
			float:left;
			margin-left:10px;
			padding:5px 5px 5px 0;
			width:400px;
			border-bottom:1px solid #000;
			
			}


/* 05 REG_LOGIN_VERWALTUNG_CREATE_EDIT Ende */

/* 06 AGB_IMPRESSUM_FAQ Anfang */

	#agb ol, #agb ul, #faq ol, #faq ul{
		margin:0;
		padding:0;
		}
		
	#agb ul, #faq ul	{
		list-style-type:none;
		}
		
	#agb li, #faq li {
		list-style-type:;
		margin:10px 50px;
		text-align:justify;
		}
		
	#imprint {
		margin:0 auto;
		width:400px;
		text-align:justify;
		}

		#imprint_info {
			margin:0 auto;
			width:660px;
			height:172px;
			background:url(../images/impressum_info.png) no-repeat;
			}

/* 06 AGB_IMPRESSUM_FAQ Ende */


/* 07 CATEGORY & INDEX Anfang */


	#index_info {
		float:left;
		width:440px;
		height:194px;
		padding:34px 0 0 10px;
		font-weight:bold;
		font-size:14px;
		line-height:18px;
		color:#FFF;
		background:url(../images/startseite/bg_info.png) no-repeat;
		}
	
	#index_anmelden {
		float:left;
		width:220px;
		height:194px;
		padding:25px 0 0 0;
		background:url(../images/startseite/bg_info_02.png) 0 127px no-repeat;
		text-align:center;
		}

	#index_left {				/* Neueste Videos */
		float:left;
		margin:10px 0 0 0;
		width:270px;
		background:url(../images/startseite/bg_grey_header_270.png) no-repeat #F1F1F2;
		}
		
		#index_left h2 {
			padding:5px 10px 15px 10px;
			color:#FFF;
			}
		
		#index_item {
			width:230px;
			height:90px;
			margin-right:5px;
			padding:0 10px;
			font-size:11px;
			}
			
		#index_left_bottom {
			width:270px;
			height:35px;
			background:url(../images/startseite/bg_index_left_bottom.png) bottom no-repeat;
			}

	#index_right {
		float:right;
		width:380px;
		}
		
		#index_right h2 {
			float:left;
			height:26px;
			width:380px;
			color:#FFF;
			}
			
			#index_right h2.tipp {			/* Header für Video-Tipp */
				padding:15px 0 0 10px;
				background:url(../images/startseite/bg_grey_header_tipp.png) no-repeat;
				}
			#index_right h2.more {			/* Header für Weitere Videos */
				padding:5px 0 10px 10px;
				background:url(../images/startseite/bg_grey_header_380.png) no-repeat;
				}		
				
			#more_vids {
				float:left;
				width:380px;
				background:url(../images/startseite/bg_index_right_bottom.png) bottom left no-repeat #F1F1F2; 
				}	
			
		#index_bottom {
			float:left;
			padding:10px;
			width:650px;
			height:70px;
			line-height:22px;
			}
			
			#index_bottom label {
				float:left;
				width:100px;
				}
				
			#index_bottom a {
				text-decoration:none;
				}

	#index_category_item {
		float:left;
		margin:5px 4px;
		font-size:11px;
		text-align:left;
		padding:5px;
		width:295px;
		background:url(../images/index_category_bg.gif) no-repeat;
		background-color:#F1F1F2;
		}

	#category_list_item {
		float:left;
		font-size:11px;
		text-align:left;
		padding:5px;
		width:295px;
		height:110px;		
		}
		
		#category_list_item img, #index_item img, #index_category_item img {
			float:left;
			margin:0 10px 0 0;
			}
		
		
		
	#search_filter {
		float:left;
		width:658px;
		padding:5px;
		background-color:#EFEFEF;
		border-top:1px solid #E1E1E1;
		border-left:1px solid #E1E1E1;
		border-bottom:1px solid #999;
		border-right:1px solid #999;
		}


			#search_filter label.location {
				float:left;
				padding:4px 0 0 0;
				width:72px;
				}

			#search_filter label.main {
				float:left;
				padding:4px 0 0 0;
				width:90px;
				}		

			#search_filter label.between {		/* wenn Schriftzeichen zwischen zwei Inputs stehen sollen */
				float:left;
				padding:4px 5px 0 5px;
				width:auto;
				}				
			
			
			#search_filter .checklist {
				float:left;
				}
		
				#search_filter .checklist label {
					float:left;
					width:85px;
					}
					
			#search_filter input.check {
				margin:4px 2px 0 0;
				width:14px;
				height:14px;					
				}
			
			#search_filter input.check, #search_filter input, #search_filter select {
				float:left;
				}
			#search_filter input,  #search_filter select {
				margin:0 0 5px 0;
				}
			
			#search_filter label {
				float:left;
				padding:3px 0 0 0;
				width:100px;
				}
				
			#search_filter_line {
				float:left;
				margin:0 10px;
				width:1px;
				height:110px;
				background:url(../images/search_filter_line.gif) repeat-y;
				}
					
			#search_filter input#button {
				float:right;
				margin:30px 0 0 0;
				padding:0 0 0 15px;
				width:92px;
				height:33px;
				border:0;
				background:url(../images/but_search_filter.png) no-repeat;
				text-algin:center;
				color:#FFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				}
				
			#search_filter input#button_user {
				float:right;
				margin:0;
				width:126px;
				padding:0;
				height:26px;
				border:0;
				background:url(../images/but_user_items.gif) no-repeat;
				text-algin:center;
				color:#FFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				}				


/* 07 CATEGORY Ende */

/* 08 BREADCRUMB Anfang */

	#breadcrumb {
		float:left;
		width:560px;
		}

/* 08 BREADCRUMB Ende */

/* 09 FOTOSTUDIO Anfang */

	#fotostudio_link {
		float:left;
		margin:5px;
		padding:5px;
		width:310px;
		height:80px;
		border-top:1px solid #999;
		}
		
		#fotostudio_link label{
			float:left;
			width:50px;
			}
		
/* 09 FOTOSTUDIO Ende */


/* 10 DETAIL Anfang */

	#detail_main {
		float:left;
		width:670px;
		background:url(../images/detail/line.gif) 379px 341px repeat-y;
		}

	#detail_left {
		float:left;
		width:380px;
		}
		
		#detail_video {
			float:left;
			width:380px;
			height:321px;
			background:url(../images/detail/video_infos.png) 0 283px no-repeat #FFF;
			}
			
		#detail_description {
			float:left;
			padding:0 6px 0 6px;
			width:368px;
			}	
		
	#detail_right {
		float:left;
		margin:0 0 0 10px;
		width:270px;
		}
		
		#detail_info_t {													/* Info-Kasten mit Inhalt */
			padding:9px 9px 2px 9px;
			width:252px;
			background:url(../images/detail/info_top.png) no-repeat;
			}
			
			#detail_info_t dl {
				margin:0;
				
				}
			
			#detail_info_t dt {
				position:absolute;
				
				}
				
			#detail_info_t dd {
				margin:0;
				position:relative;
				left:105px;
				width: 150px;
				}
			
			#detail_info_t #line {											/* Trennlinie */
				margin:2px;
				width:250px;
				height:2px;
				background:url(../images/detail/info_line.png) center no-repeat; 
				font-size:2px;	/* Höhe im IE reduzieren... */
				}
			
		#detail_info_b {													/* Untere Rundung für Info-Kasten */
			margin:0 0 15px 0;
			width:270px;
			height:5px;
			background:url(../images/detail/info_bottom.png) no-repeat;
			}

		#detail_embed {
			margin:0 9px 15px 9px;
			}
	
			#detail_embed label {
				float:left;
				padding:4px 0 0 0;
				width:51px;
				}
				
			#detail_embed input {
				margin:2px 0 0 0;
				height:12px;
				font-size:11px;
				}


		#detail_contact label {
			float:left;
			padding:4px 0 0 0;
			width:140px;
			}
				
		#detail_contact input, #detail_contact textarea {
			width:250px;
			}
				
			#detail_contact input.button {
				float:right;
				margin:5px 0 0 0;
				width:116px;
				height:26px;
				border:0;
				background:url(../images/detail/but.png) no-repeat;
				color:#FFF;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				}


/* 10 DETAIL Ende */

/* 11 SOCIAL BOOKMARKING STYLES Anfang */		
		
	#bookmark {
	float:left;
	margin:0 8px;
	width:160px;
	font-size:11px;
	color:#555;
	text-decoration:none;
	}
	
	#videuText {color:#555}
		
/* 11 SOCIAL BOOKMARKING STYLES Ende */