/* 

#
# 
********INDEX***********
in parenthesis is the aprox. line number
LINKS
FORMS ......................(73)
LISTS ......................(97)
MISC (img, hr, clear etc.)..(110)
HEADER .....................(116)
--LOGIN AREA ...............(148)
--TOP NAVIGATION ...........(168)
--SEARCH ...................(212)
CONTENT ....................(240)
--Subcategory navigation, over the listings (280)
--FOOTER ...................(300)
--SIDEBARS .................(340)
----Left with the secNav ...(341)
----Right with the ad section (350)
--SECONDARY NAVIGATION - vertical navigation (365)
--SECONDARY NAVIGATION -2nd tier.............(372)
--INFOBOX ..................(412)
--LISTINGS .................(424)
----Special listings styles (508)
STARTPAGE ..................(845)
GUTSCHEINE..................
#
#
#Corporate colors: #7EB935 green (was 82C62B, until update blog and logo)
# green in the header under the logo #7EB935
# dark grey for text #7E7F81
# Hovering and H2 background: #C7E59F 
# default background-color for hover #eee
# default link color black, except the listings they are blue see line 48
# default for visited 535353 (dark red)
# default link hovering: font-color:blue and background-color:#eee (light grey)
# h4 just bold text
#

*/


/* THE BIG GUYS */
 /*{margin:0;padding:0}*/

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /*different for IE - see for_ie.css*/
	background-color: #fff;
	color: #000;
}

 
* {
	margin: 0;
	padding: 0; 
	font-size: 1em;
	font-weight: normal;
}

/*body and * section inspired by http://www.webkrauts.de/2004/12/10/das-basisstylesheet/ */

/*------------------- LINKS -------------------*/
/*
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#c00} 
a:visited {color:#d55} 
a:hover,a:active {color:#069} 
*/
a:link {
		color:black;		
		}
		
a:visited{color:#5F5F5F;}


li.active a:hover{
	cursor:text;
	text-decoration:none;
	color:#000;
	background-color: transparent;
	}

a:hover{
	background-color:#eee;
	color:blue;
	text-decoration: none;	
	}

td a:link{
	color:blue;
}


a.arrow{
background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:12px !important;
}

a.plus{
background-image: url(images/green_plus_small.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:13px !important;
}

a.noDecoration{
background-image:none !important;
padding-left:2px !important;
}

.external-link{
	
	background-image: url(images/external_links.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:12px;
}

.smallArrow{
#startpage a{
background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;	
}

}
.recommend{
position:absolute;
left:600px;
top:95px;
	background-image: url(images/recommend.gif);
	background-repeat: no-repeat;
	background-position: left ;
	padding:3px 0px 3px 21px ;
	color:blue !important;
	font-size:1.1em;
	font-weight:bold;
}

/*
th a:hover {
	text-decoration:underline;
}
*/
/*------------------- FORMS -------------------*/
form {}
input{
	margin-bottom:2px;
	margin-top:4px;
	
}



.inputField{
	background-color: white;
	background-image: url(images/input_background.gif);
	background-repeat: repeat-x;
}

.inputField:focus {

  border-top:solid 2px  #71ac26;
  border-left:solid 2px  #71ac26;
  border-right:solid 2px  #c7e59f;
  border-bottom:solid 2px  #c7e59f;

}

fieldset {
	border: none
	
	}
	


input.submit{
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
 

}


button {
	
	background-color:transparent !important;
	height:17px;
	border:none;
	margin-left:0px;
	padding-bottom:100px;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */	
	color:#fff;
	font-weight:bold;	

}

button.btnSmall{
background-image: url(images/button_grey_small.gif);
	background-repeat: no-repeat;
	width:52px;
	margin-left:2px;
	padding-bottom:2px;
	
}

button.btnBig{
background-image: url(images/button_grey_big.gif);
	background-repeat: no-repeat;
	width:89px;
	margin-left:2px;
	margin-top:5px;
	padding-bottom:5px;
	font-size:0.9em; /*to be sure the text fits for IE*/
}

button.btnVeryBig{
background-image: url(images/button_grey_very_big.gif);
	background-repeat: no-repeat;
	width:130px;
	margin-left:2px;
	margin-top:5px;
	padding-bottom:5px;
	font-size:0.9em; /*to be sure the text fits for IE*/
}




textarea{
font-size:1.0em;
}

/**********************************

Author: Nick Rigby 
with modifications by rx

***********************************/


form.myForm {
	width: 550px;
	font-size: 1.1em;
	color: #333;
	}

	
form.myForm fieldset {
  margin-bottom: 10px;  
  border: none;
  background: url(images/fieldset_background.gif) left bottom repeat-x;
}

form.myForm legend {
  padding: 5px 2px 5px;
  padding-left: 1px;
  font-weight: bold;
  font-size:1.2;
  

}
form.myForm label.asTitle {
  padding-left: 3px;
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
   width: 130px; /* Width of labels, thus the left "column" - rx was 170*/
  color: #333;
  
}

form.myForm label.asTable {
  padding-left: 3px;
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
   width: 170px; /* Width of labels, thus the left "column" - rx was 170*/
  color: #333;
  
}


form.myForm fieldset ol {
  margin: 0;
  padding: 0;
}


form.myForm fieldset li {
  list-style: none;
  margin: 0;
  padding: 5px 0px 7px;
  background: url(images/form_divider.gif) left bottom repeat-x;
}


form.myForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
  
}
form.myForm fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
  border-top: 1px dotted #C9DCA6;
}
form.myForm fieldset fieldset label {
  display: block;
  width: auto;
  margin-left: 123px; /* Width plus 3 (html space) */
}


/*\*//*/ form.myForm legend { display: inline-block; } /* IE Mac legend fix */


/*for small forms */

#smallFormLeft .myForm{
	position:relative;
	left:0px;
	float:left;
	width: 260px;	
	
	}

#smallFormRight .myForm{
	width: 260px;
	position:relative;
	float:right;
	margin-right:0px;
	}

#smallFormLeft label.asTitle {
  width: 90px; /* Width of labels, thus the left "column"*/
    
}

#smallFormRight label.asTitle {
  width: 90px; /* Width of labels, thus the left "column"*/
    
}

#smallFormLeft .alignLeft{
float:left;
}


/*
rr  deleted, so the content of the forms doesn't need lot of space
label {display:block;padding: 0px 0}*/
label br {clear:left}
label {
padding-right:4px;
}



/*------------------- TYPESETTING -------------------*/


h1 {
font-size:1.3em;
font-weight:bold;
margin: 20px 0px 10px 0px;
padding: 2px;

}

h2 {
font-size:1.1em;
font-weight:bold;
margin: 20px 0px 5px 0px;
border-top: #71AC26 dotted 1px;
border-bottom: #71AC26 dotted 1px;
background-color: #C7E59F;
padding: 2px;
}



h3 {
font-size:1.1em;
font-weight:bold;
margin: 10px 0px 5px 0px;
border-bottom: #71AC26 dotted 1px;
padding: 2px;
}

h4 {
font-size:1.0em;
font-weight:bold;
padding: 5px 2px 5px 2px;
}

h5 {
font-size:3.5em;
font-weight:bold;
margin: 20px 0px 10px 0px;
padding: 2px;

}

/*------------------- LISTS ------------------- */
ul {list-style-type:none; margin: .2em 0 .5em 0;  padding: 0.2em 0.4em 0.4em 0.2em;}
	ul.related {margin-top: -1em}
ol {margin: .4em .4em 1.4em}
ol li {list-style-type: decimal;margin-left: 1.4em;padding-left: 0;background: none; }
li {padding: 3px 0 3px 3px;line-height: 1.2em;}


/*rx nach Prüfung, ob alles ok -> löschen
ul.nomarker li {padding-left:0;background:none;}
dl {margin: 0 0 1em 0}
dt {margin-top: 1.3em;font-weight:bold;}
dl dl {margin: 0 0 1.5em 30px}
*/
/*------------------- MISC -------------------*/
img {border-width:0px;} 
.noBorder{
border-width:0px;
}

img.ballInfo{
margin-top:-12px;
}

.floatLeft{
float:left;

}
.floatRight{
float:right;
}

.boldText{
font-weight:bold;
}

hr {background:#f2f2f2;height:1px;margin: 1em 0;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;} 
/*go to top link*/
a.top{
	float:right;
	
	padding-left:20px;
	padding-top:2px;
	padding-bottom:1px;
	background-image:url(images/top.gif);
	background-repeat: no-repeat;
	background-position: left;	
}

/*make the font smaller*/
.smaller{
font-size:90%;
}

strong {
font-weight:bold;
}
.strong {
font-weight:bold;
}


/*highlight something in red, i.e. required fields for example*/
.markImportant {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

.markOptional{
font-weight: bold;
  font-style: normal;
  color: #00BF55;

}

.markSelect{
font-weight: bold;
  font-style: normal;
  color: #2A1FFF;
}

.error {

	color:#990011;
	background-color:#f3BBBB;
	border:1px dashed #990011;
	margin-top:15px;
	margin-bottom:7px;
	font-weight:bold;
	padding:5px;
	line-height:110%;

}

.info {

	color:#c0c000;
	background-color:#ffffb0;
	border:1px dashed #c0c000;
	margin-top:15px;
	margin-bottom:7px;
	font-weight:bold;
	padding:5px;
	line-height:110%;

}

.correct{
color:#578320;
	background-color:#c7e59f;
	border:1px dashed #578320;
	margin-top:15px;
	margin-bottom:7px;
	font-weight:bold;
	padding:5px;
	line-height:110%;;

}

.highlightBox{
	border
}

/*center the text, thus the text will be justified*/
.textJustify{
text-align: justify;
padding-left:10px;
padding-right:10px;
}

.activeMail{
background-color:#eee;
}

.noHover{
background:none !important;
}
.friendBox{
border:thin dotted #666666;
margin-bottom: 15px;
}

.friendBox li{
padding-top:1px;
padding-bottom:1px;
}

.friendBox a{
padding-top:2px;
}

#breadHeader {
	font-size:100%;
	font-weight:normal;
	margin:0px;
	padding:0px;
 display:inline;
}

/*------------------- HEADER -------------------*/


	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	
#bigWrapper{
	
	background-image: url(images/bigWrapper_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	

}
	
#wrapper {
	width:950px; 
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	}
	
	
#header-wrapper{
	
}

#header{
	padding-top: 88px; /*rx the height of the header determines also the position of the logo*/
}

/*to ensure IE and Firefox has the same header position*/



/*
html > body #nav a:hover {
background: url(images/nav_hover.png);
} */

img.logo{
	position:absolute;
	padding-top:21px;  /*different for IE*/
	
}

.soccerHeader{
position:absolute;
top:34px;
left:600px;

}

#cityText{
	position:absolute;
	margin-top:30px;
	margin-left:360px;
	color:#7E7F81;
	font-style: italic;
	font-weight: bold;
	width:270px;
}



/*------------------- LOGIN AREA in the HEADER -------------------*/
#loginHeader{
position:absolute;
padding:5px;
padding-top:1px;
top:5px;
right:1px;

width:160px;
}

#loginHeader a:link{
color:black; /*rx no idea why this is not black by default like defined in the LINKS section*/
margin-left:-1px;
}

/*center alignment see in html file*/
#loginHeader a.register{
color:blue;
margin-right:0px;
}

#logoutHeader{
position:absolute;
padding:5px;
top:30px;
right:1px;	
}

#loginHeader button{

/*margin-top:15x;*/
padding-top: 1px;
margin-top:3px;
z-index:2;

}

/*------------------- TOP NAVIGATION in the HEADER -------------------*/

#topNav{
	/*rx quite an ugly hack, too get the nav to the right and also the background in green see ul*/
	background-color: #7EB935;
	height:28px; /*ist the same height like the green in the bigWrapper_background.gif, wheras the height of the whole bigWrapper_background.gif is 116, different in IE see for_ie.css*/
}

#topNav ul{
	
	position:relative;	
	float:right;	
	padding: 2px 5px 5px 0;	
	margin-bottom: 0px;	
	list-style-image: none;
	list-style-type: none;	
}

#topNav ul li{
display:inline;
padding-left:6px;

}

#topNav a{
	color:#FFFFFF;
	text-decoration:none;
	font-size: 1.3em;
	font-weight: 600;		
}

#topNav a:hover{
	background-color:#eee;
	color:blue;
	text-decoration: none;	
	}

#topNav li.active a:hover{
	cursor:text;
	text-decoration:none;
	color:#fff;
	background-color:#82C623;
	}

/*------------------- SEARCH in the header -------------------*/

/*Position of the form*/
#searchHeader form{

	margin-left:auto;
	margin-right:auto;

	width:600px;	
}



#searchHeader form{
	clear:both; /*rx clear the topNav, due to float left*/			
	padding: 0px 10px 8px 90px; /*rx no idea why I have to use 90px for left padding, might be a bug*/
	background-image: url(images/headerSearch_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}



#searchHeader form a{
margin-left:0px;
padding:0;
font-size:1.1em;

}

#searchHeader select{
margin-bottom:3px;
}


/* ------------------- CONTENT -------------------*/

#content-wrapper {	
	/*				background: transparent url("images/content_wrapper_bg.gif") repeat-y 5px 0;*/
					position:relative; 
					margin-top:20px;                  
			      	width:100%; /*rx important for IE 6 and earlier*/
					
					}




	#content {
	
			margin: 0 200px 0 200px;
			font-size:1.1em;

			}
	
	/*overflow should not appear in the toDo area */
	#content #toDo{
	overflow:visible !important;
	}
	
	
	}		
		#content #breadcrumb {font-size:93%;font-weight:bold;margin-top:-5px;}
		#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
		#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
	
	/*Add Icon and text, for adding a listing. Atention! This is an interaction with the tabber.css*/
	a.addItem {
	float:right;
	color:#000;
	margin-top:-45px;
	padding-left:24px;
	padding-top:7px;
	height:25px;	
	background-image: url(images/green_plus.gif);
	background-repeat: no-repeat;
	background-position: left center;	
	font-size:1.1em;
	font-weight:bold;
	}
	
	a.addItem, a:hover{
	color:blue;
	}
	
	/*------------ Subcategory navigation, over the listings ------------*/
	#subNav p{
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0 0 0;
	}
	
	
	#subNav li{
	padding-left: 2px;
	}
	#subNav .active a{
	cursor:text;
	background-color: none;
	text-decoration:none;
	}
	
	#subNav li.active a:hover{
	cursor:text;
	background-color: #fff;
	text-decoration:none;
	color:#000;
	}
	
	.subNavLeft{
	position:relative;
	left:0px;
	float:left;
	padding-bottom:15px;
	z-index: 1; /*otherwise the links are not click able, due to the layer of subNavRight*/
	}
	
	.subNavRight{
	padding-top: 22px; /*different for IE*/
	}
	
	/*Subcategory nav for myStudero*/
	.myStudero{
	font-size:1.1;
	}
	
	#profilePicture{
	
	margin-left:410px;
	}
	#profilePicture img{
	padding-left:15px;
	}
	
/* ------------------- FOOTER (within the content div) -------------------*/	
	#footer {
	clear:both;
	margin-top: 100px;
	padding: 9px 0 30px 0;
	color:#777;
	text-align:center;
	font-size:1em;
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
		}
	
	#footer li{
		display:inline;	
		padding-right:3px; 
		padding-left:2px;
		border-right: 1px solid #000;
		padding-top:0px;
		padding-bottom:0px;
	}
	
	#footer li.secondLineFooter{
	line-height:30px;
	
	}
	
	#footer li.noBorder{
	border-right:none;
	}
		
	#footer a {padding:2px;}
	
	
	
	

/* ------------------- SIDEBARS (within the content div) -------------------*/
	/*the container for secNav and the infobox*/
	#sidebar1 {position:absolute;
				top:0;
				left:0;
				width:175px;
				/*border-top: 5px solid #999;*/
				/*padding-bottom: 40px;*/
				
				}
	
	/*container for the ads*/	
	#sidebar2 {position:absolute;
				top:0;
				right:0px;
				width:175px;
				/*text-align:left;*/
				/*border-top: 5px solid #999;*/
				/*padding-top: 10px;*/
				/*padding-bottom: 40px*/
								
				}


	
		
/* SECONDARY NAVIGATION - vertical navigation */
	#secNav, #secNav ul {position:static; width:160px;}
	#secNav, #secNav li {list-style: none;margin:0;padding:0;background:#fff}
	#secNav {padding-top:0; margin-top: 1px}
	
	#secNav a {
			line-height:1.3;
			padding: 1px 0 1px 1px;
			font-weight::bold;
			font-size: 1.0em; 
			display:block}
	#secNav a, #secNav a:link, #secNav a:visited, #secNav a:hover, #secNav a:active {text-decoration:none;cursor:pointer} 
	#secNav a:link {color:#000} 
	#secNav a:visited {color:#000;} 
	#secNav a:hover {color:#000;/*background-color:#ccc;*/} 
	#secNav li.active a:link, #secNav li.active a:visited, #secNav li.active a:hover, #secNav li.active a:active {
	color:#000;
	background-color:#C7E59F;
	border-top: none} 
	#secNav li {border-top: 1px solid #fff;border-bottom: 1px dotted #7EB935}


/* SECONDARY NAVIGATION - 2nd */

	#secNav ul {margin: 0 0 1em 0px;padding:0}
	#secNav li.active li a, #secNav li.active li a:link, #secNav li.active li a:visited {line-height:1.5;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#secNav li.active li a:hover, #secNav li.active li a:active {color: #c00}
	#secNav li.active li {border: none;margin:0}
	#secNav li.active li.active a:link, 
	#secNav li.active li.active a:visited, 
	#secNav li.active li.active a:hover, 
	#secNav li.active li.active a:active {font-weight:bold}

	/*rx topic of the nav sections*/
	.navTitle{
	font-size:1.1em;
	font-weight:bold;
	text-align: center;	
	padding-top:1px;
	padding-bottom:2px;
	display:block;
	background-color:#EEE;
	border-top:solid 1px #979696;
	border-bottom:solid 1px #979696;
	}

/* ------------------- INFOBOX ------------------- */	
	
	#infobox{
	width:160px;
	margin-top:20px;
	text-align:center;
	background-color:#C7E59F;
	
	}
	
	
		
/* ------------------- LISTINGS (the actual items) ------------------- */

#listings {

	vertical-align: top; 
	text-align: left;
	width:100%;

	margin-bottom: 3px;

}


#listings .tableheader th{
	border-top: 1px solid #979696;
	border-bottom: 1px solid #979696;
	padding: 4px 0px 4px 0px;	
	text-align:left;	
	background-color:#eee;
	font-size:1.1em;

}

/*Sizes of the first header table, there are two different
threeColums for listings with threeColumns and fourColumns for 
listings with four*/

#listings th.threeColumns{
width: 325px;
}
#listings th.fourColumns{
width: 300px;
}


#listings td.property{
	color:#71AC26;
	font-weight:bold;
	padding-left:1px;
	padding-top:5px;
}



#listings .item-description {

	padding: 5px;	
	border-bottom: 1px solid #98A7B8;
	

}

#listings .thumbnail{

	float: left;
	margin-right: 4px;
	padding:0px; 
}

#itemThumbnail{
}

#listings a.offer, #listings a.request{
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	line-height:1.3;
	
}

#listings .offer{
	background-image: url(images/offer.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#listings .request{
	background-image: url(images/search-loupe.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

/*Special listings styles for Meine Favoriten*/
#listings td p.removeItem {
  clear:both;
 padding-top:10px;
 padding-bottom:5px;
 font-size:1.1px;
 font-weight:bold;
}

.lv2 {
	width: 40%;
}

.rv2 {
	width: 60%;
}

.normalheight {
	height: 25px;
}

	
table thead tr.caption th {
	/* Hier Attribute für thead caption einsetzen */
   }
	
	
.green {
	background-color: #C7E59F;
}

.green-background {
	background: url(images/fieldset_background.gif); background-position: bottom; background-repeat: repeat-x; 
}

/* ------------------- OFFER (details for an item like a product or an offer (Angebot))------------------- */


#itemOptions{
width: 190px;
position:relative;
float:right;
background-color:#eee;
border: 1px solid #979696;
}


#innerDiv{
margin: 0px 0 0 0;
padding:0;
}

#contactDetails{
clear:both;
float:left;
}


#mediaTabs{
position:relative;
clear:both;
margin: 0;
float:right;
z-index:1;

}


#itemDescription{
position:relative;
clear:left;
}

/*contact for on the item page*/
.itemForm{
clear:both;
margin-top:50px;
}


.itemCaption{

}

#itemOptions a{
background-repeat: no-repeat;
background-position: left center;
padding-left:22px;
padding-bottom:3px;
padding-top:2px;

}

.addFavorite{
	background-image: url(images/favorit.gif);
	
}

.sendMail{
	background-image: url(images/email.gif);
	
}

.abuseArticle{
	background-image: url(images/verstoss.gif);
	
}

.watchCategory{
	background-image: url(images/eye.gif);
	}

.editArticle{
	background-image: url(images/pencil.gif);
	
}
.deleteArticle{
	background-image: url(images/delete.gif);
}

.printArticle{
	background-image: url(images/printer.gif);
}

.recommendArticle{
	background-image: url(images/answer.gif);
	
	
}


/* ------------------- STARTPAGE (the entry page for every city)------------------- */

#startpage h1{
padding:0px;
margin:0px 0px 1px 0px;
padding-right: 38px;
font-size:1.2em;
color:#578320;
}

p.topTeaser{
padding-left:56px;
padding-right:-120px;
margin-right:-20px;

}

#startpage ul{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:13em;
	
}

#startpage li{
	line-height:80%;
	
}

#startpage a{
background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	
}

#startpage img{
 margin-bottom:7px; /*rx just hack for demo*/
}


#tagCloud a{
background-image:none;
line-height:130%;
color:#578320;
padding: 0px 2px 0px 2px;
}

#tagCloud {
margin:-5px 0px 5px 0px;
text-align: center
}

/*design of the information boxes that a realised with jquery.corner.js*/
.box {
	padding:15px 15px 15px 15px;
	width:240px;
	height:150px;
	background-image: url(images/rounded-box-light-blue-sm.png);
	background-repeat: no-repeat;
	background-position: left top;
}


.box h4{
 padding:0px 0px 0px 0px;
}


.box p{
padding-right:15px;
}


/*a big box, the width of app. two small boxes*/
.big{
  width:520px;
	height:60px;	
	background-image: url(images/rounded-box-light-blue-big.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/*picture height 100 px*/
.bigL{
height:80px;	
	background-image: url(images/rounded-box-light-blue-bigL.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.bigXL{
height:80px;	
	background-image: url(images/rounded-box-light-blue-bigXL.png);
	background-repeat: no-repeat;
	background-position: left top;
}


.big p{
 padding-right:20px;
}

.boxLeft{
	position:relative;
	left:0px;
	float:left;
	padding-right:10px;
}

.boxRight{
	position:relative;
	float:right;
	margin-right:0px;
	
}



a.noLinkPic {
background-image: none !important;
padding-left:1px !important;
}

/*make space on the left side within a box, so the space under the icon is not floated*/
.leftSpace{
margin-left:35px;
}

#mensaBox p{
line-height:110%;
font-size:1.1em;
padding-top:6px;
}

#mensaBox h4{
padding-top:0px;
padding-bottom:0px;
margin:0px;

}

/*the half box needs some more modifications*/
.boxHalf{
padding:5px 15px 15px 15px;
	width:240px;
	height:120px;
	background-image: url(images/rounded-box-small-half.png);
	background-repeat: no-repeat;
	background-position: left top;

}

.boxHalf ul a{
line-height:115%;

}

#boxSoccer img{
margin-top:auto;
float:left;
}
#boxSoccer p.player{

margin-left:75px;
}

#boxSoccer ul{
margin-left:0px;
margin-right:auto;
}

#boxSoccer a{
background-image:none;
}

img.ballBox{
padding-top:8px;
}

/* -------------------  hoverUnit ------------------- */ 

#hoverUnit h2{
background-color:#C7E59F;
}
#hoverUnit p:hover{
background-color:#eee;
}

#hoverUnit p{
margin: 10px 0px 10px 0px;
padding: 10px 5px 10px 5px;
border-top:1px solid #C7E59F;
border-left:1px solid #C7E59F;

}

ul.subNavLeft label.asTitle {
  padding-left: 3px;
  display: inline-block;
  line-height: 1.8;
   width: 130px; /* Width of labels, thus the left "column" - rx was 170*/
}

/* -------------------  BOOKMARKS ------------------- */ 
#bookmarkUs{
margin-top:15px;
}


#bookmarkUs img{
padding-top:5px;
}

#bookmarkUs a{
background-color:transparent;

}

/* -------------------  TIPPSPIEL ------------------- */ 
#bundesligaScore{

}


#bundesligaScore td{
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #98A7B8;

}
#bundesligaScore .tableheader th{
padding: 3px 0px 3px 0px;
}

/*der Link für weiterempfehlen und jetzt tippen*/
a.soccer{

	height:30px;	
	background-image: url(images/ball.gif) !important;
	background-repeat: no-repeat;
	background-position: left center;
	margin-top:-35px !important;	
}
a.soccer img{
padding-right:5px;

}

/* -------------------  USER PROFILE ------------------- */ 

#userProfile table{

margin: 0px 0px 8px 0px;
padding: 0px; 

}
#userProfile td { 
vertical-align: top; 
line-height: 15px; 
margin: 0px; 
padding: 3px 0px 3px 0px; 
}
#userProfile td.label { 
width: 80px; 
color: gray; 
}

#userProfile img.thumbnail{
	float:right;
	border-style: solid;
	border-color: gray;
	border-width:1px;
	padding:2px;	
}

#userProfile a.sendMessage{


}


/* -------------------  GUTSCHEINE ------------------- */ 

#gutschein{
	width: 350px;
	height: 250px;	
	margin-left:5px;
	margin-top:5px;
	padding:5px;
	border:dotted thin #666666;
}

#gutschein h3{
border:none;
padding:0px;

}

#gutschein li{
padding:0px;
margin:0px;
}

#gutschein p.smaller{
padding-top:5px;
margin:0px;
color:#666666;

}

.claim{
padding-top:2px;
width:170px;
float:right;
font-size:bold;

}

/* -------------------  Startseite (cityTeaser) ------------------- */ 


.linkTop{
margin:150px 0px 140px 160px;
padding-top:100px;
}


#cityTeaser a{
padding:30px 0 30px 65px;
}
#cityTeaser a:hover{
background-color:transparent !important;
}

.schildDo{
	background-image: url(images/schildDo.gif)!important;
	background-repeat: no-repeat;
	background-position: left center;
	z-index:-2;
	}
.schildKa{
	background-image: url(images/schildKa.gif)!important;
	background-repeat: no-repeat;
	background-position: left center;
	z-index:-2;
	}
	
	.schildBi{
	background-image: url(images/schildBi.gif)!important;
	background-repeat: no-repeat;
	background-position: left center;
	z-index:-2;
	}
.schildPb{
	background-image: url(images/schildPb.gif)!important;
	background-repeat: no-repeat;
	background-position: left center;
	z-index:-2;
	}
	
	/*-------------------------- RSS News aus dem Blog ------------------*/
	
	p.rssNews {
		margin:7px 0px 5px 2px;
	}