/*
Theme Name: bmen (Twenty Eleven Child)
Description: Theme for bmen
Author: bmen
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");
@import url("fonts.css");

/* =General Structure
----------------------------------------------- */
p { margin-bottom:1.2em; }
body { position:relative; background:#1982D1; color:#DDDDDD; padding:0; z-index:1; font: 13px/20px 'UbuntuLight', Arial, sans-serif;}
#page { position:relative; background:none; color:#fff; width:100%; max-width:none; margin:0 0 60px 0; padding:0 0 0 0; background:url(images/dark-linien.jpg) 0 0 repeat; color:##DDDDDD; z-index:2;}
#main { position:relative; padding:0; max-width:1000px; z-index:4;}
.left-sidebar #primary { position:relative; margin:0; padding:0; float:none; z-index:5; }
.left-sidebar #content { width:65%; }
.left-sidebar #secondary,
#secondary { border-top: none; padding-bottom: 10px; margin:0; position:fixed; top:0; left:30px; width:240px; height:100%; z-index: 9999; background:url(images/bg_branding.png) 0 0 repeat; z-index:6;}
#secondary aside { margin-left:30px;}
#secondary aside.widget_nav_menu ul { list-style:none; }
#menu-hauptmenu li { float:none; margin-left:-30px; text-align:center; font-size:120%; }
#colophon { position:fixed; bottom:0; width:100%; max-width:700px; margin-left:300px; z-index:1; background:#1982D1; }
#colophon #supplementary { border-top:0; padding:5px 0; }
#colophon .widget { margin:0; }

/* =Navigations
----------------------------------------------- */
.menu-projekte-container { display:none; }
.category-8 .menu-projekte-container,
.category-9 .menu-projekte-container,
.category-10 .menu-projekte-container,
.category-11 .menu-projekte-container,
.category-12 .menu-projekte-container,
.category-16 .menu-projekte-container { display:block; }
.category-8 h1.page-title,
.category-9 h1.page-title,
.category-10 h1.page-title,
.category-11 h1.page-title,
.category-12 h1.page-title,
.category-16 h1.page-title { padding-top:19px; }
.menu-projekte-container ul { margin:0; padding-top:2px; float:right;}
.menu-projekte-container ul li:first-child a { border-bottom-left-radius:7px; }
.menu-projekte-container ul li:last-child a { border-bottom-right-radius:7px; }
.menu-projekte-container ul li { list-style:none; float:left;}
.menu-projekte-container ul li a:link,
.menu-projekte-container ul li a:visited { background:#1f1f1f; padding:5px 15px; color:#fff; }
.menu-projekte-container ul li a:hover,
.menu-projekte-container ul li a:focus,
.menu-projekte-container ul li a:active { background:#1982D1; text-decoration:none; }
.menu-projekte-container ul li.current-menu-item a { background:#1982D1; }

/* =Headings
----------------------------------------------- */
.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 { font: 18px/27px 'UbuntuTitlingBold', Arial, sans-serif; color:#fff; }
h1.entry-title { color: #fff; margin: 0 0 10px 0; padding-top:25px; font: 25px/30px 'UbuntuTitlingBold', Arial, sans-serif; }
h1.page-title { color: #fff; margin: 0 0 10px 0; padding-top:45px; font: 33px/42px 'UbuntuTitlingBold', Arial, sans-serif; }
.entry-header .entry-format { display:none; }

#reply-title,
.entry-title,
.entry-meta,
.entry-title a,
#comments-title { color:#fff; font-weight:normal; }

#reply-title { font: 33px/42px 'UbuntuTitlingBold', Arial, sans-serif; }

#comments-title { font-size:100%; }

/* =Links
----------------------------------------------- */
#secondary a.logo { display:block; width:240px; height:64px; margin:35px 0 35px -30px; background:url(images/logo.png) 0 0 no-repeat; text-decoration:none;}

#secondary a:link,
#secondary a:visited { color:#fff; }
#secondary #menu-hauptmenu li a:link,
#secondary #menu-hauptmenu li a:visited { display:block; width:100%; padding:8px 0; border-bottom:1px #555555 solid; border-top:1px #555555 solid; }
#secondary #menu-hauptmenu li a:hover,
#secondary #menu-hauptmenu li a:focus,
#secondary #menu-hauptmenu li a:active { background:#1982D1; text-decoration:none; }
#secondary #menu-hauptmenu .current-menu-item a { background:#1982D1; }

#content nav a:link,
#content nav a:visited { display:block; padding:2px 8px; background:url(images/bg_branding.png) 0 0 repeat; float:left; color:#fff;}
#content nav a:hover,
#content nav a:focus,
#content nav a:active { background:#1982D1; text-decoration:none; }
#content nav .nav-previous a { border-bottom-left-radius:7px; }
#content nav .nav-next a { border-bottom-right-radius:7px; }

.entry-meta a {
    font-weight: normal;
}

.entry-header .comments-link a:link,
.entry-header .comments-link a:visited { background:transparent url("images/comment-bubble.png") 0 0 no-repeat; }
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active { background:transparent url("images/comment-bubble.png") 0 -36px no-repeat; }

#colophon a:link,
#colophon a:visited { color:#fff; }

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #1982d1;
	border-color: #1982d1;
}

a.rss-category:link,
a.rss-category:visited { display:block; float:right; width:25px; height:25px; margin-top:-45px; background:url(images/follow_rss.png) 0 0 no-repeat; }
a.rss-category:hover,
a.rss-category:focus,
a.rss-category:active { background-position:0 -25px; }

a.follow:link,
a.follow:visited { display:block; width:30px; height:30px; float:left; margin-left:20px; background-position:0 0; background-repeat:no-repeat; }
a.follow:hover,
a.follow:focus,
a.follow:active { background-position:0 -30px; }

a.follow.fb { background-image:url(images/follow_facebook_30x30.png); }
a.follow.tw { background-image:url(images/follow_twitter_30x30.png); }
a.follow.rss { background-image:url(images/follow_rss_30x30.png); }

a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active {
    background: none repeat scroll 0 0 #1982d1;
    color: #FFFFFF;
}

#respond input#submit:hover { background:#1982D1; }

/* =Comments
----------------------------------------------- */
#respond { background:none; border:0; }
#respond input#submit { background:#fff; color:#1f1f1f; }
#respond #commentform p { margin:0; padding:0; }
.moz-sidebar-adjust .commentlist { padding-left:100px !important; }
.moz-sidebar-adjust .commentlist, #respond { width:84% !important; }

/* =Individual Rules
----------------------------------------------- */
#site-generator { display:none; }
#nav-single { display:none; top:0; padding:0; }
#content nav { padding:0; }
#content .page,
.single .type-post { padding-top:30px; }
.format-gallery footer.entry-meta { padding-top:15px; }
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img { border:0; }
.commentlist { color:#000; }
code { display:block; widht:100%; padding:4px; background:black; line-height:20px; }
#ticker { position:absolute; top:20px; width:300px; height:200px; background:black; right:10px; display:block; z-index:2; color:#fff;}
#recent-posts-2 { display:none; } /*Last posts on startpage only for Google & Co*/

/* =Widgets
----------------------------------------------- */
.widget-title,
.widget ul li { color:#fff; }

/* =Class
----------------------------------------------- */
.display-none { display:none; }
.clearer { clear:both; height:0; }

/* =Page-Template: Link-Page
----------------------------------------------- */
.page-template-link-page-php #content .entry-content { padding:0; }
.page-template-link-page-php #content .entry-meta { display:none; }
.page-template-link-page-php #content .hentry, .no-results { border-bottom:0; margin:0; }
.page-template-link-page-php #content .widget-area aside { width:45%; margin-right:5%; float:left; clear:none; }

/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
	/* Simplify the basic layout */
	body { background:url(images/dark-linien.jpg) 0 0 repeat #000; }
	.left-sidebar #primary { padding-top:50px; }
	#main #secondary,
	.left-sidebar #secondary { position:absolute; top:0; left:0 !important; width:100% !important; height:auto; float: none; margin: 0; width: auto; }
	#secondary aside { margin-left:0;}
	#secondary a.logo { width:240px; height:64px; margin:10px 0 0 0; }
	#secondary aside#text-2 { float:left; margin-bottom:0px; }
	#secondary aside#nav_menu-2 { width:70%; float:right; margin:-65px 0 0 0; padding:0; }
	#secondary aside#nav_menu-2 li { margin:0; }
	#secondary aside#text-6 { margin:-30px 0 0 0; float:right; }
	#secondary #menu-hauptmenu li a:link,
	#secondary #menu-hauptmenu li a:visited { width:auto; padding:8px 10px; font-size:14px; font-weight:normal; border-bottom:none; border-top:none; float:left; }
	#secondary #menu-hauptmenu li a:hover,
	#secondary #menu-hauptmenu li a:focus,
	#secondary #menu-hauptmenu li a:active { background:#1982D1; text-decoration:none; }
	#secondary #menu-hauptmenu .current-menu-item a { background:#1982D1; }
	.moz-sidebar-adjust .commentlist { padding-left:0 !important; }
	.moz-sidebar-adjust .commentlist, #respond { width:100% !important; }
	#colophon { position:relative; bottom:none; z-index:1; margin-left:0; }
	#colophon #supplementary .widget-area { float: left; margin:0 3.7%; width:42.6%; }
	.slideshow { top:84px !important; }
	#twitter-ticker { display:none !important; }
}
@media (max-width: 600px) {
	/* Simplify the basic layout */
	.left-sidebar #primary { padding-top:90px; }
	#secondary { position:absolute; top:0; left:0; width:100%; }
	#secondary a.logo { width:120px; height:32px; margin:10px 0 0 0; background:url(images/logo_100x32.png) 0 0 no-repeat; }
	#secondary aside#nav_menu-2 { float: right; margin: -33px 0 0; padding: 0; width: 70%; }
	#secondary aside#text-6 { margin:0 0 0 0; float:right; }
	.slideshow { top:125px !important; }
}
/* = PLugin: Contact Form 7
----------------------------------------------- */
.wpcf7 #contact input[type="text"],
.wpcf7 #contact textarea { width:100%; }
.wpcf7 #contact p.subject input[type="text"] { font-size:20px; padding:8px 2px; }
.wpcf7 #contact p.name { width:48%; float:left; }
.wpcf7 #contact p.mail { width:48%; float:right; }
.wpcf7 #contact p.captcha { float:left; margin-top:10px; }
.wpcf7 #contact p.captcha.pic { width:16%; }
.wpcf7 #contact p.captcha.input { width:32%; }
.wpcf7 #contact p.captcha input.wpcf7-captchar[type="text"] { width:100%; }
.wpcf7 #contact p.captcha img.wpcf7-captchac { margin:0 10px 0 0; }

/* = PLugin: jQuery Cycle
----------------------------------------------- */
.slideshow { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:1; }
.slideshow img { width:100%; }

#cboxLoadedContent { overflow:hidden !important; }

/* = Widget: Homepage Twitter Widget
----------------------------------------------- */
h2.tut{
	color:white;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:16px;
	padding:12px 0 0 58px;
	text-transform:uppercase;
	
	text-shadow:2px 1px 6px #333;
}

#twitter-ticker{
	width:400px;
	height:300px;
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:3;
	background:url("images/bg_branding.png") repeat scroll 0 0 transparent;
	color:#666666;
	-moz-border-radius:10px 10px 6px 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	text-align:left;
}

#tweet-container{
	height:230px;
	width:auto;
	overflow:hidden;
}

#twitIcon{
	position:absolute;
	top:-25px;
	left:-10px;
	width:64px;
	height:64px;
}

#top-bar{
	height:45px;
	background:url(img/top_bar.png) repeat-x;
	border-bottom:1px solid white;
	position:relative;
	margin-bottom:8px;	
	-moz-border-radius:6px 6px 0 0;
}
/* = Plugin: Widget embed latest Tweets
----------------------------------------------- */
#twitter-widget {
	margin-top:30px;
	color:#fff;
}
#twitter-widget ul {
	margin:0 0 0 0;
	padding:0 16px;
}
#twitter-widget ul li {
	list-style:none;
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #fff;
}
#twitter-widget ul li:last-child {
	border:0;
}