/*
Theme Name: Pinballs
Theme URI: http://muto.at/
Description: Individuelles Design für pinballs.at
Author: Thomas Mühl
Version: 1.0
Tags:
*/

*{ margin:0px; padding:0px; }
.clear{ clear:both; }



body{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#e1e1e1; background:#171717 url(images/bg-body.jpg) repeat-x top; }

#mainContainer{ margin:0px auto; width:960px; }
	#banner{ width:960px; height:202px; }
	#banner a{ display:block; width:960px; height:202px; background:url(images/banner.jpg) no-repeat; text-decoration:none; outline:none; }
	
	#navigation{ margin-top:1px; }
	
	
	#contentContainer{ width:620px; float:left; margin-top:30px; padding-top:20px; }
		#contentContainer h1{ color:#ff0000; padding-bottom:30px; font-weight:normal; font-size:230%; }
		#contentContainer h2{ color:#00b4ff; padding-bottom:20px; padding-top:20px; font-weight:normal; font-size:200%; }
		#contentContainer p{ line-height:20px; padding-bottom:10px; text-align:justify; }
		#contentContainer a{ color:#ffba00; }
		#contentContainer a:hover{ text-decoration:none; }
		#contentContainer a img{ padding:4px; background:#fff; }
		#contentContainer a img:hover{ padding:4px; background:#00b4ff; }
		
		p.muto_morebutton{ float:right; }
		p.muto_morebutton a{ display:block; width:150px; height:23px; background:url(images/moreBtn.jpg) no-repeat 0 0; text-align:center; text-decoration:none; font-weight:bold; padding-top:2px; }
			p.muto_morebutton a:hover{ background:url(images/moreBtn.jpg) no-repeat 0 -25px; color:#00b4ff !important; }
		 
	#sidebarContainer{ width:300px; float:right; margin-top:30px; }
		#sidebarContainer h2{ color:#00b4ff; padding-bottom:30px; font-weight:normal; font-size:230%; }
		#sidebarContainer p{ line-height:20px; padding-bottom:10px; }
	#sidebarContainer ul.sidebarnavi{ list-style-type:none; margin-top:33px; }
		#sidebarContainer ul.sidebarnavi li{ width:300px; height:25px; padding-bottom:6px; }
			#sidebarContainer ul.sidebarnavi li a{ display:block; width:265px; height:21px; background:url(images/sidebarnaviBtn.gif) no-repeat 0 0; color:#fff; padding-left:35px; text-decoration:none; padding-top:4px; }
				#sidebarContainer ul.sidebarnavi li a:hover,#sidebarContainer ul.sidebarnavi li.current_page_item a{ background:url(images/sidebarnaviBtn.gif) no-repeat 0 -25px; padding-left:45px; width:255px; }

#sidebarContainer p.muto_morebutton{ float:right; margin-right:10px; margin-top:15px; }
		#sidebarContainer p.muto_morebutton a{ display:block; width:120px; height:23px; background:url(images/moreBtn-sidebar.gif) no-repeat 0 0; text-align:center; text-decoration:none; font-weight:bold; padding-top:2px; padding-left:30px;  }
			#sidebarContainer p.muto_morebutton a:hover{ background:url(images/moreBtn-sidebar.gif) no-repeat 0 -25px; color:#00b4ff !important; }

#footerContainer{ width:100%; height:202px; background:url(images/bg-footer.jpg) repeat-x; border-top:5px solid #373837; margin-top:35px; }
	#footerContainer #footer{ width:960px; height:202px; background:url(images/footer.jpg) no-repeat; margin:0px auto; }

#copyrightContainer{ width:100%; height:25px; background:#000; font-size:10px; }
	#copyrightContainer #copyright{ width:960px; margin:0px auto;}
	#copyrightContainer #copyright .col1{ width:450px; float:left; }
	#copyrightContainer #copyright .col1 a{ text-decoration:none; color:#ff0000; }
	#copyrightContainer #copyright .col1 ul { list-style-type:none; display:inherit; }
	
	#copyrightContainer #copyright .col2{ width:450px; float:right; text-align:right; }
	#copyrightContainer #copyright .col2 a{ text-decoration:none; color:#00b4ff; }














/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}



/* KONTAKTFORMULAR */
div.wpcf7 p{ font-weight:bold;  }
div.wpcf7 input,div.wpcf7 textarea{ padding:5px; border:1px solid #00b4ff; background:#2e2e2e; font-weight:normal; font-size:12px; font-family:Verdana, Geneva, sans-serif; width:400px; color:#fff; }
div.wpcf7 input.wpcf7-submit{ font-weight:bold; background:#00b4ff; width:410px; color:#000; cursor:pointer; }
div.wpcf7 input.wpcf7-submit:hover{ background:#333; color:#fff; }

span.wpcf7-not-valid-tip{ font-weight:normal; color:#333;  }

#flaggen{ position:absolute; margin-top:252px; width:120px; margin-left:812px; display:none; }
#flaggen ul{ border:none; }
#flaggen li{ width:50px; background: none; float:right;}
#flaggen li a{ background: none; border:none !important; padding:0px; text-decoration:none; }

#flaggen li.icl-de{ text-indent:-9000px; width:55px; height:35px; }
#flaggen li.icl-en{ text-indent:-9000px; width:55px; height:35px; }

#flaggen li.icl-de a{ display:block; width:55px; height:35px; background:url(images/flagDE.gif) no-repeat 0 0; }
#flaggen li.icl-en a{ display:block; width:55px; height:35px; background:url(images/flagEN.gif) no-repeat 0 0; }

#flaggen li.icl-de a:hover{ background:url(images/flagDE.gif) no-repeat 0 -35px; }
#flaggen li.icl-en a:hover{ background:url(images/flagEN.gif) no-repeat 0 -35px; }



div.bgsidebar{ width:300px; height:800px; background:url(images/bgsidebar.jpg) no-repeat;  padding-top:20px; }

.newsbox{ padding-bottom:30px; padding-left:10px; padding-right:10px; }

.newsbox h2 a{ font-size:80%; color:#00b4ff; text-decoration:none; }

.newsbox p.muto_morebutton a{ display:block; width:150px; height:23px; background:url(images/moreBtn.gif) no-repeat 0 0; text-align:center; text-decoration:none; font-weight:bold; padding-top:2px; color:#fff; }
			.newsbox p.muto_morebutton a:hover{ color:#00b4ff !important; }
			
			
#contentContainer img.noborder{ background:none !important; padding:0px; margin-top:20px;}


/* Social Media Icons (Share Buttons) */
div#sharebuttons{ margin-top:55px; }
div#sharebuttons h3{ padding-bottom:15px; }
	div.sharebtn,a.sharebtn{float:left;display:block}
	a.sharebtn{margin-right:5px;width:32px;height:32px}
	a.sharebtn:hover{margin-top:-2px}