@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

.wrapper {
	height: 100%;
	width: 100%;
	float: left;
}

header {
	float: left;
	height: 500px;
	width: 100%;
	background-color: #3364fb;
	background-image: url(../img/header5.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.head {
	background-color: #333;
	float: left;
	height: 80px;
	width: 100%;
	opacity: 0.8;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.head:hover {
	opacity: 1;	
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.switch-to {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	float: right;
	height: 45px;
	vertical-align: middle;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #FFF;
	background-image: url(../img/jujutsu.png);
	background-position: 15px;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 60px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.switch-to:hover {
	background-image: url(../img/jujutsu-hover.png);
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	background-color: #3364fb;
	cursor: pointer;
}

.switch-to a {
  color: #FFF;
  text-decoration: none;
}

.switch-to a:hover {
  color: #FFF;
  text-decoration: none;
}

#japan-logo {
	float: left;
	height: 400px;
	width: 250px;
	opacity: 1.0;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 40px;
}

.japan-logo-judo {
	background-image: url(../img/judo_stein.png);
	background-repeat: no-repeat;
	background-position: center;
}

.japan-logo-jujutsu {
	background-image: url(../img/jujutsu_stein.png);
	background-repeat: no-repeat;
	background-position: center;
}

#heading-judo {
	font-size: 36px;
	color: #000;
	font-weight: 700;
	float: left;
	height: auto;
	width: auto;
	margin-top: 90px;
	margin-left: 30px;
}

#heading-judo h1 {
	font-size: 75px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #FFF;
	position: relative;
}

#heading-judo123 h1:hover {
	font-size: 60px;
	padding-left: 35px;
	margin: 0px;
	font-weight: 400;
	letter-spacing: 0.1em;
	position: relative;
	top: 85px;
	left: 0px;
	color: #000;
	text-transform: none;
}

#heading-judo h2 {
	font-size: 60px;
	padding-left: 35px;
	margin: 0px;
	font-weight: 400;
	letter-spacing: 0.1em;
	position: relative;
}

#heading-judo123 h2:hover {
	font-size: 75px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #FFF;
	position: relative;
	top: -102px;
	left: -35px;
}

#heading-judo h3 {
	font-size: 40px;
	padding-left: 60px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: 300;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom: 10px;
	position: relative;
}

.topic-heading {
	background-color: #333;
	float: left;
	height: auto;
	width: 100%;
	color: #FFF;
	text-align: center;
}

.topic-heading h1 {
	font-weight: 300;
	text-transform: capitalize;
	font-size: 50px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.topic-heading i {
	margin-right: 50px;
	margin-left: 50px;
}

.topic-heading a {
	color: #FFF;
	text-decoration: none;	
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.topic-heading a:hover {
	color: #3364fb;
	text-decoration: none;	
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.main {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 0px;
}

.content80 {
	float: left;
	height: auto;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}

.content70 {
	float: left;
	height: auto;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}

.center {
	float: left;
	height: auto;
	width: 65%;
}

.center100 {
	float: left;
	height: auto;
	width: 100%;

}

.right-bar {
	float: right;
	height: auto;
	width: 30%;
}

.right-bar a, a {
	color: #000;
	text-decoration: none;	
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.right-bar a:hover, a:hover {
	color: #3364fb;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.right-bar h1 {
	font-size: 36px;
	font-weight: 300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

.right-bar .news-links {
	background-color: #E8E8E8;
	float: left;
	clear: left;
	width: 80%;
	font-size: 24px;
	font-weight: 300;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20%;
	margin-top: 10px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
	background-image: url(../img/list-style.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	cursor: pointer;
}

.right-bar .news-links:hover {
	background-image: url(../img/list-style-hover.png);
}

.right-bar #archive-year, .right-bar #liga-infos {
	background-color: #E8E8E8;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #333;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}	

.right-bar #archive-year li, .right-bar #liga-infos li {
	font-size: 18px;
	background-image: none;
	margin: 0px;
	display: block;
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 80px;
	font-weight: 300;
}

.right-bar #archive-year li:hover, .right-bar #liga-infos li:hover {
	font-size: 18px;
	background-image: none;
	margin: 0px;
	display: block;
	text-align: left;
	background-image: none;
}

.termine {
	height: auto;
	clear: both;
	float: left;
	width: 95%;
	padding-top: 10px;
	padding-right: 5%;
	padding-bottom: 10px;
	margin-bottom: 50px;
}

.termine table {
	width: 100%;
	float: left;
}

.termine table th:hover {
	border-left-color: #3364fb;	
}
.termine table th {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #E8E8E8;
	padding-left: 10px;
	font-weight: 700;
	font-size: 20px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.termine table td {
	padding-top: 0px;
	padding-bottom: 0px;	
}

.termine table tr {
	float: left;
	margin-bottom: 15px;
	clear: both;
}

footer {
	background-color: #333;
	float: left;
	height: auto;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 50px;
	color: #999;
	margin: 0;
}

footer h1 {
	font-size: 30px;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
}

footer h2 {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
}

footer h2 a {
	color: #999;
	text-decoration: none;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

footer h2 a:hover {
	color: #999;
	text-decoration: none;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	font-size: 22px;
}

#footer-info, #footer-impressumdaten, #footer-ptsv {
	float: left;
	height: 220px;
	width: 33%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 25px;
}

#footer-impressumdaten, #footer-ptsv {
	text-align: center;
}

#footer-ptsv img {
	width: auto;
	height: 120px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	margin-top: 0px;
}

#footer-ptsv img:hover {
	width: auto;
	height: 150px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	margin-top: 0px;
}

#footer-up-button {
	height: 60px;
	width: 60px;
	margin-right: auto;
	margin-left: auto;
	background-color: #3364fb;
	z-index: 5;
	position: relative;
	bottom: 80px;
	left: auto;
	right: auto;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-image: url(../img/up-button.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

#footer-up-button:hover {
	background-color: #333;
	cursor: pointer;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

/* JOOMLA-Custom-CSS */

.article-info {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}

.article-info-term {
	display: none;	
}

.blog .published, .item-page .published, .item-page_full-text .published {
	background-color: #3364fb;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	padding: 10px;
	display: block;
	margin: 0px;
	float: left;
}

.readmore a {
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	background-color: #3364fb;
	font-size: 18px;
	font-weight: 700;
	padding: 10px;
	display: block;
	margin: 0px;
	float: left;
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
}

.readmore a:hover {
	font-size: 20px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.blog {
	float: left;
	width: 100%;
	margin-bottom: 100px;	
}

.blog h1, .item-page h1, .item-page_full-text h1 {
	font-size: 36px;
	font-weight: 300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	padding: 0px;
	background-color: #FFF;
}

.blog h3, .item-page h3, .item-page_full-text h3 {
	font-size: 24px;
	font-weight: 300;
	clear: both;
	margin: 0px;
	background-color: #CCC;
	display: block;
	padding: 10px;
}

.blog p {
	margin: 0px;
	line-height: 25px;
	padding: 10px;
}

.blog img  {
	float: right;
	clear: both;
	margin-top: -10px;
	margin-right: -10px;
	margin-bottom: 15px;
	margin-left: 15px;
	height: auto;
	width: 300px;
}

.blog table {
	float: left;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	width: 100%;
	border-collapse: collapse !important;
}

.blog table img {
	float: left;
	width: 100%;
	height: auto;
	margin-left: 0px;	
}

.news-article-content {
	float: left;
	background-color: #E8E8E8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	padding: 0px;
}

#bwg_container1_0 {
	margin-bottom: 75px;	
}


/* Custom-Sites-CSS */

.kontakte {
	height: auto;
	width: 50% !important;
	text-align: left;
	margin-bottom: 50px;
	float: left;
	margin-left: 0%;
}

.kontakte td h1 {
	float: left;
	font-weight: 300;
	font-size: 24px;
	font-style: normal;
	padding: 0px;
	margin-top: 0px;
	color: #FFF;
	background-color: transparent;
}

.kontakte td h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	background-color: #3364fb;
	padding: 0px;
	clear: both;
	color: #FFF;
}

.kontakte td {
	background-color: #E8E8E8;
	color: #000;
	padding: 15px;
	float: left;
	width: 350px;
}

.kontakte td table {
	width: 100%;
	height: auto;
	float: left;	
}

.kontakte td table td {
	width: 60%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
	text-align: left;
	float: left;
}

.kontakte td table th {
	width: 100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: left;
	background-color: transparent;
	color: #000;
	float: left;
}

.erfolge, .zeiten {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}

#zeiten-mobile {
	display: none;	
}

.erfolge-header {
	background-color: #3364fb !important;
	color: #FFF;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px !important;
	font-weight: 300;
}

.erfolge td {
	padding: 15px;
	text-align: center;
	background-color: #E8E8E8;
}

.zeiten td{
	text-align: center;
	background-color: #E8E8E8;
	padding: 0px;
}

.erfolge th, .zeiten th {
	padding: 15px;
	text-align: center;
	background-color: #666;
	color: #FFF;
}

.zeiten h4 {
	margin: 0px;
	padding: 15px;
	text-align: center;
	background-color: #3364fb;
	color: #FFF;
	font-weight: 300;
	font-size: 20px;
}

.zeiten h5 {
	margin: 0px;
	padding: 15px;
	text-align: center;
	background-color: #666;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
}

.content2-100 {
	float: left;
	height: auto;
	width: 100%;
	padding-right: 0%;
	padding-left: 0%;
	background-color: #E8E8E8;
	font-weight: 300;
	color: #000;
	bottom: 0px;
	padding-bottom: 30px;
}

.content2-70 {
	float: left;
	height: auto;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	background-color: #E8E8E8;
	font-weight: 300;
	color: #000;
	bottom: 0px;
	padding-bottom: 30px;
}

.content2-70 h1, .content2-100 h1 {
	text-align: center;
	color: #FFF;
	font-size: 36px;
	font-weight: 300;
	background-color: #3364fb;
	padding: 5px;
}

.content2-70 h3, .content2-100 h3 {
	text-align: center;
	color: #000;
	font-size: 28px;
	font-weight: 500;
}

.content2-100 table {
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

.content2-100 table th {
	padding: 15px;
	text-align: center;
	background-color: #666;
	color: #FFF;
}

.vorstand {
	color: #FFF;
	float: left;
	width: auto;
	border-collapse: collapse;
	margin-right: 15px;
	margin-bottom: 50px;
	margin-left: 15px;
	width: 250px;
}

.vorstand td {
	background-color: #3364fb;
	border-collapse: collapse;
	width: auto;
	height: auto;
	padding: 10px;
}

.vorstand th {
	border-collapse: collapse;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 200px;
	width: 160px;
}

.vorstand td h2 {
	font-style: normal;
	font-weight: 700;
	background-color: #3364fb;
	font-size: 20px;
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
}

.vorstand td h3 {
	font-style: normal;
	font-weight: 300;
	background-color: #3364fb;
	font-size: 16px;
	clear: both;
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.vereinschronik {
	float: left;
	background-image: url(../img/kano-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% 70%;
}

.liga-table1, .liga-table2, .jugend-table {
	float: left;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	margin-top: 0px;
	width: 100%;
	border-collapse: collapse !important;	
	background-color: #E8E8E8;
}

.liga-table1 img, .liga-table2 img, .jugend-table img {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px;	
}

.liga-table1 th, .liga-table2 th, .jugend-table th {
	padding: 15px;
	text-align: center;
	background-color: #666;
	color: #FFF;
}

.liga-table2 td, .jugend-table td {
	padding: 15px;
	text-align: left;
	background-color: #E8E8E8;
}

.mannschaften-header, .liga-table1 caption, .liga-table2 caption, .erfolge caption, .jugend-table caption {
	background-color: #3364fb !important;
	color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px !important;
	font-weight: 300;
	text-align: left;
	font-size: 36px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#japan-logo-right-bar {
	float: left;
	height: 400px;
	width: 100%;
	background-image: url(../img/judo_stein.png);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1.0;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 35px;
	margin-left: 0px;
}

#beitritt-link {
	background-color: #333;
	height: auto;
	width: auto;
	font-weight: 400;
	color: #FFF;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 25px;
	padding-right: 50px;
	padding-bottom: 25px;
	padding-left: 50px;
}

#beitritt-link:hover {
	background-color: #3364fb;
	padding-top: 25px;
	padding-right: 50px;
	padding-bottom: 25px;
	padding-left: 50px;
	height: auto;
	width: auto;
	font-weight: 400;
	color: #FFF;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.pdf-download {
	background-color: #333;
	height: auto;
	width: auto;
	font-weight: 400;
	color: #FFF;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	font-size: 20px;
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 15px;
	float: left;
	clear: both;
}

.pdf-download:hover {
	background-color: #3364fb;
	color: #FFF;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.beitritt-group {
	float: left;
	height: 350px;
	width: 100%;
	background-image: url(../img/beitritt-background.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.beitritt-parts {
	font-weight: 300;
	font-size: 40px;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.gallery_thumb {
	float: left;
	height: 300px;
	width: 50%;
	background-color: #FFF;
	margin-bottom: 50px;
	clear: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	text-indent: -9999px;
}
.gallery_thumb a {
	float: left;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
}
.gallery_year {
	float: right;
	height: auto;
	width: 46%;
	padding-top: 25px;
	padding-right: 2%;
	padding-bottom: 25px;
	padding-left: 2%;
	font-size: 40px;
	font-weight: 300;
	color: #FFF;
	background-color: #3364fb;
	margin-top: 50px;
	clear: left;
}
.gallery_year a, .gallery_year a:hover {
	color: #FFF;
	text-decoration: none;
	height: 100%;
	width: 100%;	
}
.gallery {
	float: left;
	height: auto;
	width: 100%;
	opacity: 0.7;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.gallery:hover {
	opacity: 1;	
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.bilder-link {
	color: #FFF;
	float: left;
	margin-left: -10px;
	font-weight: 700;
	background-color: #333;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/news-link.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

.bilder-link:hover {
	color: #FFF;
	float: left;
	margin-left: -10px;
	font-weight: 700;
	background-color: #3364fb;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 55px;
	background-image: url(../img/news-link.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}