/*******************************************************************************
********************************************************************************
	Projekt		: S-Unity 
********************************************************************************
*******************************************************************************/

/************************************* Reset allgemein - NICHTS VERAENDERN *****
*******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*********************************************** Reset - NICHTS VERAENDERN *****
*******************************************************************************/
a {
	text-decoration:none;
}
img, iframe, object, embed {
	vertical-align: bottom;
}
strong {
	font-weight: bold;
}
input, textarea, select {
	font-size: 1em;
}
html {
	height: 100.01%;
	margin-bottom: -1px;
}
body {
	position:relative;
	background-color: #FFF;
	color: #000;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align: left;
}


/******************************************** Standard - NICHTS VERAENDERN *****
*******************************************************************************/

.nospace {
	margin: 0;
	padding: 0;
}

.rvrs {
	unicode-bidi: bidi-override; 
	direction: rtl;
}

body, div, 
h1, h2, h3, h4, h5, h6, p, 
a, span,  
li {
	background-repeat:no-repeat;
}

.fl-lft { 
	float: left;
	margin: 0 20px 0 0;
}

.fl-rght { 
	float: right;
	margin: 0 0 0 20px;
}

.algn-lft { 
	text-align: left;
}

.algn-rght { 
	text-align: right;
}

.algn-cntr { 
	text-align: center;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.hidden {
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFF;
}

.nowrap {
	white-space: nowrap;
}


/*********************************************************** Hintergruende *****
*******************************************************************************/


/*	Blau */
#navi-sub ul.navi-clr3 li a:hover, 
#navi-sub ul.navi-clr3 li a.rex-current {
	background-color: #3BBFDA;
}

/************************************************************* Text-Farben *****
*******************************************************************************/
#footer h2 {
	color: #3F3F41;
}
#website, 
#sidebar h3, 
.popup-wrapper, 
.popup-wrapper h3, 
.popup-wrapper h4 span, 
#navi ul li a {
	color: #424244;
}
ul.teaser-list strong {
	color: #4E4E4E;
}
#footer, 
#footer a {
	color: #797979;
}
.page-text {
	color: #7F7F7F;
}
ul.teaser-list{
	color: #8B8B8B;
}
.tab-navi a {
	color: #fff;
}
p.partner-all a {
	color: #A1A1A1;
}
ul.partner li dl dd {
	color: #C7C7C7;
}

#website a.button, 
#footer a.button, 
.popup-wrapper a.button, 
.form input.form-submit, 
.xform input.submit, 
#navi ul li.active-first a, 
#navi ul li.active a, 
#navi-sub ul li a:hover, 
#navi-sub ul li a.rex-current, 
#navi-sub ul.navi-clr3 li a:hover, 
#navi-sub ul.navi-clr3 li a.rex-current, 
ul.navi-paginate li.first a,
ul.navi-paginate li.last a {
	color: #FFF;
}

/*	Rot */
h3, h4 span, a, 
.clr-1, 
.error,
ul.form_warning, 
.tab-navi a:hover, 
.tab-navi a.active, 
.tab-content a, 
.tab-content form a, 
.xform legend, 
.popup-wrapper-v2 h4.clr-1 span {
	color: #E30510;
}
/*	Orange */
.clr-2, 
.teaser-comment-comments a {
	color: #FF660D;
}
/*	Blau */
.clr-3, 
.popup-wrapper h4, 
.form a, 
#navi-sub ul.navi-clr3 li a, 
h2.icon-clr3-opened {
	color: #3BBFDA;
}
/*	Gruen */
.clr-4 {
	color: #009600;
}

/*************************************************************** Schriften *****
*******************************************************************************/
body, input, textarea {
	font-family: Arial, Verdana, sans-serif;
}


/********************************************************* Schriftgroessen *****
*******************************************************************************/
#website, 
#footer, 
.popup-wrapper {
	font-size: .81em;
}

h1 {
	font-size: 3.5em;
}
.popup-wrapper h3 {
	font-size: 2.4em;
}
h2, 
.popup-wrapper h4 {
	font-size: 1.7em;
}
.page-text {
	font-size: 1.45em;
}

#page-header .page-text {
	font-size: 1.35em;
	line-height:1.4em;
}


ul.partner li dl dd {
	font-size: 1.4em;
}
h3, 
#navi, 
.fos-1, 
.xform legend  {
	font-size: 1.23em;
}
.popup-wrapper .page-text {
	font-size: 1.15em;
}
#footer h2, 
#sidebar h3, 
ul.partner li span {
	font-size: 1.1em;
}

/************************************************************* Zeilenhoehe *****
*******************************************************************************/
div#website p, 
div#website dl, 
div#website ol, 
div#website ul, 
div#website table, 
div#footer p, 
div.popup-wrapper p, 
div.popup-wrapper dl, 
div.popup-wrapper ol,
div.popup-wrapper ul, 
div.popup-wrapper table {
	line-height: 1.6;
}

/************************************************************* Allgemeines *****
*******************************************************************************/

h3, h4, 
#content p, 
#content dl, 
#content ol, 
#content ul, 
#content table, 
#sidebar p, 
#sidebar dl, 
#sidebar ol, 
#sidebar ul, 
#sidebar table {
	margin-bottom: 1em;
}
#sidebar h4 {
	margin-bottom: .5em;
} 
#content ol dl,
#content ul dl,
#sidebar ol dl,
#sidebar ul dl,
#content .teaser-data ul.teaser-list, 
#content .teaser-data p, 
#content .teaser-comment ul.teaser-list, 
#content .teaser-comment p, 
#content .teaser-comment-comments, 
#content .tab-content p.img, 
.popup-wrapper-v2 h4 {
	margin-bottom: 0;
}


div#content ul {
	margin-left: 20px;
}
div#content ul li {
	list-style-type: square;
}

#content ul.ranking, 
#content ul.teaser-list, 
#content .tab-box ul {
	margin-left: 0px;
}
#content ul.ranking li, 
#content ul.teaser-list li, 
#content .tab-box ul li {
	list-style: none;
}

a:hover {
	text-decoration: underline;
}

#page-header h1 {
	margin-bottom: 5px;
	margin-left: -3px;
}
h2, h3 {
	font-weight: bold;
}
h2 {
	clear: both;
	padding-top: 26px;
	margin-bottom: 20px;
}
.popup-wrapper h2 {
	padding-top: 16px;
}
#footer h2 {
	padding-top: 0px;
	margin-bottom: 1em;
}
.popup-wrapper h3 {
	margin-bottom: 5px;
}
.popup-wrapper-v2 h4 {
	padding-top: 12px;
	padding-left: 5px;
}

.error {
	font-weight: bold;
}
/********************************************************** Seitenstruktur *****
*******************************************************************************/
body {
	background-image: url(/layout/css/bg_body.jpg);
	background-repeat: repeat-x;
	border-top: 5px solid #E30510;
	text-align: center;
}

#website {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#header, 
#footer, 
#wrapper {
	float: left;
	width: 100%;
}

#header {
	position: relative;
	height: 140px; /*260px*/
	background-position: 100% 100%;
	border-bottom: 1px solid #E6E6E6;
}
#footer {
}
#wrapper {
}
#wrapper #content {
	float: left;
	width: 580px;
} 
#wrapper #sidebar {
	float: right;
	width: 280px;
}
#wrapper #content .content, 
#wrapper #sidebar .content {
	padding-top: 12px;
}
#wrapper #content .content {
	padding-bottom: 50px;
}

body#page-a #wrapper #content {
	float: none;
	width: 900px;
} 


div.popup {
	display: none;
}
div.popup-wrapper {
	background-image: url(/layout/css/bg_popup_r.jpg);
	background-position: 100% 0;
}
div.popup-wrapper-2 {
	padding: 16px;
	background-image: url(/layout/css/bg_popup_l.jpg);
	text-align: left;
}
/****************************************************************** Header *****
*******************************************************************************/
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(/layout/css/logo9.gif); /* logo.png,logo2.png */
	background-repeat:	no-repeat;
	background-position:	0px 0px;
}
#logo p a {
	display: block;
	width: 235px;
	height: 135px; /* 85px */
	text-indent: -1000em;
}

#page-header {
	padding-top: 100px; /*144*/
}
#page-header .page-text {
	width: 600px;
	margin-top:8px;
}
.popup-wrapper .page-text {
	margin-bottom: 11px;
	padding-bottom: 11px;
	border-bottom: 6px solid #E6E6E6;
}

#socialmediabar {
	float:			right; /*left*/
	width:			34%; /*100*/
	height:			31px;
	background-color:	#FFFFFF;
	padding-top:		0px;
	/*border-top:		4px solid #E6E6E6;
	border-bottom:		1px solid #E6E6E6;*/
	font-size:		0.9em;
	position:		relative;
	top:			0px;
	left:			0px;
}

/*#socialmediabar div {
	width:			100%;
	margin:			0px;
	padding:		0px;
	position:		relative;
	top:			0px;
	left:			0px;
}*/

/*#socialmediabar div div {
	width:			100%;
	margin:			0px;
	padding:		0px;
	position:		relative;
	top:			0px;
	left:			0px;
}*/

#socialmediabar a {
	display:		inline-block;
	color:			#666666;
	padding-left:		38px;
	padding-right:		10px;
	margin-right:		10px;
/*	margin:			0px;*/
}

#socialmediabar a.addthis_button {
	margin:			0px;
	padding-top:		10px;
	height:			21px;
	text-decoration:	none;
/*	width:			150px;*/
	background:		transparent url(/files/addthis25px.gif) 5px 3px no-repeat;
}

#socialmediabar a.facebooklink {
	margin:			0px;
	padding-top:		10px;
	height:			21px;
	text-decoration:	none;
/*	width:			150px;*/
	background:		transparent url(/files/fb_logo_k.gif) 5px 3px no-repeat;
}

#socialmediabar a.twitterlink {
	margin:			0px;
	padding-top:		10px;
	height:			21px;
	text-decoration:	none;
/*	width:			150px;*/
	background:		transparent url(/files/t_logo-a.gif) 5px 3px no-repeat; /*twitter_logo_k.gif*/
}

#socialmediabar a.addthis_button:hover,
#socialmediabar a.facebooklink:hover,
#socialmediabar a.twitterlink:hover {
	background-color:	#E6E6E6;
	text-decoration:	none;
}

#socialmediabar span.linksright {
	position:		absolute;
	right:			0px;
}

#socialmediabar a.ilbutton {
	text-decoration:	none;
	display:		inline-block;
	margin-top:		2px;
	padding:		0 20px 0 5px;
	background-image:	url(/layout/css/btn1.gif);
	background-position:	0 -50px;
	white-space:		nowrap;
	cursor:			pointer;
}

#socialmediabar a.ilbutton span span {
	text-decoration:	none;
	cursor:			pointer;
}

#socialmediabar a.ilbutton:hover span span {
	text-decoration:	underline;
}

#socialmediabar a.ilbutton span {
	display:		inline-block;
	padding:		0 16px 0 11px;
	background-image:	url(/layout/css/btn1.gif);
	background-position:	100% 0;
	cursor:			pointer;
}

#socialmediabar a.ilbutton span span {
	display:		inline-block;
	padding:		0;
	background:		none;
	font-weight:		bold;
	line-height:		29px;
	color:			white;
	cursor:			pointer;
}

/****************************************************************** Footer *****
*******************************************************************************/
#footer {
	clear: both;
	background-color: #FFF;
	background-image: url(/layout/css/bg_footer.gif);
	background-repeat: repeat-x;
}
#footer a {
	text-decoration: underline;
}
#footer a.button {
	text-decoration: none;
}
#footer-wrapper {
	width: 900px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
}
#footer-content, 
#footer-bar {
	clear: both;
	float: left;
	width: 100%;
}
#footer-content {
	padding-bottom: 1em;
}
#footer-bar {
	padding: 12px 0 5px 0;
	border-top: 1px solid #DDD;
}
.footer-bx {
	float: left;
	width: 300px;
}


#footer-bar ul li {
	display: inline;
	display: inline-block;
	padding: 0 12px;
	border-left: 1px solid #DDD;
}
#footer-bar ul li.first {
	padding-left: 0px;
	border-left: 0;
}


/************************************************************ Navigationen *****
*******************************************************************************/
#navi {
	position: absolute;
	right: 0;
	top: 0;
}

#navi ul {
}
#navi ul li, 
#navi ul li a, 
#navi ul li a span.inner {
	display: block;
}
#navi ul li {
	float: left;
	font-weight: bold;
}
#navi ul li a, 
#navi ul li a span.inner {
	background-image: url(/layout/css/bg_navi.gif);
	background-position: 1000px 0px;
}
#navi ul li a {
	padding-left: 7px;
}

#navi ul li a span.inner {
	background-position: 100% -310px; /* -300px */
	padding: 18px 11px 10px 4px; /* 38px 11px 10px 4px; */
	cursor: pointer;
}
#navi ul li.first a {
	background-position: 0px -220px; /* -200 */
}
#navi ul li.active-next a span.inner {
	background: none;
}
#navi ul li.active a, 
#navi ul li.active-first a {
	background-position: 0% -120px; /* -100 */
}
#navi ul li.active a span.inner, 
#navi ul li.active-first a span.inner {
	background-position: 100% -20px;
}



#navi-sub ul {
	border-top: 1px solid #D2D2D2;
}
#navi-sub ul li {
	background-color: #F6F6F6;
	border-bottom: 1px solid #D2D2D2;
}
#navi-sub ul li a {
	display: block;
	padding: 3px 5px;
	font-weight: bold;
}
#navi-sub ul li a:hover, 
#navi-sub ul li a.rex-current {
	background-color: #E30510;
}

/*************************************************************** Tab ---------*/
.tab-navi {
	clear: both;
	float: left;
	width: 100%;
	height: 39px;
	background-image: url(/layout/css/bg_tab_navi.gif);
	background-repeat: repeat-x;
}
.tab-navi ul li {
	display: block;
	float: left;
	margin-right: 6px;
}
.tab-navi ul li a, 
.tab-navi ul li a span {
	display: block;
	background-image: url(/layout/css/bg_navi_tab.gif);
}
.tab-navi ul li a {
	padding-left: 8px;
	background-position: 0px -100px;
}
.tab-navi ul li a span {
	padding: 9px 20px 6px 12px;
	background-position: 100% 0px;
	font-weight: bold;
}
.tab-navi ul li a.active,
.tab-navi ul li a:hover {
	background-position: 0px -300px;
}
.tab-navi ul li a.active span,
.tab-navi ul li a:hover span {
	padding-bottom: 9px;
	background-position: 100% -200px;
}


/****************************************************************** Module *****
*******************************************************************************/
div.splt:before {
	content: "--> ALTER TRENNER <--";
}
div.split {
	clear: both;
	overflow: hidden;
	height: 1px;
	margin: 0 0 1em 0;
	background-color: #D2D2D2;
}

#content div.split {
	height: 1px;
}


p.img span.img {
	position: relative;
	background-color: #FFF;
}
p.img span.border {
	display: block;
	border: 3px solid #E6E6E6;
}
div.jquery-corner {
	position: absolute;
	width: 100%;
}



#content .ti, 
.teaser {
	position: relative;
	width: 580px;
	border-top: 3px solid #E6E6E6;
}
.teaser-v2 {
	background-color: #F6F6F6;
	border-bottom: 3px solid #E6E6E6;
}
#content .ti .ti-wrapper, 
.teaser .teaser-wrapper {
	padding: 18px 10px 8px 10px;
}
.teaser .teaser-info, 
.teaser-comment .teaser-info {
	position: absolute;
	right: 10px;
	top: 18px;
	width: 52px;
}

#content .ti .ti-content, 
.teaser .teaser-content {
	width: 500px;
}
#content .ti .has-img, 
.teaser .has-img {
	float: left;
	width: 360px;
}
.teaser .has-img {
	width: 410px;
}
.teaser-top .has-img {
	width: 300px;
}

.teaser-comments {
	float: left;
	width: 100%;
}
.teaser-comment {
	position: relative;
	clear: both;
	padding: 8px 10px;
	border-top: 3px solid #FFF;
	border-bottom: 1px solid #CCC;
}
.teaser-comment-content {
	float: right;
	width: 490px;
}
.teaser-comment-content p {
	font-style: italic;
}
.teaser-comment-comments {
	clear: both;
	padding: 8px 10px 8px 42px;
	background-image: url(/layout/css/ic2.gif);
	background-position: 10px 50%;
}
.teaser-comment-comments a {
}
.teaser-comment-info {
	padding: 5px 0 3px 10px;
}
.teaser-comment-thanks {
	background-color: #FF660D;
	color: #fff;
}
#content .teaser-comment-info p, 
#content .teaser-comment-info ul {
	margin-bottom: 0px;
}


.teaser-data {
	padding: 0 0 8px 10px;
}
.teaser-data .fl-lft {
	margin-right: 10px;
}


p.partner-all {
	clear: both;
	padding-top: 4px;
}
p.partner-all a {
	padding-left: 26px;
	background-image: url(/layout/css/ic3.gif);
	text-decoration: underline;
}



.gallery {
	float: left;
	width: 100%;
	padding: 2em 0;
}
.gallery p.img {
	float: left;
	margin: 0 5px;
	padding: 8px;
	background-color: #f6f6f6;
}
.gallery p.first {
	clear: both;
}


/*********************************************************** Spalten ---------*/
div.cols {
	clear: both;
	float: left;
	width: 100%;
}
div.cols div.col-colored {
	background-color: #E6E6E6;
}
div.cols div.col-patb {
	padding-top: 12px;
	padding-bottom: 12px;
}
div.cols div.col-content {
	position: relative;
	padding-left: 12px;
}
.popup-wrapper-v2 div.cols div.col-content {
	padding-left: 0;
}
div.cols div.col-colored div.col-content {
	padding-right: 12px;
}
div.col-a, 
div.col-b, 
div.col-c {
	float: left;
}
div.cols-2 div.col-a, 
div.cols-2 div.col-b, 
div.cols-2 div.col-c {
	width: 999px;
}
div.cols-2 div.col-b {
	float: right;
}
div.cols-3 div.col-c {
	float: right;
}

.popup-wrapper div.cols {
	padding-top: 9px;
}
.popup-wrapper div.cols-2 div.col-a, 
.popup-wrapper div.cols-2 div.col-b {
	width: 264px;
}
.popup-wrapper-v2 div.cols-2 div.col-a, 
.popup-wrapper-v2 div.cols-2 div.col-b {
	width: 300px;
}

#popup-login-box div.cols-2 div.col-a {
	background-image: url(/layout/css/img_users.jpg);
	background-position: 100% 120px;
}
#popup-login-box div.cols-2 div.col-patb div.col-content, 
#popup-login-box div.cols-2 div.col-colored div.col-content {
	height: 194px;
}

.tab-output div.cols {
	border-top: 3px solid #E6E6E6;
}
.tab-output div.cols div.col-content {
	padding: 0;
}
.tab-output div.cols-2 div.col-a {
	width: 238px;
	height: 364px;
	background-color: #FFF;
	overflow: auto;
} 
.tab-output div.cols-2 div.col-a div.col-content {
	padding-right: 10px;
	padding-left: 10px;
} 
.tab-output div.cols-2 div.col-b {
	width: 656px;
}

/*********************************************************** Tab Box ---------*/
.tab-box, 
.tab-box .tab-content, 
.tab-box .tab-output {
	clear: both;
	float: left;
	width: 100%;
}
.tab-box .tab-content-2 {
	padding-top: 20px;
	background-color: #F6F6F6;
	border: 3px solid #E6E6E6;
	border-top: 0;
}
.tab-box .tab-output {
	height: 367px;
	overflow: hidden;
}


/*********************************************************** Box Partner -----*/
#popup-partner-box .col-patb .col-content p.img span.img {
	display: block;
	padding-left: 50px;
}


/*********************************************************** Logged In--------*/
div#user-img {
	position: absolute;
	left: 210px;
	top: 0px;
	padding-left: 7px;
	background-image: url(/layout/css/bg_navi.gif);
	background-position: 0px -500px;
}
div#user-img-2 {
	padding: 7px 11px 9px 4px;
	background-image: url(/layout/css/bg_navi.gif);
	background-position: 100% -400px;
}
div#user-img p.img {
	background-color: #3BBFDA;
}

/**************************************************************** Elemente *****
*******************************************************************************/
a.button, 
.form .form-row p.form-submit span.form-element, 
.xform p.formsubmit span.form-element {
	display: inline-block;
	margin-bottom: 1em;
	padding: 0 0 0 5px;
	background-image: url(/layout/css/btn1.gif);
	background-position: 0 -50px;
	white-space: nowrap;
}
a.button span, 
.form .form-row p.form-submit span.form-element-i, 
.xform p.formsubmit span.form-element-i {
	display: block;
	padding: 0 16px 0 11px;
	background-image: url(/layout/css/btn1.gif);
	background-position: 100% 0;
}
a.button span span, 
.form .form-row p.form-submit input.form-submit, 
.xform p.formsubmit input.submit {
	display: block;
	padding: 0;
	background: none;
	font-weight: bold;
	line-height: 27px;
}
p.buttons a.button, 
p.form-button a.button {
	margin-left: 10px;
}
p.buttons a.button-first {
	margin-left: 0px;
}

#popup-login-box p.button {
	position: absolute;
	bottom: 0px;
}
#popup-login-box p.button a.button {
	margin-bottom: 0;
}



span.has-ranking {
	position: relative;
	padding-right: 70px;
}
span.has-ranking span.ranking {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 53px;
	height: 10px;
	background-image: url(/layout/css/ranking.gif);
}
span.has-ranking span.ranking-0 {
	background-position: 0px 0px;
}
span.has-rankingspan.ranking-1 {
	background-position: 0px -10px;
}
span.has-ranking span.ranking-2 {
	background-position: 0px -20px;
}
span.has-ranking span.ranking-3 {
	background-position: 0px -30px;
}
span.has-ranking span.ranking-4 {
	background-position: 0px -40px;
}
span.has-ranking span.ranking-5 {
	background-position: 0px -50px;
}

/***************************************************************** Listen *****/

ul.teaser-list li {
	display: inline;
	padding-right: 10px;
	padding-left: 13px;
	background-image: url(/layout/css/ic1.gif);
	background-position: 0px 5px;
}
ul.teaser-list li.first {
	padding-left: 0px;
	background: none;
}


ul.ranking {
	position: relative;
	display: block;
	width: 53px;
	height: 10px;
	background-image: url(/layout/css/ranking.gif);
	text-indent: -1000em;
}
ul.ranking-1 {
	background-position: 0px -10px;
}
ul.ranking-2 {
	background-position: 0px -20px;
}
ul.ranking-3 {
	background-position: 0px -30px;
}
ul.ranking-4 {
	background-position: 0px -40px;
}
ul.ranking-5 {
	background-position: 0px -50px;
}
ul.ranking li {
	display: block;
	float: left;
}
ul.ranking li a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 9px;
	height: 10px;
	z-index: 10;
	white-space: nowrap;
}
ul.ranking li a:hover {
	width: 53px;
	background-image: url(/layout/css/ranking.gif);
	overflow: hidden;
	z-index: 5;
}
ul.ranking li a.ranking-1 {
	left: 0px;
}
ul.ranking li a.ranking-2 {
	left: 11px;
}
ul.ranking li a.ranking-3 {
	left: 22px;
}
ul.ranking li a.ranking-4 {
	left: 33px;
}
ul.ranking li a.ranking-5 {
	left: 44px;
}
ul.ranking li a.ranking-1:hover, 
ul.ranking li a.ranking-2:hover, 
ul.ranking li a.ranking-3:hover, 
ul.ranking li a.ranking-4:hover, 
ul.ranking li a.ranking-5:hover {
	left: 0px;
}
ul.ranking li a.ranking-1:hover {
	background-position: 0px -60px;
}
ul.ranking li a.ranking-2:hover {
	background-position: 0px -70px;
}
ul.ranking li a.ranking-3:hover {
	background-position: 0px -80px;
}
ul.ranking li a.ranking-4:hover {
	background-position: 0px -90px;
}
ul.ranking li a.ranking-5:hover {
	background-position: 0px -100px;
}




ul.partner li span {
	font-weight: bold;
}
ul.partner li dl {
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 1px solid #D2D2D2;
}
ul.partner li dl dt {
	float: left;
	padding-top: 4px;
}
ul.partner li dl dd {
	float: right;
}

/*	Aufzaehlung - Bspl: Loginbox */
ul.list-1 li {
	display: block;
	padding-left: 10px;
	background-image: url(/layout/css/ic1.gif);
	background-position: 0px 7px;
}

/*	Partner -> links neben Googlemap */
ul.list-2 li {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid #D2D2D2;
}
ul.list-2 li dt {
	font-weight: bold;
}
ul.list-2 li dd {
	position: relative;
}
ul.list-2 li dd span.ranking {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 53px;
	height: 10px;
	background-image: url(/layout/css/ranking.gif);
}
ul.list-2 li dd span.ranking-0 {
	background-position: 0px 0px;
}
ul.list-2 li dd span.ranking-1 {
	background-position: 0px -10px;
}
ul.list-2 li dd span.ranking-2 {
	background-position: 0px -20px;
}
ul.list-2 li dd span.ranking-3 {
	background-position: 0px -30px;
}
ul.list-2 li dd span.ranking-4 {
	background-position: 0px -40px;
}
ul.list-2 li dd span.ranking-5 {
	background-position: 0px -50px;
}


/*	Box -> Partner, Scout, Vereine */
ul.list-3, 
ul.list-4 {
	border-top: 1px solid #D2D2D2;
}
ul.list-3 {
	margin-bottom: 12px;
}
ul.list-4 {
	border-top-width: 3px;
}
ul.list-3 li, 
ul.list-4 li {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #D2D2D2;
}
ul.list-4 li {
	border-bottom-width: 3px;
}
ul.list-4 li.colored {
	background-color: #F6F6F6;
}
ul.list-3 li dt, 
ul.list-3 li dd, 
ul.list-4 li dt, 
ul.list-4 li dd {
	display: block;
	float: left;
	padding: 3px 0;
}
ul.list-4 li dt, 
ul.list-4 li dd {
	padding-top: 16px;
	padding-bottom: 13px;
}
ul.list-4 li dd.fos-1 {
	padding-top: 12px;
}

ul.list-3 li dt, 
ul.list-4 li dt {
	width: 120px;
	margin: 0 5px;
	font-weight: bold;
}
ul.list-3 li dd {
	width: 170px;
}
ul.list-4 li dd {
	width: 476px;
}


ul.list-5 li {
	display: inline;
	padding-right: 10px;
	padding-left: 13px;
	background-image: url(/layout/css/ic1.gif);
	background-position: 0px 5px;
}
ul.list-5 li.first {
	padding-left: 0px;
	background: none;
}
ul.list-4 ul.list-5 li {
	clear: none;
	float: none !important;
	width: auto !important;
	border: 0 !important;
}


#content ul.navi-paginate {
	margin-left: 0px;
	padding-bottom: 2em;
}
ul.navi-paginate li {
	display: block;
	float: left;
}
ul.navi-paginate li.other {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 27px;
}
ul.navi-paginate li.first a,
ul.navi-paginate li.last a {
	display: block;
	padding: 0 0 0 5px;
	background-image: url(/layout/css/btn1.gif);
	background-position: 0 -50px;

}
ul.navi-paginate li.first a span,
ul.navi-paginate li.last a span {
	display: block;
	padding: 0 16px 0 11px;
	background-image: url(/layout/css/btn1.gif);
	background-position: 100% 0%;
	font-weight: bold;
	line-height: 27px;
}



table.tbl-1 th,
table.tbl-1 td {
	padding: 5px;
	border-bottom: 3px solid #D2D2D2;
}
table.tbl-1 th {
	background-color: #F6F6F6;
	border-top: 3px solid #D2D2D2;
}
table.tbl-1 tr.colored td {
	background-color: #FCFCFC;
}
table.tbl-1 a {
	margin-left: 5px;
}
table.tbl-1 a.first {
	margin-left: 0px;
}

/******************************************************************* Icons *****
*******************************************************************************/
p.ic-twitter {
	padding-left: 52px;
	background-image: url(/layout/css/ic_twitter_1.gif);
	background-position: 0px 50%;
}
a.ic4 {
	display: block;
	padding-left: 32px;
	background-image: url(/layout/css/ic4.gif);
	background-position: 0px 50%;
	line-height: 28px;
}
h2.icon-clr3-opened {
	padding-left: 45px;
	background-image: url(/layout/css/ic5_c3_035_032.gif);
	background-position: 0px 35px;
}
.scout-ov .ic6-f, 
.scout-ov .ic6-m {
	background-image: url(/layout/css/ic6.gif);
	background-position: 100% 36px;
}
.scout-ov .ic6-f {
	background-position: 100% -464px;
}




/*************************************************************** Formulare *****
*******************************************************************************/
.form, 
.form .form-row {
	clear: both;
	float: left;
	width: 100%;
}

.form-colored {
	padding-top: 2em;
	background-color: #F6F6F6;
}

/*********************************************************** Spalten ---------*/
.form .form-cols .form-col-a, 
.form .form-cols .form-col-b, 
.form .form-cols .form-col-c {
	float: left;
}
body#page-a .form .form-cols-3 .form-col-a, 
body#page-a .form .form-cols-3 .form-col-b, 
body#page-a .form .form-cols-3 .form-col-c {
	width: 300px;
}
body#page-a .tab-box .form .form-cols-3 .form-col-a {
	width: 226px;
}
body#page-a .tab-box .form .form-cols-3 .form-col-b {
	width: 350px;
} 
body#page-a .tab-box .form .form-cols-3 .form-col-c {
	width: 318px;
}

/******************************************************* allgemeines ---------*/
.form-colored .form-row p {
	padding-left: 20px;
}
.form .form-row p.form-html,
.form .form-row p.form-checkbox,
.form .form-row p.form-radio {
	padding-left: 6px;
}

.form .form-row p span.form-element {
	margin-bottom: 8px;
}

.answertext {
	padding: 4px 20px;
	background-color: #3BBFDA;
	color: #fff;
	font-weight: bold;
}

/********************************************************* label allgemein ---*/
.form .form-row p label.form-required:after {
	content: "*";
}
.form .form-row p label.form-required span {
	display: inline-block;
	text-indent: -1000em;
}
/********************************************************* form-text ---------*/
/********************************************************* form-captcha ------*/
/********************************************************* form-select -------*/
/********************************************************* form-textarea -----*/
.form .form-row p.form-text span.form-element, 
.form .form-row p.form-text span.form-element-i, 
.form .form-row p.form-captcha span.form-element, 
.form .form-row p.form-captcha span.form-element-i, 
.form .form-row p.form-captcha span.form-element-i, 
.form .form-row p.form-textarea span.form-element, 
.form .form-row p.form-textarea span.form-element-i  {
	display: block;
	background-image: url(/layout/css/form_elements.gif);
}
.form .form-row p.form-text span.form-element, 
.form .form-row p.form-captcha span.form-element, 
.form .form-row p.form-textarea span.form-element {
	padding-left: 6px;
	background-position: 0px -100px;
}
.form .form-row p.form-text span.form-element-i, 
.form .form-row p.form-captcha span.form-element-i, 
.form .form-row p.form-textarea span.form-element-i {
	padding: 3px 6px 3px 0;
	background-position: 100% 0px;
}
.form .form-row p.form-textarea span.form-element {
	background-position: 0px -400px;
}
.form .form-row p.form-textarea span.form-element-i {
	height: 170px;
	background-position: 100% -200px;
}
.form .form-row p.form-text span.form-element-i input, 
.form .form-row p.form-captcha span.form-element-i input, 
.form .form-row p.form-textarea span.form-element-i textarea {
	width: 100%;
	background: none;
	border: 0;
}
#footer #form-newsletter .form-row p.form-text span.form-element {
	float: left;
	width: 170px;
}



#content .form .form-row p.form-text label, 
#content .form .form-row p.form-captcha label, 
#content .form .form-row p.form-select label, 
#content .form .form-row p.form-textarea label {
	float: left;
	width: 114px;
	padding-top: 3px;
	font-weight: bold;
}
#content .form .form-row p.form-captcha label {
	width: 244px;
	font-weight: normal;
}
#content .form .form-row p.form-notice span.form-element-i {
	padding-left: 114px;
}
#content .form .form-row p.form-text span.form-element, 
#content .form .form-row p.form-captcha span.form-element, 
#content .form .form-row p.form-select span.form-element, 
#content .form .form-row p.form-textarea span.form-element {
	float: left;
	width: 430px;
}
#content .form .form-row p.form-captcha span.form-element {
	width: 302px;
}
#content .form .form-row p.form-select span.form-element-i select {
	margin-top: 3px;
	width: 436px;
}

/*	Tab box */
#content .tab-box .form .form-row p.form-text label, 
#content .tab-box .form .form-row p.form-select label {
	float: left;
	width: 60px;
	padding-top: 3px;
	font-weight: bold;
}
#content .tab-box .form .form-row p.form-text span.form-element {
	width: 164px;
}
#content .tab-box .form .form-row p.form-select select {
	margin-top: 3px;
	width: 245px;
}


/*	Login */
#popup-login-box p.form-submit {
	position: absolute;
	bottom: -2px;
	line-height: 1;
}
#popup-login-box p.form-submit span.form-element {
	margin-bottom: 0px;
	margin-left: 0px;
}
#popup-login-box p.form-submit span.form-element-i {
	padding-bottom: 1px;
}
#popup-login-box p.form-submit span.form-element-i input {
	height: 26px;
}

/***************************************************** form-checkbox ---------*/
.form-checkbox input, 
.form-radio input {
	margin: 2px 5px 0 0;
	padding: 0;
	line-height: 1;
	vertical-align: top;
}



/***************************************************** form-submit -----------*/
/*	siehe .button */
.form .form-row p.form-submit span.form-element {
	margin-left: 114px;
}
.form .form-row p.form-submit input.form-submit {
	background: none;
	border: 0;
	height: 27px;
	cursor: pointer;
}
.form .form-row p.form-submit input.form-submit:hover {
	text-decoration: underline;
}



/***************************************************** form-split ------------*/
.form-colored div.form-split {
	clear: both;
	overflow: hidden;
	height: 3px;
	margin: 1em 0 2em 0;
	background-color: #FFF;
}




/********************************************************* Formulare xform *****
*******************************************************************************/
.xform, 
.commentbox {
	background-color: #F6F6F6;
}
.commentbox {
	clear: both;
}
div#content .xform ul.form_warning {
	margin: 0 0 2em 0;
	padding: 0 0 0 20px;
}
div#content .xform ul.form_warning li {
	padding: .2em 0;
}
.xform form {
	padding: 2em 20px 0 20px;
}
.xform fieldset {
	padding-bottom: 1em;
}
.xform legend {
	padding: 1em 0 2em 0;
	font-weight: bold;
}
.xform p {
	float: left;
	width: 100%;
}
.xform p label, 
.xform p span.as-label {
	float: left;
	width: 150px;
	font-weight: bold;
	text-align: left;
}
.xform p span.as-label {
	clear: both;
	display: block;
}
.xform p.formcaptcha label {
	display: block;
	float: none;
	width: auto;
	margin-bottom: 4px;
}
.xform p.formcheckbox label, 
.xform p.formmcheckbox label, 
.xform p.formradio label {
	float: none;
	width: auto;
}
.xform p.formcaptcha label img {
	vertical-align: middle;
}
.xform p.formcaptcha input.captcha, 
.xform p.formpassword input.password, 
.xform p.formtext input.text, 
.xform p.formtext input.inp_disabled, 
.xform p.formtextarea textarea.textarea {
	width: 384px;
	padding: 4px 2px;
}
.xform p.formcaptcha input.captcha {
	width: 150px;
}
.xform p.formselect select.select {
	width: 390px;
}
.xform p.formtextarea textarea.textarea {
	height: 120px;
}


.xform p.formcheckbox input.checkbox, 
.xform p.formmcheckbox input {
	display: inline-block;
	margin: 0 5px 4px 126px;
	padding: 0;
	vertical-align: middle;
}

.xform p.formnotice span {
	display: block;
	padding-left: 150px;
	font-weight: bold;
}



.xform-comment {
	text-align: left;
}
.xform-comment form {
	padding-top: 5px;
	padding-left: 10px;
}
.xform-comment ul {
	margin-bottom: 20px;
}
div#content .xform-comment ul.form_warning {
	margin: 0;
	padding-left: 13px;
}
div#content .xform-comment ul.form_warning li {
	padding: 0;
}
#content .xform-comment p {
	margin-bottom: 2px;
}
.xform-comment p.formtextarea textarea.textarea {
	width: 304px;
	height: 60px;
}
.xform-comment p.formselect select.select {
	width: 310px;
	margin-bottom: 5px;
}
.xform-comment p.formnotice span {
	padding-left: 0px;
	font-weight: bold;
}
.xform-comment p.formnotice {
	padding-top: 4px;
}
.xform-comment p.formsubmit {
	margin-top: -27px;
}
.xform-comment p.formsubmit span.form-element {
	margin-bottom: 0;
}



.xform-contact p {
	margin-bottom: 5px;
}


#form-profile p.formlabel-gcode span {
	margin-left: 0px;
	line-height: 1;
}

/********************************************************** submit -----------*/
/*	siehe .button */
.xform p.formsubmit span.form-element {
	margin-left: 150px;
}
.xform p.formsubmit input.submit {
	background: none;
	border: 0;
	height: 27px;
	cursor: pointer;
}
.xform p.formsubmit input.submit:hover {
	text-decoration: underline;
}



/********************************************************** split ------------*/
.xform .formsplit {
	clear: both;
	overflow: hidden;
	height: 3px;
	margin: 1em 0 2em 0;
	background-color: #FFF;
}



.login_error {
	color: #F00;
	margin: 0px 0px 10px 5px;
}

/************************************************************** abgerundet *****
*******************************************************************************/

.xform p.formcaptcha input.captcha, 
.xform p.formpassword input.password, 
.xform p.formtext input.text, 
.xform p.formtext input.inp_disabled, 
.xform p.formtextarea textarea.textarea {
	-moz-outline-radius-bottomleft: 4px;
	-moz-outline-radius-bottomright: 4px;
	-moz-outline-radius-topleft: 4px;
	-moz-outline-radius-topright: 4px;
	border: 0 none;
	outline-color: #CACACA;
	outline-style: solid;
	outline-width: 1px;
}
/****************************************************** jQuery Anpassungen *****
*******************************************************************************/
div#fancy_div {
	background: none;
}



.gmap-message, 
.gmap-more-link {
	padding: 10px;
	border-bottom: 1px solid #D2D2D2;
}
.gmap-more-link {
	margin-top: -1em;
}