/* css created and developed by 12bis3.de - zeitgemaess kommunizieren */

* {
	margin: 0;
	padding: 0;
	font-family: trebuchet, "trebuchet MS", verdana, arial, helvetica, sans-serif;
}

html {
	height: 100%;
}

/* -------------
main definitions
--------------*/


body {
	background: url(/images/bg-body.png) #fcfcfc repeat-x;
	font-size: 75%;
	min-height: 101%;
	padding-bottom: 1em;
	color: #565656;
}

a:link, a:visited, a:active {
	color: #3961a2;
	text-decoration: none;
}
#content a:hover, #content a:focus, #navigation a:hover, #navigation a:focus, #news a:hover, #news a:focus {
	color: #3961a2;
	text-decoration: none;
}

img {
	border: none;
}

a:hover img, a:focus img {
	background: none;
}

h1 {
	margin-bottom: 0.8em;
	color: #3961a2;
	font-size: 160%;
	font-weight: normal;
	padding-top: 11px;
}

h2 {
	font-size: 130%;
	font-weight: normal;
	margin: 0 0 0.7em 0;
	color: #3961a2;
}

h3 {
	font-size: 120%;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	color: #3961a2;
}

h4 {
	font-size: 100%;
	margin: 0 0 0.3em 0;
	color: #3961a2;
}

h5 {
	font-size: 100%;
	margin: 0 0 0.2em 0;
	color: #565656;
}

h6 {
	font-size: 90%;
	font-weight: normal;
	margin: 0;
	color: #565656;
}

p {
	margin: 0 0 1em 0;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

blockquote, blockquote p {
	font-style: italic;
}


/* ---------------
layout definitions 
----------------*/

#container {
	margin: 0 auto;
	width: 950px;
	background: url(/images/bg-container.png) repeat-y transparent;
}
* html #container {
    background:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-container.png',sizingMethod='scale');
}

#header {
	width: 934px;
	background: url(/images/bg-sonami-header.jpg) no-repeat transparent;
	height: 200px;
	overflow: hidden;
}

#navigation {
	width: 185px;
	padding: 40px 0 0 25px;
	background: url(/images/bg-navigation-top.png) no-repeat right top transparent;
	float: left;
}

#content {
	width: 470px;
	padding: 0 20px 15px 20px;
	float: left;
	line-height: 160%;
}

#service {
	width: 187px;
	padding: 0 10px 15px 0;
	float: left;
	position: relative;
}

#language {
	width: 33px;
	float: left;
}

#footer {
	clear: left;
	height: 60px;
	background: url(/images/bg-footer.png) no-repeat transparent;
}


/* --------------
header defintions
---------------*/

#header img {
	margin: 74px 0 32px 17px;
}
* html #header img {
	margin: 74px 0 27px 17px;
}
* + html #header img {
	margin: 74px 0 27px 17px;
}

#header p {
	text-align: right;
	color: #fff;
	margin: 0 32px 0 0;
}

#header p a {
	color: #fff;
}


/* ------------------
navigation defintions
-------------------*/

#navigation ul {
	background: url(/images/bg-navigation-bottom.png) repeat-x bottom #008e84;
	padding: 0 0 190px 0;
	list-style-type: none;
}

#navigation ul li {
	border-bottom: 1px solid #c5e5e3;
}

#navigation ul li a {
	background: url(/images/bg-navigation-level-1.png) repeat-x #a6d8d4; 
	display: block;
	padding: 7px 10px 7px 12px;
	font-weight: bold;
	color: #fff;
}

#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a.nav-active {
	background: url(/images/bg-navigation-level-1-hover.png) repeat-x #3ca8a1; 
	color: #fff;
}

#navigation ul ul {
	background: #3ea9a2;
	padding: 0;
	border-top: 1px solid #c5e5e3;
}

#navigation ul ul li {
	border-bottom: none;
	padding-bottom: 1px;
}

#navigation ul ul li a {
	background: url(/images/bg-navigation-level-2.png) no-repeat transparent 16px 6px; 
	display: block;
	padding: 3px 10px 3px 28px;
	font-weight: normal;
}

#navigation ul ul li a:hover, #navigation ul ul li a:focus, #navigation ul ul li a.nav-active {
	background: url(/images/bg-navigation-level-2-hover.png) no-repeat transparent; 
	color: #fff;
}

#navigation ul ul ul {
	background: #51b2ab;
	padding: 0;
	border-top: none;
}

#navigation ul ul ul li {
	border-bottom: none;
	padding-bottom: 1px;
}

#navigation ul ul ul li a {
	background: url(/images/bg-navigation-level-2.png) no-repeat transparent 25px 5px; 
	display: block;
	padding: 2px 10px 2px 35px;
	font-size: 90%;
}

#navigation ul ul ul li a:hover, #navigation ul ul ul li a:focus, #navigation ul ul ul li a.nav-active {
	background: url(/images/bg-navigation-level-2.png) no-repeat #269e97 25px 5px; 
	color: #fff;
}


/* ----------------
language defintions
-----------------*/

#language ul {
	list-style-type: none;
	margin-top: -7px;
}

#language ul li {
	padding-bottom: 1px;
}

#language ul li a {
	background: url(/images/bg-language.png) no-repeat transparent;
	width: 27px;
	height: 35px;
	display: block;
	font-weight: bold;
	padding: 16px 0 0 6px;
}
* html #language ul li a {
    background:none; 
	cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-language.png',sizingMethod='crop');
}

#language ul li a:hover, #language ul li a:focus, #language ul li a.lang-selected {
	background: url(/images/bg-language-hover.png) no-repeat transparent;
}
* html #language ul li a:hover, * html #language ul li a.lang-selected {
    background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-language-hover.png',sizingMethod='crop');
}



/* ---------------
content defintions
----------------*/

#content a {
	background: url(/images/bg-content-a.png) repeat-x bottom transparent;
}

#content a:hover, #content a:focus {
	background: url(/images/bg-content-a-hover.png) repeat-x bottom transparent;
}

#visual {
	height: 162px;
	position: relative;
	margin: 0 -10px 21px -10px;
	width: 490px;
}

#visual img {
	border-bottom: 2px solid #fdc300;
	position: absolute;
}

#visual h1 {
	padding: 11px 12px 9px 12px;
	background: url(/images/bg-h1.png) repeat transparent;
	position: absolute;
	width: 466px;
	margin: 0;
}
* html #visual h1 {
    background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-h1.png',sizingMethod='scale');
}


/* content */

#content ul {
	margin: 0 0 1.3em 15px;
	list-style-type: none;
}

#content ol {
	margin: 0 0 1.3em 15px;
}

#content li {
	margin-bottom: 0.4em;
}

#content ul li {
	background: url(/images/icon-listing.png) no-repeat transparent 0 5px;
	padding: 0 0 0 10px;
}

.image-left {
	float: left;
	margin: 0.4em 15px 0.4em 0;
}

.image-right {
	float: right;
	margin: 0.4em 0 0.4em 15px;
}

dl.image-big {
	margin: 0 0 1em 0;
}

dl.image-big dt {
	text-align: center;
}

.images {
	margin: 0 0 1em 0;
}

.images dl {
	float: left;
	padding: 0 7px 0 0;
}

.images img, .image-right img, .image-left img {
	border: 1px solid #fdc300;
}

* html .images dl {
	padding: 0 6px 0 0;
}

.images dl dd, .image-left dd, .image-right dd, .image-big dd {
	font-style: italic;
	font-size: 95%;
	color: #4a4b4d;
	line-height: 130%;
}

div.quotebox {
	background: url(/images/bg-quotebox.png) repeat-x transparent top;
	margin-bottom: 1em;
}

div.quotebox dl {
	width: 470px;
}

div.quotebox dl dt {
	float: right;
	width: 150px;
	padding: 6px 0 0.1em;
	
}

div.quotebox dl dt img {
	padding: 7px 8px 8px 7px;
	background: url(/images/bg-quoteimage.png) no-repeat transparent;
}

div.quotebox dl dd {
	float: right;
	width: 295px;
	padding: 10px 20px 10px 5px;
	background: url(/images/bg-quote-bottom.png) no-repeat transparent bottom right;
}

div.quotebox dl dd h3 {
	padding: 0 0 0 10px;
	margin: 0;
}

div.quotebox dl dd blockquote {
	background: url(/images/bg-quote-top.png) no-repeat transparent top left;
	padding: 5px 0 0 10px;
}


/* sitemap */

#content ul.sitemap {
	margin: 0 0 1em 0;
}

#content ul.sitemap li {
	background: none;
	padding: 0;
}

#content ul.sitemap li a {
	background-color: #f0f0f0;
	padding: 3px 5px;
	display: block;
	font-weight: bold;
}

#content ul.sitemap ul {
	margin-top: 0.5em;
}

#content ul.sitemap ul li {
	background: url(/images/icon-listing.png) no-repeat transparent 0 5px;
	padding: 0 0 0 10px;
}

#content ul.sitemap ul li a {
	background-color: transparent;
	display: inline;
	padding: 0;
	font-weight: normal;
}

#content ul.sitemap ul ul li a {
	font-size: 90%;
}


/* system buttons */

a.system {
    background: transparent url(/images/bg-system-btn-right.png) no-repeat top right !important;
	color: #3a62a3;
	text-decoration: none;
	float: left;
    display: block;
    height: 42px;
    margin-right: 12px;
    padding: 0 15px 0 0; 
	cursor: pointer;
}

a.system span, a.system-login span, a.system-sound span, a.system-play span, a.system-pause span {
    background: transparent url(/images/bg-system-btn-left.png) no-repeat;
    display: block;
    line-height: 42px;
    padding: 0 10px 2px 20px;
}


a.system:hover, a.system:focus {
	color: #fff;
	text-decoration: none;
	background: transparent url(/images/bg-system-btn-right-hover.png) no-repeat top right !important;
}

a.system:hover span, a.system:focus span, a.system-login:hover span, a.system-login:focus span, a.system-sound:hover span, a.system-play:hover span, a.system-sound:focus span, a.system-play:focus span, a.system-pause:focus span {
	background: transparent url(/images/bg-system-btn-left-hover.png) no-repeat;
	color: #3a62a3;
}

a.system-login {
    background: transparent url(/images/bg-syslogin-btn.png) no-repeat top right !important;
	color: #3a62a3;
	text-decoration: none;
	float: left;
    display: block;
    height: 42px;
    margin-right: 6px;
    padding: 0 47px 0 0; 
	cursor: pointer;
}

a.system-login:hover, a.system-login:focus {
	color: #fff;
	text-decoration: none;
	background: transparent url(/images/bg-syslogin-btn-hover.png) no-repeat top right !important;
}

a.system-sound {
    background: transparent url(/images/bg-sound-btn.png) no-repeat top right !important;
	color: #3a62a3;
	text-decoration: none;
	float: left;
    display: block;
    height: 42px;
    margin-right: 6px;
    padding: 0 47px 0 0; 
	cursor: pointer;
}

a.system-sound:hover, a.system-sound:focus {
	color: #fff;
	text-decoration: none;
	background: transparent url(/images/bg-sound-btn-hover.png) no-repeat top right !important;
}

a.system-play {
    background: transparent url(/images/bg-play-btn.png) no-repeat top right !important;
	color: #3a62a3;
	text-decoration: none;
	float: left;
    display: block;
    height: 42px;
    margin-right: 6px;
    padding: 0 47px 0 0; 
	cursor: pointer;
}
a.system-pause {
    background: transparent url(/images/bg-pause-btn.png) no-repeat top right !important;
	color: #3a62a3;
	text-decoration: none;
	float: left;
    display: block;
    height: 42px;
    margin-right: 6px;
    padding: 0 47px 0 0; 
	cursor: pointer;
}

a.system-play:hover, a.system-play:focus {
	color: #fff;
	text-decoration: none;
	background: transparent url(/images/bg-play-btn-hover.png) no-repeat top right !important;
}
a.system-pause:hover, , a.system-pause;focus {
	color: #fff;
	text-decoration: none;
	background: transparent url(/images/bg-pause-btn-hover.png) no-repeat top right !important;
}


/* teststream */

div.teststream {
	width: 200px;
	padding-left: 0.5em;
	float: right;
	height: 50px;
}

#content div.teststream a {
	background: url(/images/bg-teststream.png) no-repeat transparent;
	width: 186px;
	padding: 9px 0 0 14px;
	height: 30px;
	display: block;
}

#content div.teststream a:hover, #content div.teststream a:focus {
	background: url(/images/bg-teststream-hover.png) no-repeat transparent;
}



/* pager */

#content ul.pager {
	border-top: 1px solid #3961a2;
	padding-top: 0.5em;
	font-size: 100%;
	list-style-type: none;
	margin: 1.5em 0 1em 0;
}

#content ul.pager li {
	float: left;
	width: 33.2%;
	padding: 0;
	background: 0;
}
#content ul.pager li a {
	padding: 0;
}


#content ul.pager li.p-center {
	text-align: center;
}
#content ul.pager li.p-center a {
	padding: 0 2px;

}

#content ul.pager li.p-center a.nav-active {
	background: url(/images/bg-content-a-hover.png) repeat-x bottom transparent;
}

#content ul.pager li.p-right {
	text-align: right;
}


/* news */

div.author {
	font-style: italic;
}

div.source {
	font-style: italic;
}

p.back-overview {
	border-top: 1px solid #3961a2;
	padding-top: 0.5em;
	font-size: 90%;
	margin-top: 1.5em;
}


dl.news {
	width: 470px;
	margin-bottom: 1em;
	border-top: 1px solid #e0e0e0;
	padding-top: 1em;
}

dl.news dt {
	width: 125px;
	float: left;
	margin: 0.4em 0 0.2em 0;
	padding-bottom: 0.1em;
}

dl.news dt img {
	border: 1px solid #fdc300;
}

dl.news dd {
	width: 345px;
	margin-bottom: 0.4em;
	float: left;
}

dl.news dd h3 {
	margin-bottom: 0.2em;
}

dl.news dd p {
	margin-bottom: 0.5em;
}

dl.news dd p.news-more {
	margin: -0.5em 0 0.5em 0;
	text-align: right;
}


/* downloads */

#content .downloads {
	margin-bottom: 1em;
	background: url(/images/dotted-line.png) repeat-x transparent bottom;
	padding-bottom: 0.5em;
}

#content .downloads h4 {
	background: url(/images/dotted-line.png) repeat-x transparent bottom;
	padding-bottom: 0.6em;
}

#content .downloads ul {
	margin: 0;
}

#content .downloads ul li {
	background: url(/images/icon-listing.png) no-repeat 0 6px transparent;
	padding-left: 10px;
}


/* stream boxen */

.stream-box {
	background: url(/images/bg-sound-box-bottom.png) no-repeat bottom transparent;
	padding-bottom: 5px;
	min-height: 200px;
}
* html .stream-box {
	height: 200px;
}

.stream-box-detail {
	padding: 5px 15px;
}

#content ul.stream-box-nav {
	background: url(/images/bg-sound-box-top.png) no-repeat top transparent;
	margin: 0;
	padding: 10px 15px 0 15px;
}

#content ul.stream-box-nav li {
	float: left;
	padding: 0;
	background: none;
	margin: 0;
}

#content ul.stream-box-nav li a {
	color: #fff;
	font-weight: bold;
	background: none;
	display: block;
	padding: 5px 9px 14px 9px;
}
#content ul.stream-box-nav li a:hover, #content ul.stream-box nav li a:focus, #content ul.stream-box nav li.ui-tabs-selected a {
	background: url(/images/bg-sound-box-nav-hover.png) repeat-x top transparent;
	color: #3a62a2;
}


.stream-box-detail dl {
	width: 430px;
}

.stream-box-detail dl dt {
	width: 130px;
	height: 130px;
	float: left;
	margin-bottom: 1px;
}

.stream-box-detail dl dd {
	width: 300px;
	float: left;
	margin-bottom: 1px;
}

.stream-box-detail dl dt img {
	border: 1px solid #008e84;
	position: absolute;
	margin-top: 4px;
}

.stream-box-detail dl dt img.live {
	border: none;
	margin: 5px 0 0 70px;
}

.stream-box-detail dl dd h2 {
	font-size: 125%;
}

.stream-box-detail dl dd p {

}

.stream-box-detail dl p.box-button {
	margin: 0 -2px 0 -3px;
	height: auto;
}

.stream-box-detail dl dd dl {
	width: 300px;
}

.stream-box-detail dl dd dl dt {
	width: 100px;
	padding-right: 10px;
	float: left;
	clear: left;
	margin-bottom: 0.5em;
	height: auto;
}

.stream-box-detail dl dd dl dd {
	width: 190px;
	float: left;
	margin-bottom: 0.5em;
}

.stream-box-detail .images dl {
	float: left;
	padding: 0 7px 0 0;
}

.stream-box-detail .images dl dt {
	padding: 0;
	margin-bottom: 0px;
	float: none;
	width: auto;
}

.stream-box-detail .images dl dt img {
	position: relative;
}

.stream-box-detail .images dl dd {
	float: none;
	padding: 0;
	margin: 0;
	width: auto;
}

#content p.box-button {
	margin-top: 1px !important;

}


#content div.ui-tabs-hide {
	display: none;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}


/* shop */

dl.shopitem {
	width: 470px;
	margin-bottom: 1em;
	border-top: 1px solid #e0e0e0;
	padding-top: 1em;
}

dl.shopitem dt {
	width: 125px;

	float: left;
	margin: 0.4em 0 0.2em 0;
	padding-bottom: 0.1em;
}

dl.shopitem dt img {
	border: 1px solid #fdc300;
}

dl.shopitem dd {
	width: 345px;
	margin-bottom: 0.4em;
	float: left;
}

dl.shopitem dd h3 {
	margin-bottom: 0.2em;
}

dl.shopitem dd p {
	margin-bottom: 0.5em;
}

dl.shopitem dd p.news-more {
	margin: 0 0 0.5em 0;
	text-align: right;
}

dl.shopitem dd p.news-more span {
	float: left;
}

#content ul.category {
	list-style-type: none;
	margin: 0 0 1em 0;
	background: #f4f4f4;
	padding: 0.5em 0.5em 0.3em 0.5em;
}

#content ul.category li {	
	float: left;
	margin-right: 10px;
}

#content ul.category li.cat-first {
	background: none;
	padding: 0;
}


table.basket, table {
	margin: 0 0 1.4em 0;
	border-collapse: collapse;
	color: #333;
	font-size: 100% !important;
}
table.basket caption, table caption {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.4em;
	color: #4a4b4d;
}
table.basket th, table th {

}
table.basket tfoot td, table tfoot td {
	font-style: normal;
	font-size: 110%;
}
table.basket td input, table td input {
	width: 20px;
	margin-left: 7px;
}
table.basket tfoot td, table tfoot td {
	padding: 5px;
}
table.basket tfoot td.bestellung {
	text-align: right;
}
table.basket tbody tr:hover td, table tr:hover td {
	background-color: #fbfbfd;
}


dl.basket-check {
	margin: 0 0 1.2em 0;
	background: #fbfbfd;
	padding: 10px;
}
dl.basket-check dt {
	width: 30%;
	float: left;
	clear: left;
	font-weight: bold;
	margin-bottom: 0.5em;
}
dl.basket-check dd {
	width: 70%;
	float: left;
	margin-bottom: 0.5em;
}
dl.basket-check dd.edit {
	text-align: right;
}


/* ---------------
service defintions
----------------*/

#service div {
	padding: 10px;
	color: #fff;
	margin-bottom: 12px;
}

#service div div {
	padding: 0;
	margin-bottom: 0;
}

#service div h5 {
	font-size: 130%;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	margin: -10px -10px 10px -10px;
	padding: 10px;
	color: #fff;
}

.tx-felogin-pi1 {
	background: url(/images/bg-login-box.png) bottom repeat-x #fdc400;	
}

.tx-felogin-pi1 h5 {
	background: url(/images/bg-login-header.png) top right transparent no-repeat;
}

.tx-felogin-pi1 form {
	margin: 0;
}

.tx-felogin-pi1 form label {
	width: 61px;
	color: #fff;
}

.tx-felogin-pi1 form p {
	margin: 0 0 7px 0;
}

.tx-felogin-pi1 form input {
	width: 100px;
	border: 1px solid #fff;
	padding: 0 2px;
	color: #565656;
	background: url(/images/bg-login-input.png) repeat-x #feedb3;
}
* html .tx-felogin-pi1 form input {
	width: 95px;
}

.tx-felogin-pi1 form input:hover, .tx-felogin-pi1 form input:focus {
	background: url(/images/bg-login-input-hover.png) repeat-x #fffae8;
}

.tx-felogin-pi1 p.forgot-pw {
	font-size: 85%;
	text-align: right;
	border-bottom: 1px solid #ffeeb2;
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
}

.tx-felogin-pi1 p.forgot-pw a {
	background: url(/images/bg-content-a.png) repeat-x bottom transparent;
}

.tx-felogin-pi1 p.forgot-pw a:hover, .tx-felogin-pi1 p.forgot-pw a:focus {
	background: url(/images/bg-content-a-hover.png) repeat-x bottom transparent;
}

.tx-felogin-pi1 h6 {
	font-size: 100%;
	color: #3961a2;
	margin-bottom: 0.2em;
}

.tx-felogin-pi1 p.login-submit {
	padding: 0 0 0 60px;
	margin: 0 0 4px;
}
* html .tx-felogin-pi1 p.login-submit {
	padding: 0 0 0 55px;
}

.tx-felogin-pi1 form button {
	background: url(/images/bg-login-btn.png) transparent no-repeat;
	border: none;
	width: 110px;
	height: 30px;
	cursor: pointer;
	padding: 0;
	color: #3961a2;
}
* html .tx-felogin-pi1 form button {
    background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-login-btn.png',sizingMethod='crop');
}

.tx-felogin-pi1 form button:hover {
	background: url(/images/bg-login-btn-hover.png) transparent no-repeat;
}

.tx-felogin-pi1 p.get-login {
	margin-bottom: 5px;
}

.tx-felogin-pi1 p.get-login a {
	display: block;
	width: 167px;
	padding-top: 6px;
	height: 24px;
	text-align: center;
	background: url(/images/bg-register-btn.png) no-repeat transparent;
}
* html .tx-felogin-pi1 p.get-login a {
    background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-register-btn.png',sizingMethod='crop');
}

.tx-felogin-pi1 p.get-login a:hover, .tx-felogin-pi1 p.get-login a:focus {
	background: url(/images/bg-register-btn-hover.png) no-repeat transparent;
}
* html .tx-felogin-pi1 p.get-login a:hover {
    background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-register-btn-hover.png',sizingMethod='crop');
}

#service .tx-felogin-pi1 p.go-center a {
	display: block;
	width: 132px;
	padding: 6px 0 0 35px;
	height: 24px;
	background: url(/images/bg-centerhome-btn.png) no-repeat transparent;
}

#service .tx-felogin-pi1 p.go-center a:hover {
	background: url(/images/bg-centerhome-btn-hover.png) transparent no-repeat;
}

#service .tx-felogin-pi1 p.go-credits a {
	display: block;
	width: 132px;
	padding: 6px 0 0 35px;
	height: 24px;
	background: url(/images/bg-creditsbuy-btn.png) no-repeat transparent;
}

#service .tx-felogin-pi1 p.go-credits a:hover {
	background: url(/images/bg-creditsbuy-btn-hover.png) transparent no-repeat;
}

#service .tx-felogin-pi1 p.go-codes a {
	display: block;
	width: 132px;
	padding: 6px 0 0 35px;
	height: 24px;
	background: url(/images/bg-code-btn.png) no-repeat transparent;
}

#service .tx-felogin-pi1 p.go-codes a:hover {
	background: url(/images/bg-code-btn-hover.png) transparent no-repeat;
}


#service div#video {
	margin: 0 -10px 12px -10px;
}

#service div#video h5 {
	padding: 0;
	margin: 0;
	color: #3961a2;
	font-size: 120%;
	border: none;
}

#news {
	background: url(/images/bg-news.png) repeat-x bottom #3961a2;
	display: block;
	padding: 0 10px !important;
	margin: 0 -10px;
}

#news h4 {
	color: #fff;
	margin: 0 0 0.1em 0;
}

#news a {
	color: #fff;
	font-weight: bold;
}

#news a:hover, #news a:focus {
	color: #fff;
}

#news p.all-news {
	border-top: 1px solid #bdcbe0;
	padding-top: 0.6em;
	margin-bottom: 0.5em;
	text-align: right;
}

#news p.all-news a {
	font-weight: normal;
}

#news p a {
	background: url(/images/bg-news-a.png) repeat-x bottom transparent;
}

#news p a:hover, #news p a:focus {
	background: url(/images/bg-news-a-hover.png) repeat-x bottom transparent;
}


#service #twitter-box .twtr-tweet-wrap {
	padding: 5px;
}

#service .twtr-hd, #service .twtr-ft {
	padding: 5px;
}

#service div div#fb-box, #service div div#twitter-box {
	margin: -10px;
}



/* ----------------
footer definitionen
-----------------*/

#footer p {
	text-align: center;
	color: #565656;
	margin: 0;
	font-size: 90%;
	padding-top: 18px;
}

#footer p a {
	color: #565656;
	background: url(/images/bg-footer-a.png) repeat-x bottom transparent;
}

#footer p a:hover, #footer p a:focus {
	background: url(/images/bg-footer-a-hover.png) repeat-x bottom transparent;
}




/* ------------------
formular definitionen
-------------------*/

fieldset {
	margin-bottom: 1.2em;
}

form {
	margin: 0 0 1.2em 0;
}

legend {
	font-size: 100%;
	font-weight: bold;
	color: #000;
}

label {
	float: left;
	width: 170px;
	color: #565656;
}

input, textarea, select {
	width: 260px;
	font-size: 100%;
	color: #565656;
	padding: 1px 3px;
	border: 1px solid #3961a2;
	background: #d5deeb;
}
textarea {
	width: 258px;
	height: 170px;
	padding: 3x;
	background: #d5deeb;
	color: #565656;
}
select {
	padding: 1px 3px;
	width: 267px;
}

p.input-small input {
	width: 50px;
}
option {
	padding: 0 3px;
	background: transparent;
}

input:hover, input:focus, select:hover, select:focus {
	border-color: #fdc300;
	background: #fff3cc;
}
textarea:hover, textarea:focus {
	border-color: #fdc300;
	background: #fff3cc;
}

input.small {
	width: auto;
	padding-right: 5px;
}

input.radio-check {
	width: auto;
	border: none;
	background: none;
}

input.submit-btn {
	color: #3961a2;
	font-weight: bold;
	width: 266px;
}

p.check-radio input, input.check-radio {
	width: auto;
	margin-right: 5px;
	background: none;
	border: none;
	height: auto;
	padding: 0;
}


/* ecosia Suche */

form.ecosia_small {
	overflow: hidden;
}

form.ecosia_small input {
	margin: 0;
	padding: 0;
	outline: 0;
	background: transparent url(/images/ecosia_form_images_small_trans.png) 0px 0px no-repeat;
	width: 120px;
	border: none;
	background-color: transparent;
	padding: 6px 5px 6px 7px;
	font-size: 12px;
	color: #83BC5A;
	float: left;
}

form.ecosia_small button {
	margin: 0;
	padding: 0;
	outline: 0;
	height: 28px;
	width: 35px;
	background: transparent url(/images/ecosia_form_images_small_trans.png) -296px 0px no-repeat;
	border: none;
	cursor: pointer;
	float: left;
}




/* clear me baby */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
* html .clear {
	height: 1px;
}
* + html .clear {
	height: 1%;
}
.clear {
	display: block;
}