/* 
Theme Name: media:meets GmbH
Theme URL: http://www.mediameets.de/
Description: Unsere Agenturseite
Author: ms
Author URI: http://www.mediameets.de/
Version: 1.0
*/

/* reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

/* standards */

.ar   { text-align: right; }
.al   { text-align: left; }
.ac   { text-align: center; }
.aj   { text-align: justify; }
.clb   { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; }
.dn   { display: none; }
.db { display: block; }
.fl  { float: left; }
.fr  { float: right; }
.ml10 { margin-left: 10px; }
.ml5 { margin-left: 5px; }
.s10   { font-size: 10px; }
.s11   { font-size: 11px; }
.s12   { font-size: 12px; }
.s14   { font-size: 14px; }
.s16   { font-size: 16px; }
.vm   { vertical-align: middle; }
.vb   { vertical-align: bottom; }
.vt   { vertical-align: top; }

img.alignleft, img.ngg-left  { float: left; margin: 10px 20px 10px 0px; }
img.alignright, img.ngg-right { float: right; margin: 10px 0px 10px 20px; }
img.ngg-center { margin-left: auto !important; margin-right: auto !important; display:block; }

/* layout */

html, body { background: #000; color: #FFF; font-family: Arial, Verdana; font-size: 12px; }

a:link, a:active, a:visited   {	color: #333; text-decoration: underline; }
a:hover   {	color: #000; text-decoration: none; }

i, em { font-style: italic; }
b, strong { font-weight: bold; }
input, textarea { font-size: 12px; font-family: Arial, Verdana; }

.Center { margin: 0 auto; text-align: left; width: 960px; position: relative; }

/* general header */
#Header { background: #000; border-bottom: 1px solid #ACDA55; height: 52px; }

	#Logo { float: left; margin: 10px 0px 10px 20px; width: 174px; }
	
	#Contact { float: right; margin: 5px 20px 0px 0px; text-align: right; font-size: 11px; }
	
/* general body */
#Body { background: #F2F2F2 url(images/layout/bg-for-bgimage.gif) repeat-x; border-bottom: 1px solid #C6C6C6; color: #333; }
	#Background { background: url(images/layout/bg-image.jpg) no-repeat top center; }
		#Menu { padding: 5px 0px 0px 20px; font-size: 14px; list-style: none; }
		#Menu li { float: left; margin-right: 20px; height: 21px; }
		#Menu li.current_page_item, #Menu li.current_page_ancestor { font-weight: bold; }
		#Menu a { text-decoration: none; }
		

/* general footer */
#Footer { background: url(images/layout/footer-bg.jpg) repeat-x; padding-bottom: 40px; }
#Footer a { color: #D2E3B0; }
	
	#StayTuned { margin: 15px 0px 0px 20px; padding-left: 80px; float: left; width: 400px; background: url(images/layout/footer-arrows-right.png) left 8px no-repeat; font-size: 14px; color: #666666; font-weight: bold; }
			#StayTunedButtons { height: 80px; margin-top: 10px; list-style: none; font-size: 12px; font-weight: normal; }
			#StayTunedButtons li { float: left; margin-right: 20px; }
			#StayTunedButtons a { color: #FFF; text-decoration: none; }
			
	#FooterShowcase  { margin-top: 30px; padding-left: 80px; float: left; width: 330px; font-size: 14px; font-weight: bold; color: #666666; background: url(images/layout/footer-arrows-right.png) left 8px no-repeat;  }
		#ShowcaseText { margin-top: 10px; font-weight: normal; font-size: 12px; color: #FFF; }
		
	#FooterContact { margin-top: 15px; color: #666666; float: right; width: 300px; line-height: 150%; }
		#FooterContact a { color: #666; }
			#FooterAdress { list-style: none; font-size: 11px; }
			#FooterAdress li { width: 150px; float: left; }		
			
			#FooterLinks { text-align: right; list-style: none; margin-top: 10px; font-size: 11px; }
			#FooterLinks li { display: inline; margin-left: 15px; }
		
	
		
/* sub boxes */
.SubBoxTitle { margin-bottom: 10px; font-size: 14px; font-weight: bold; background: url(images/layout/subbox-bg-title.png) #333 repeat-x; }
.SubBoxTitle a { text-decoration: none; }

.SubBoxTitleBG { float: left; background: #F2F2F2; padding-right: 10px; }
.SubBoxContent {  line-height: 150%; margin-bottom: 40px; }

.BoxTwitter .twitter-timestamp { font-size: 11px; font-style: italic; }
			
.BoxBlog ul, .BoxSiblings ul, .BoxChilds ul { list-style: none; }

.BoxSiblings ul li, .BoxBlog ul li, .BoxChilds ul li { border-bottom: 1px solid #CCC; margin: 5px 0px; }
.BoxSiblings ul li:last-child, .BoxBlog ul li:last-child, .BoxChilds ul li:last-child { border: 0px; }
.BoxSiblings ul li a, .BoxBlog ul li a, .BoxChilds ul li a { text-decoration: none; }

.BoxPartner ul { height: 91px; list-style: none; }
.BoxPartner ul li { float: left; }
.BoxPartner ul li a { display: block; }

.BoxPartner ul li.PartnerFDF a { width: 56px; height: 91px; background: url(images/partner/fdf-nrw.gif); }
.BoxPartner ul li.PartnerFDF a:hover { background-position: 0px -91px; }

.BoxPartner ul li.PartnerGUNDV { margin: 20px 25px; }
.BoxPartner ul li.PartnerGUNDV a { width: 93px; height: 51px; background: url(images/partner/g-und-v.gif); }
.BoxPartner ul li.PartnerGUNDV a:hover { background-position: 0px -51px; }

.BoxPartner ul li.PartnerFlorist a { width: 70px; height: 91px; background: url(images/partner/florist.gif); }
.BoxPartner ul li.PartnerFlorist a:hover { background-position: 0px -91px; }

.BoxCategories ul, .BoxArchive ul, .BoxBlogroll ul { list-style: url(images/layout/subbox-point.gif); }
.BoxCategories li.current-cat { font-weight: bold; }
.BoxArchive li { float: left; width: 135px; }

/* startseite */
.HomeBox { float: left; width: 270px; margin-left: 20px; }
.HomeBoxSecond { margin-left: 55px; }


.iconBG { background: url(images/layout/bg-icon.jpg); }

/* blog  */
.BlogPagination { margin: 5px;  }
.BlogPagination a {  }
.BlogPagination .Newer, .BlogPagination .Older { float: left; padding: 5px; background: #F2F2F2; }
.BlogPagination .Newer { text-align: right; float: right; }



.PostMeta1 { position: relative; text-align: right; font-size: 11px; }
.PostMeta2 { height: 1%; font-size: 11px; float: left; width: 299px; }
.PostMeta3 { float: right; width: 150px; text-align: right; }


.Comment { height: 1%; padding: 10px; border-bottom: 1px solid #C7C7C7; }
	.CommentAuthor { float: left; width: 120px; }
	.CommentText { float: right; width: 440px; }
	.Comment .AuthorLink { font-size: 14px; font-weight: bold; }
	.Comment .CommentTime { color: #666; font-size: 11px; }
.CommentStyle1 { background: #E6E6E6; }
.CommentStyle2 {  }

/* contact */
.ContactLeft { float: left; width: 280px; }
.ContactRight { float: right; width: 280px; }
.contact_field { width: 250px; }
#contact_zip { width: 50px; }
#contact_city { width: 193px; }
#contact_message { width: 500px; height: 200px; }

span.wpcf7-not-valid-tip { border: 2px solid #CC0000 !important; }
div.wpcf7-validation-errors { border: 0px !important; color: #CC0000 !important; }
div.wpcf7-mail-sent-ok { border: 0px !important; font-weight: bold; color: #93AD62 !important; }
div.wpcf7-response-output {	margin: 0px 0px 10px 0px !important; padding: 0 !important; }

.ngg-gallery-thumbnail-box { float: left; width: 199px; text-align: center; }
	.ngg-gallery-thumbnail { width: 180px; border: 1px solid #CCC; margin: 0px 9px; }
.ngg-clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; }

/*.more-link-wrap { margin-top: 10px; }*/
.moreImage { background: #93AD62; }
a.more-link { color: #93AD62; }

/* content box */

.ContentBoxContent ol li { list-style: decimal inside; margin: 5px; }

.ContentBox { margin-bottom: 30px; }
	.ContentBoxHead { height: 77px; }
	.ContentBoxBody { background: #FFF; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
		.ContentBoxContent { padding: 0px 20px; line-height: 150%; }
		
		.ContentBoxContent p { padding: 10px 0px; height: 1%; }
		.ContentBoxContent ul li { list-style: outside disc; margin-left: 30px; }
		
		.ContentBoxContent h2, .ContentBoxContent h3 { font-size: 16px; font-weight: bold; background: url(images/layout/contentbox-bg-title.png) #93AD62; color: #93AD62; }
		.ContentBoxContent h2 div.BG, .ContentBoxContent h3 div.BG {  height: 1%; float: left; background: #FFF; padding-right: 10px; }
		.ContentBoxContent h2 a, .ContentBoxContent h3 a { color: #93AD62; text-decoration: none; }
		.ContentBoxContent h3 { margin: 20px 0px; }
		.ContentBoxContent h4 { margin: 20px 0px; font-size: 14px; font-weight: bold; }
		
	.ContentBoxFoot { background: url(images/layout/content-box-bottom.png) no-repeat; height: 27px; }

	#LeftCol { float: left; width: 640px; margin-top: 23px; }
		
				
	#RightCol { float: left; width: 320px; margin-top: 23px; }
	
		#BranchPromotionWrap { height: 202px; background: #FFF url(images/layout/bg-branch-promotion-arrows.png) no-repeat 50px 65px; }
			#BranchPromotionText { position: relative; list-style: none; float: left; width: 195px; height: 202px; background: #FFF; line-height: 150%; font-size: 11px; }
			
				#BranchPromotionText li { position: absolute; top: 0px; left: 0px; padding: 30px 10px 0px 20px; }
			
			#BranchPromotionTitle { padding: 10px 20px 10px 0px; font-size: 11px; color: #666; font-weight: normal; background: url(images/layout/bg-branch-promotion.gif) no-repeat top right; text-align: right; }
			#BranchPromotion { float: right; text-align: right; width: 125px; list-style: none;  }			
				
				#BranchPromotion li { padding: 10px 20px 10px 0px; font-size: 14px; font-weight: bold; background: url(images/layout/bg-branches.png) no-repeat top right; border-top: 1px solid #80B323; }
								
				#BranchPromotion li a { padding-left: 20px; color: #333; text-decoration: none; }
				#BranchPromotion li a:hover, #BranchPromotion li.Active a { color: #80B323; background: url(images/layout/bg-branch-promotion-active.png) no-repeat left 3px; }
		
		#BranchPromotionIndexWrap { float: right; width: 390px; height: 202px; background: #FFF; line-height: 150%; margin-bottom: 20px; }
			
			#BranchPromotionImages { list-style: none; position: absolute; left: 10px; top: 69px; width: 315px; height: 182px; overflow: hidden; }
				#BranchPromotionImages li ul { position: absolute; list-style: none; }
				
			#BranchPromotionIndexText { position: relative; list-style: none; margin: 20px 0px 20px 100px; }
				#BranchPromotionIndexText li { position: absolute; top: 0px; left: 0px; }
		#RightColWrap { padding: 20px 20px 20px 30px; }



.wp-caption { border: 1px solid #CCC; }
p.wp-caption-text { border-top: 1px solid #CCC; padding: 0px; padding-left: 5px; color: #AAA; font-size: 11px; }
