@charset "utf-8";
   *{
padding: 0;
margin: 0;
}
p{ margin:8px 0;}
a {
color:#666;
}
a:hover {
color:#CC0000;
}
a img{ border: solid 2px #ccc;}
.cb {
clear:both;
}
.fl {
float:left;
}
.fr {
float:right;
}
#nav li, li.comment, li.pingback, li.trackback, #sidebar li {
list-style:none;
}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
max-width: 60%; height: auto; }
.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:60% !important;
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;
float:none;
}
.wp-smiley {
margin: 0;
}
.gallery {
margin: 0 auto 18px;
clear:both;
}
#gallery-1 a:hover img,#gallery-2 a:hover img,#gallery-3 a:hover img,#gallery-4 a:hover img{ border:solid 2px #666;}
.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-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 br+br {
display: none;
}
.sticky {
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
table { border-collapse: separate;
border-spacing: 0;
}
.SearchResults{ padding:0 25px 25px;}
h3.commenttitle{padding:15px 35px; background-color:#E3E4E6; margin:0 0 0 25px;
}
h3.commenttitle a{	text-transform: uppercase;
font-weight:normal;
font-size:20px;
text-decoration:none;
}
h3#reply-title{
border-top: solid 1px #DFDCD0;
clear:both;
font-size:20px;
text-transform: uppercase;
font-weight:normal;
padding:15px 35px;
background-color:#E3E4E6; 
border-right:solid 1px #fff;
border-bottom:solid 2px #fff;
}
h1.pagetitle{	border-top: solid 1px #DFDCD0;
clear:both;
font-size:20px;
text-transform: uppercase;
font-weight:normal;
padding:15px 35px;
background-color:#E3E4E6; 
border-right:solid 1px #fff;
border-bottom:solid 2px #fff;
text-align:center;
margin-left:20px;
}
.nocomments,.page-header{ margin-left:25px; font-size:22px; font-family:"Microsoft Sans Serif"; text-align:center; color:#666;}
.page-title{	border-bottom: solid 1px #DFDCD0; margin-left:5px;
}
.page-link {
clear: both;
display: block;
margin: 0 0 1.625em;
}
.entry table,.commentlist table{
border-spacing: 0;	border-bottom: 1px solid #ddd;
margin: 0 0 1.625em;
width: 100%;
}
.entry th,
.commentlist th {
color: #666;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}
.entry td,
.commentlist td {
border-top: 1px solid #ddd;
padding: 6px 10px 6px 0;
}
caption, th, td {
font-weight: normal;
text-align: center;
}
dl {
margin: 0 1.625em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.625em;
} body {
padding:0;
margin:0;
color:#666;
font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: 14px;
}
#wrap {
margin: 0 auto;
max-width: 100%;
padding: 0;
width: 100%;
}
#header {
height: auto;
font-size:16px;
}
#header img{
height: auto;
margin: 0 auto;
max-width: 100%;
}
#header-bg{
margin: 0 auto;
max-width: 100%;
position: absolute;
top: 12%;
width: 100%;
}
#header-bg img{
}
#header #header-bg h1, #header #header-bg h1 a, #header #header-bg a#logo {
font-size:2em;
color:#D70204;
margin:0 auto;
padding:0;
line-height:1em;
display:block;
font-weight:bold;
text-transform: capitalize;
text-decoration:none;
text-align: center;
} 
#header-bg p{
text-align: center;
font-size:.9em;
}
#header h1 a:hover, #header a#logo:hover{
color:#f90000;
}
#nav {
background-color:#C80203;
width:100%;
margin-bottom: 0;
margin-top: 0;
}
#nav .menu {
width:100%;
margin:0 auto;
}
#nav ul{ margin:0; padding:10px 0; float:left;}
#nav .menu li {
float:left;
list-style:none;
position:relative;
padding:5px 0;
}
#nav .menu li ul {
display:none;
}
#nav .menu li a {
color:#fff;
font-size:14px;
white-space:nowrap;
text-decoration:none;
text-transform: uppercase;
padding:5px 15px;
}
#nav .menu li:hover a,#nav .menu li a:hover, #nav .menu li.current_page_item a {
color:#C80203;
background-color:#fff;
}
#nav .menu li:hover li a {
border:none;
display:block;
background-color:#FFFFFF;
background-image:none;
color:#C80203;
}
#nav .menu li:hover li li a {
background-color:#ddd;
}
#nav .menu li:hover ul {
display:block;
border:none;
position:absolute;
left:0;
top:21px;
z-index:10000;
padding:0;
}
#nav .menu li:hover li {
padding:0;
margin:0;
float:none;
}
#nav .menu li:hover ul li ul {
display:none;
}
#nav .menu li:hover ul li:hover ul {
display:block;
left:100%;
top:0;
}
#nav .menu li:hover ul li a:hover, .menu li li.current_page_item a {
background-color:#F4F4F4;
background-image:none;
}
#page-top {
height:auto;
width:100%;
position: relative;
margin-bottom: 0;
margin-top: 0;
}
#content{ width:57%; position: relative; float:right;}
#respond{
width:100%;
margin:0 25px;
}
#sidebar{ float:right; width:315px;}
#main{ width: 85%;  background:url(//technologisch.ch/wp-content/themes/warmwinter/images/center.png) repeat-y 43% top;
}
#footer{text-align:left;  color:#999; line-height:1.5em; width:100%; height:auto; max-width:100%; 
margin: 0 auto;   padding: -4px;
}
#copyright{  background: url(//technologisch.ch/wp-content/themes/warmwinter/images/copy.jpg) no-repeat scroll center center; float: none; margin: 5px auto; padding: 0; text-align: center;}
#footer a{ color:#999; text-decoration:underline;}
#footer a:hover,#footer a.red{ color:#D70204;}
.post{ margin-bottom:50px;}
.entry{margin:0 0 5px 20px; padding:5px 0 5px; line-height:1.5em; }
.entry-meta{ margin-left:20px; padding:3px 0;}
.title{ margin-left:25px; border-bottom:solid 1px #B70100; margin-bottom:5px; font-size:22px; margin-top:0; padding:0;}
.title a{ color:#B70100; text-decoration:none;}
.title a:hover{ color:#CC0000; text-decoration:none;}
.info_bottom{ margin-left:25px; line-height:20px; font-size:12px; text-align:right; clear: both;}
.info_bg{margin-left:25px; line-height:20px; font-size:12px; line-height:15px;}
.info_bottom a,.info_bg a,.post .more-link a,.post a.more-link{ font-size:12px; color:#000;}
.info_bottom a:hover,.info_bg a:hover,.post .more-link a:hover,.post a.more-link:hover{color:#B70100;}
.navigation{  color: #B70100; border-bottom:solid 2px #B70100; margin-left:25px; padding:0; height:21px;}
.navigation a{ color: #B70100; text-decoration:none;} 
.navigation a:hover{color:#f90000;}
.img_layera{ width:267px; height:118px; float:left; margin:0 2px 20px 0; position:relative; text-align:right; padding:2px 8px 2px 0; background-color:#fff;}
.img_layerb{ background:url(//technologisch.ch/wp-content/themes/warmwinter/images/img.png) no-repeat; width:274px; height:122px; z-index:100; position: absolute; float:left; left:-1px; top:0;}
.img_layera a,.img_layera a img{ border:none;}
.img_layera a img{ min-height:118px; min-width:200px;}
#content img{ max-width:95%;max-height:100%;} #sidebar ul{ padding:0; margin:0; max-width:100%; overflow: auto;}
#sidebar li{ line-height:23px; padding-bottom:3px; margin-bottom:10px;} 
#sidebar li.widget_tag_cloud,#sidebar li.widget_text,#sidebar li.widget_search,#sidebar li.widget_calendar{ background:none;}
#sidebar li ul,#sidebar li .tagcloud,#sidebar li .textwidget,#sidebar li #searchform,#sidebar li #calendar_wrap{ padding:5%;}
#sidebar li ul ul{ background:none; padding:10px 0; margin:0;}
#sidebar li li{
padding-left:12px;
padding-bottom:0;
margin-bottom:0;
background:url(//technologisch.ch/wp-content/themes/warmwinter/images/arrow.gif) no-repeat left 11px;
}
#sidebar h3.title3{	color:#B70100;font-weight:bold;font-size:15px;line-height:1em;margin:auto 0 0 30px;text-transform: uppercase;}
#sidebar #wp-calendar{ width:240px;}
#sidebar img{ max-width:100%; border:none;display:blog !important;}
#sidebar a{ text-decoration:none;} .commentlist{ margin:0 0 0 25px; padding:0;}
#content .commentlist img{ max-width:100%;}
.commentlist ul,.commentlist ol{ padding:0; margin:0;}
.commentlist li ol,.commentlist li ul{ margin-left:40px;}
li.depth-1{padding:1px 0;}
li.depth-1,li.depth-7{ border-top: solid 2px #C0C0C0;}
li.depth-2,li.depth-8{ border-top: solid 1px #C0C0C0;}
li.depth-3,li.depth-9{ border-top: solid 1px #E0E0E0;}
li.depth-4,li.depth-10{ border-top: solid 1px #F0F0F0;}
li.depth-5,li.depth-11{ border-top: solid 1px #F4F4F4;}
li.depth-6,li.depth-12{ border-top: solid 1px #F8F8F8;}
li.comment,li.trackback,li.pingback{list-style:none;}
li.trackback .commentmetadata,li.pingback .commentmetadata{ left:25px; top:55px;}
.comment-body{ position:relative; padding:12px 25px;}
li.trackback,li.pingback{ background-color:#f2f2f2;}
.comment-author,.fn,.comment-author a{
padding:0;
margin:0;
font-size:14px;
font-weight:bold;
color:#000;
font-style: normal;
}
.comment-author{
height:40px;
vertical-align: bottom;
margin-top:25px;
}
.reply{ margin-left:25px; margin-bottom:0; font-size:11px; font-weight:bold;}
blockquote{padding:10px; border-left:solid 3px #736969;}
img.avatar{ border:solid 1px #e8e8e8; padding:2px; background-color:#fff;}
.required{ color:#f00;}
#commentform{ padding:0 20px;}
#commentform #author, #commentform #email, #commentform #url {
position:absolute;
width:30%;
height:25px;
color:#999;
display:block;
left:60px;
top:0;border:solid 1px #DAD3CB;}
p.comment-form-url,p.comment-form-email,p.comment-form-author{ position:relative; padding:5px 0;}
p.form-submit{ text-align: right;}
#comment{ width:60%; height:120px; border:solid 1px #DAD3CB;	color:#999; margin-left:6px;}
#submit{
border:none;
padding:8px 10px;
color:#ffffff;
background-color:#b70100;
font-size:16px;
cursor:pointer;
font-weight:bold;
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#submit:hover{ background-color:#b70100;}
.commentlist .bypostauthor {
}
.screen-reader-text{ display:block;	color:#2970A6;
}
#searchsubmit{ cursor:pointer;}
.nopassword
{
text-align:center;
font-size:18px;
color:#666;
margin-left:25px;
}
.img-responsive {
margin: 0 auto;
max-width: 100%;
width: 100%;
}
.foot-responsive {
margin: 0 auto;
max-width: 100%;
width: 100%;
}
@media (max-width: 800px) {
#main{
background: none !important;
width: 100%;
}
#page-top {
display: none;
}
#sidebar {
display: block;
float: none !important;
margin: 35px auto;
max-width: 300px;
width: 100% !important;
}
#content {
float: none ! important;
position: relative;
width: 100% ! important;
display:block;
}
#header {
font-size: 16px;
height: auto;
margin: 30px auto 0 !important;
}
#sidebar img {
border: medium none;
display: blog;
max-width: 100%;
}
#header #header-bg h1, #header #header-bg h1 a, #header #header-bg a#logo {
font-size:1.5em !important;
}
#header img{
margin:6px auto !important;
}
#respond{
width:88%;
}
p.form-submit {
text-align: left;
}
}
.info_bottom a, .info_bg a, .post .more-link a, .post a.more-link {
color: #000;
display: none;
font-size: 12px;
display:none;
}
.screen-reader-text {
color: #b70100 !important;
display: block;
}
#searchsubmit {
background: #b70100;
border-radius: 5px;
color: #fff;
cursor: pointer;
padding: 5px 20px;
}
#sidebar li ul, #sidebar li .tagcloud, #sidebar li .textwidget, #sidebar li #searchform, #sidebar li #calendar_wrap{
background: url(//technologisch.ch/wp-content/themes/warmwinter/images/side_title.png) no-repeat scroll 0 0;
margin-bottom: 50px;
padding-left: 20px;
padding-right: 20px;
padding-top: 50px;
}