body
		{
		font: 16px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;	
		color: #999;
		margin: 0 0 20px 0;
		}
		
		
		
.h1
		{
		font-size: 23px;
		color: #464648;
		font-weight: bold;
		margin: 0 0 0.75em 0;
		}
				
.h2
		{
		font-size: 12px;
		color: #999;
		font-weight: bold;
		margin: 0 0 0.75em 0;
		}
		
.h1 p,
.h2 p
		{
		padding: 0;
		margin: 0;
		}

a
		{
		color: #08c;
		text-decoration: none;
		}
		
a:hover
		{
		text-decoration: underline;
		}
		
		
img
		{
		border: 0;
		}


.clear
		{
		clear: both;
		}
		
/**
 * Page wrapper.
 */
		
#wrapper
		{
		position: relative;
		width: 975px;
		margin: 0 auto;
		}
		
		
/**
 * Header.
 */ 
		
#header
		{
		height: 110px;
		}

#header a
		{
		position: relative;
		top: 20px;
		z-index: 1;
		}
		
		
/**
 * Navigation.
 */
		
#navigation
		{
		position: absolute;
		top: 0;
		height: 110px;
		right: 0;
		
		width: 100%;
		}
		
#navigation ul
		{
		position: absolute;
		
		bottom: 0.75em;
		right: 0;
		margin: 0;
		padding: 0;
		
		width: auto;
		white-space: nowrap;
		
		
		overflow: visible;
		}
		
#navigation ul li
		{
			
		display: block;
		float: left;
				
		padding: 0 0.4em 0.1em 0.4em;
		
		list-style: none;
		margin-left: 2em;
		
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		
		}
		
#navigation ul li a
		{
		text-decoration: none;
		font-size: 12px;
		font-weight: normal;
		color: #999;
		}
		
#navigation ul li a:hover
		{
		text-decoration: underline;
		}


/**
 * Content container/
 */
		
#content
		{
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}
		
		
/**
 * Standard content.
 */

#content #main
		{
		width: 740px;

		float: left;
		}
		
.content
		{
		font-size: 12px;
		padding: 0.5em 40px;
		border-top: 1px solid #ddd;
		}
.content:first-child
		{
		border-top: none;
		padding-top: 0;
		}
		

.content .h1
		{
		margin: 1.2em 0 0 0;
		padding: 0;
		}

.content .h2
		{
		font-size: 12px;
		margin: 1.4em 0 1.4em 0;
		padding: 0;
		}
		
.content p
		{
		line-height: 1.5;
		margin: 1.4em 0 1.4em 0;
		padding: 0;
		}
		
		
		
/**
 * Language selection.
 */ 
		
.language
		{
		position: relative;
		top: 1em;
		padding: 50px 160px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;

		}
		
.language .selection
		{
		background-position: center right;
		background-repeat: no-repeat;
		height: 300px;
		}

.language .h1
		{
		padding-top: 80px;
		}

.language .h2
		{
		font-size: 12px;
		}


.language select
		{
		position: relative;
		top: 2em;
		}

/**
 * Custom CSS for /home
 */

.home
		{
		position: relative;
		background-repeat: no-repeat;
		background-position: center left;
		margin-right: 20px;
		}
		
.home .text
		{
		position: absolute;
		right: 0;
		width: 350px;
		top: 60%;
		}
		
.home .h1
		{
		margin: 0;
		padding: 0;	
		}
		
.home .h2
		{
		font-size: 12px;
		margin: 0.75em 0 0 0;
		padding: 0;
		}

.home .h1 a
		{
		color: #464648;
		}
		
.home .h2 a
		{
		color: #999;
		}
		
.home a:hover
		{
		text-decoration: none;
		}
				
.home .logo
		{
		position: absolute;
		bottom: 0;
		right: 0;
		}


/**
 * Newsletter
 */

.newsletter
		{
		position: relative;
		background-repeat: no-repeat;
		background-position: center right;
		height: 400px;
		}
		
.newsletter .text
		{
		position: absolute;
		bottom: 30px;
		left: 0;
		}
		
		
/** 
 * Competition.
 */
		
.competition
		{
		padding-bottom: 50px;
		}

.competition .text
		{
		font-size: 12px;
		font-weight: bold;
		}


/**
 * Teasers.
 */

#content #teasers
		{
		width: 230px;
		float: right;
		}
		
#content #teasers .teaser
		{
		border-top: 1px solid #ddd;
		}
		
#content #teasers .teaser:first-child
		{
		border-top: 0;
		}
		
		
/**
 * Footer.
 */

#footer
		{
		border-bottom: 1px solid #ddd;	
		font-size: 9px;
		padding: 1.5em 0;
		}
		
#footer .copy
		{
		display: inline;
		margin-right: 2em;
		}
		
#footer .copy div,
#footer .copy p
		{
		margin: 0;
		padding: 0;
		display: inline;
		}
		
#footer ul
		{
		display: inline;
		margin: 0;
		padding: 0;
		}
		
#footer ul li
		{
		display: inline;
		list-style: none;
		padding: 0 1em;
		border-left: 1px solid #ddd;
		}
		
#footer ul li:first-child
		{
		border-left: 0;
		}
		
		
#footer ul li a
		{
		display: inline-block;
		}



/**
 * Forms.
 */

.form
		{
		padding-top: 1em;	
		}
		
		
.form .label,
.form label
		{
		display: block;
		color: #4a4a4a;
		font-size: 12px;
		}
		
.form div.input
		{
		padding-bottom: 0.3em;	
		}
		
.form div.input .label,
.form div.input label
		{
		float: left;
		width: 120px;
		}
		
.form input.itext
		{
		width: 250px;
		}



.form div.checkbox
		{
		width: 420px;
		margin: 1em 0;
		position: relative;
		}


.form div.checkbox input
		{
		position: absolute;
		}
		
	
.form div.checkbox .label p
		{
		margin: 0;
		padding: 0;
		}
		
.form .submit
		{
		padding-top: 1em;
		width: 375px;
		}

.form .submit a
		{
		display: block;
		background: url(../images/link-arrow.jpg) no-repeat center right;
		float: right;
		text-decoration: none;
		font-size: 12px;
		color: #999;
		padding: 0.2em 1em 0.2em 0.5em;
		border-left: 1px solid #bbb;
		border-right: 1px solid #bbb;
		}

.form .submit a:hover
		{
		text-decoration: underline;
		}


.form input.error
		{
		background-color: #ffc;
		}

.form div.error
		{
		background-color: #ffc;
		}

#sendafriendform div.input .label,#sendafriendform div.input label
		{
			width: 200px;
		}

.form textarea
		{
		width: 250px;
		}

/** 
 * Overlay.
 */


#overlay-container
		{
		position: fixed;
		z-index: 90;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		}

#overlay-bg
		{
		position: absolute;
		z-index: 98;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.3;
		filter: alpha(opacity=30);
		}

#overlay
		{
		position: absolute;
		overflow: auto;
		z-index: 99;
		display: none;
		background-color: #fff;
		-webkit-box-shadow: #777 0px 0px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		}
			
#overlay .overlay-content
		{
		padding-top: 1em;
		}
				
#overlay-close
		{
		position: absolute;
		cursor: pointer;
		width: 30px;
		height: 30px;
		left: 157px;
		top: 158px;
		z-index: 100;
		background: url(../images/close.png) no-repeat center center;
		}

		
/** Apps */
/** App Detail */

#backButton
		{
		background: url(../images/back-arrow.jpg) no-repeat center left;
		text-decoration: none;
		font-size: 12px;
		color: #999;
		padding: 0.2em 0.5em 0.2em 1em;
		border-left: 1px solid #bbb;
		border-right: 1px solid #bbb;
		}
	
.appCatSelect
		{
		width: 180px;
		}

.contentApps
		{
		min-height: 200px; 
		border-bottom:1px solid #DDDDDD;
		}
.contentApps .h1
		{
		margin:1.2em 0 0;
		}

.contentApps a
		{
		text-decoration: underline;
		color: #999999;
		}
	
	
.appsContainer
		{
		margin-top: 20px;
		}
.singleAppContainer
		{
		width: 360px; 
		float: left; 
		height: 160px; 
		margin-top: 10px; 
		border-bottom:1px solid #DDDDDD;
		}
	
.singleAppContainer p
		{
		display: inline;
		}

.singleAppContainer .appLinks
		{
		margin-top: 10px;
		position: absolute;
		bottom: 10px;
		}

.singleAppContainer a
		{
		background: url(../images/link-arrow.jpg) no-repeat center right;
		text-decoration: none;
		font-size: 12px;
		color: #999;
		padding: 0.2em 1em 0.2em 0.5em;
		border-left: 1px solid #bbb;
		border-right: 1px solid #bbb;
		margin-right: 20px;
		}

.appImageContainer
		{
		float: left; 
		width:100px; 
		height: 100%; 
		position: relative;
		}
	
	
.appImageContainer a
		{
		background: none;
		text-decoration: none;
		font-size: 12px;
		padding:0;
		margin: 0;
		border: none;
		}
	
.appTextContainer
		{
		margin-left: 110px;
		height: 100%;
		position: relative;
		}

.appTextContainer .cropped
		{
		line-height: 1.5em;
		}

.appTextContainer .title a
		{
		font-size: 1.1em;
		color: #000000;
		margin-bottom: 5px;
		background: none;
		text-decoration: none;
		padding:0;
		margin: 0;
		border: none;
		}

.appImageContainer img
		{
		position: absolute;
		top: 0;
		right: 0;
		}
	
.appImageContainer .price
		{
		position: absolute;
		bottom: 10px;
		right: 10px;
		/*font-size: 1.1em;*/
		font-weight: bold;	
		}
	
.appDetails
		{
		float: right; 
		width: 200px;
		}
	
.back
		{
		margin: 10px 0 20px 0;
		}	

.mainAppContent
		{
		margin-right: 210px;
		}

.mainAppContent img
		{
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		}

.mainAppContent p
		{
		display: inline;
		}

.mainAppContent .title
		{
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: 10px;
		color: #000000;
		}

.detail .title
		{
		color: #000000;
		}

.detail
		{
		padding: 10px 0;
		border-bottom:1px solid #DDDDDD;
		}

.appDetails .addthis
		{
		padding: 20px 0 40px 0;
		}

.appDetails .links .link
		{
		margin-bottom: 10px;
		}

#pageSelection
		{
		clear: left;
		width: 720px;
		padding-top: 10px;
		padding-bottom : 10px;	
		border-top:1px solid #DDDDDD;	
		}

#pageSelection p
		{
		display: inline;
		}

#pageSelection .next
		{
		border-right: none;
		border-left: none;
		}

#pageSelection .last
		{
		border-right: none;
		border-left: none;
		}

.appDetails .links a
		{
		background: url(../images/link-arrow.jpg) no-repeat center right;
		text-decoration: none;
		font-size: 12px;
		color: #999;
		padding: 0.2em 1em 0.2em 0.5em;
		border-left: 1px solid #bbb;
		border-right: 1px solid #bbb;
		margin-right: 20px;
		}


#pageSelection a
		{
		/*background: url(../images/link-arrow.jpg) no-repeat center right;*/
		text-decoration: none;
		font-size: 12px;
		color: #999;
		padding: 0 0.2em;
		/*border-left: 1px solid #bbb;*/
		border-right: 1px solid #bbb;
		}
	
#pageSelection p a
		{
		border: none;
		}
	
#catSelectForm
		{
		position: absolute; 
		left: 30px; 
		top: 170px;
		}

.error
		{
		color: #cc3333;
		}

/**
 * Organisation global
 */

.organisation-line
		{
		width: 737px;
		height: 16px;
		background: url(../images/line.gif) no-repeat bottom left;
		}

.green
		{
		color: #06f58b;
		}

.voting #help-container,
.registration #help-container
		{
		position: absolute;
		border: 1px solid #92009b;
		background-color: #ffffff;
		padding: 5px;
		}

.voting #help-container p,
.registration #help-container p
		{
		margin: 0;
		}

.voting #help-container a,
.registration #help-container a
		{
		color: #999999;
		margin-left: 5px;
		}

/**
 * Organisation Startpage
 */

.startcontainer
		{
		position: relative;
		height: 449px;
		width: 700px;
		padding-left: 20px;	
		padding: 20px;
}
		
.startcontainer a:hover
		{
		text-decoration: none;
		}
		
.submit1 {
		position: absolute;	
		font-size: 15px;
		height: 50px;
		width: 200px;
		margin-top: -4px;
		margin-left: 610px;
}

.submit2 {
		position: absolute;	
		font-size: 15px;
		height: 90px;
		width: 300px;
		margin-top: 396px;
		margin-left: 30px;
}

.submit3 {
		position: absolute;
		font-size: 15px;
		height: 50px;
		width: 200px;
		margin-top: 404px;
		margin-left: 400px;
}

.lnk1
		{
		position: absolute;
		height: 50px;
		width: 100px;
		}	
			
.lnk2
		{
		position: absolute;
		height: 50px;
		width: 100px;
		}	
					
.lnk3
		{
		position: absolute;
		height: 50px;
		width: 100px;
		}				

/**
 * Organisation Ranking
 */	
	
.ranking
		{
		position: relative;
		width: 737px;
		height: auto;	
}

.ranking .image
		{		
		height: 227px;
		width: 737px;
		margin-top:0px;
		margin-left:0px;
}

.ranking .disclaimer
		{
		height: 20px;
		margin-left: 10px;
		font-size: 9px;
}
.ranking_select
		{
		height: 20px;
		width: 200px;		
		margin-left: 5px;
		margin-top: 20px;
}

.ranking_select select
		{
		text: italic 10px;
		border: none;
		background: #ffffff;
		border: 1px solid #999999;
		width: 200px;
}

.ranking_link 
		{
		width: 180px;
		color: #999;
		font-size: 11px;
		font-weight: bold;
		position: relative;
		float: right;
}

.ranking_link img
		{
		float: left;
		margin: 3px 5px 0 0;
}

.ranking_link a:hover 
		{
		text-decoration:none;
}

.ranking .submit a
		{	
		text-decoration: none;
		font-size: 12px;
		padding: 5px 20px 5px 10px;
		border: none;
		}

.ranking_table  
		{
		margin-top: 40px;
		text-align: left;
		width: 737px;
		}

.ranking_table th
		{
		text-align: left;	
		}

.ranking_table table
		{
		padding: 0px;
		}

.ranking_tab_th_1
		{
		font-size:14px;
		}

.ranking_tab_th_2
		{
		font-size:14px;
		}

.ranking_tab_th_3
		{
		font-size:14px;
		}

.ranking_tab_th_4
		{
		display: none;
		}

.ranking_tab_th_5
		{
		display: none;
		}

.ranking_tab_td_1 
		{
		text: bold 12px;
		color: #000000;
		width: 100px;
		height: 50px;
		padding-left: 15px;
		}

.ranking_tab_td_1 img 
		{
		margin-left: -15px;
		}

.ranking_tab_td_2
		{
		text: 10px;
		color: #000000;
		width: 100px;	
		}

.ranking_tab_td_3
		{
		width: 100px;		
		}

.ranking_tab_td_4
		{
		width: 250px;	
		}

.ranking_tab_td_5
		{
		width: 187px;
		}

/**
 * Organisation Voting
 */

.voting .header .back
		{
		float: left;
		margin: 0;
		padding: 0 0 0 10px;
		font-weight: bold;
		background: url(../images/arrow_left_grey.jpg) no-repeat center left;
		}

.voting .header .back a
		{
		color: #999999;
		}

.voting .header .title
		{
		margin-left: 210px;
		font-size: 14px;
		font-weight: bold;
		margin-top: 10px;
		color: #999999;
		}

.voting .container
		{
		position: relative;
		height: auto;
		width: 700px;	
}

.voting .submit a
		{
		text-decoration: none;
		font-size: 12px;
		height: 43px;
		margin: 15px 0 0 10px;
		border: none;
		display: block;
		text-decoration: none;
		}

.voting .vote-image
		{
		height: 40px;
		width: 500px;
		float: left;
		margin: 0 0 25px 100px;
		}

.voting .vote-image img.text
		{
		margin: 0 0 10px 16px;
		}

.voting .form-container
		{
		clear: both;
		margin-top: 20px;
		margin-left: 200px;		
		}

.voting .form-container p
		{
		margin-left: 10px;
		}

.voting .form-container label 
		{
		display: block;
		clear: both;
		color: #92009b;
		margin: 0 0 3px 10px;
		}

.voting .form-container input
		{
		margin: 0 0 10px 10px;
		border: solid 1px #92009b;
		color: #999999;
		}

.voting .form-container input.text 
		{
		width: 300px;
}	
		
.voting .form-container input.checkbox
		{
		float: left;
		clear: both;
		margin-top: 2px;
		}
		
.voting .form-container label.checkbox
		{
		clear: none;
		margin: 8px 0 0 28px;
		padding: 2px 0 2px 3px;
		width: 280px;
		}

.ad-container 
		{
		width: 480px;
		float: left;
		margin: 20px 0 20px 100px;
		}

.ad-container img.text
		{
		margin: 0 0 10px 10px;
		}

.ad-container div
		{
		margin-left: 106px;
		font-weight: bold;
		}

.display-container 
		{
		width: 600px;
		float: left;		
		margin-top: 50px;	
		}

.display-container a 
		{
		color: #999999;
		}

.display-container .logo 
		{
		float: left;
		}
		
.display-container .display 
		{
		width: 390px;
		margin-left: 210px;
		}

.display-container .display h3
		{
		font-size: 16px;
		padding: 0;
		margin: 0 0 3px 0;
		color: #ff0000;
		}

.display-container .display p
		{
		padding: 0;
		margin: 0;
		}

.display-container .statistic 
		{
		margin: 10px 0 30px 210px;
		font-weight: bold;
		}
	
.display-container .statistic img 
		{
		position: relative;
		margin-left: 15px;
		top: 25px;
		}

.display-container .share
		{
		float: right;
		margin-top: -45px;
		}

.leaderboard-container
		{
		width: 700px;
		float: left;
		margin-top: 40px;	
		}

.leaderboard-container .label
		{
		height: 20px;
		}

.leaderboard-container .downloadlink
		{
		color: #000000; 
		background-color: #eeeeee;
		font-size: 12px;
		}	
		
.leaderboard-container .image
		{
		}
.leaderboard-container .image img
		{
		}

.leaderboard-container .code 
		{
		font-size: 11px;
		}
.leaderboard-container .code-label
		{
		background: none repeat scroll 0 0;
		height: 20px;
		padding: 1px;
		margin-top: 15px;
		font-size: 12px;
		}
.leaderboard-container textarea.code 
		{
		height: auto;
		width: 100%;
		border: 1px solid #999999;
		font-size: 11px;
		}

.mail-container
		{
		width: 700px;
		float: left;
		margin-top: 15px;	
		}
.mail-container .col-1,
.mail-container .col-2
		{
		width: 50%;
		float: left;
		}
.mail-container .banner-label
		{
		height: 20px;
		}

.mail-container .image-container
		{
		}
		
.mail-container .downloadlink
		{
		color: #000000; 
		background-color: #eeeeee; 
		font-size: 12px;
		}	

.mail-container .label
		{
		height: 20px;
		margin-top: 15px;
		}

.mail-container .code-label
		{
		height: 20px;
		font-size: 12px;
		}		

.mail-container .code 
		{
		}
.mail-container textarea.code 
		{
		height: 100px;
		width: 100%;
		border: 1px solid #999999;
		padding: 1px;				
		font-size: 11px;
		}


.mail-container .mailtext
		{
		color: #000000;
		margin-bottom: 15px;
		}

.mail-container .mailtext .code
		{
		height: auto;
		width: 100%;
		border: 1px solid #999999;
		padding: 1px;
		color: #000000;
		}

.mail-container .mailtext p
		{
		margin: 0;
		padding: 0;
		}






		
/**
 * Organisation Registration
 */	

.formcontainer 
		{
		position: relative;
		background: #000000;
		padding: 20px 0 0 0;
		width: 737px;
		height: 718px;
}
		
.formcontainer h3 
		{
		color: #ffffff;
		font-size: 22px;
		margin: -5px 0 0 5px;
		padding-left: 20px;
		font-weight: normal;
		}			
										
.regform 
		{
		width: 300px;
		margin-left: 20px;
		}

.inline {
		float: left;
		width: auto !important;
		margin-top: 8px;
}

textarea.regform
		{
		width: 290px;
		border: 1px solid #92009b;
		color: #999999;
		margin-left: 10px;
		font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
		font-size: 12px;
		}

.form_c 
		{	
		padding-top:30px;
		}

.regform_container 
		{
		background: url(../images/bg-regform.png) no-repeat center right;
		margin-top: 20px;			
		height: 592px;
		width: 350px;		
		}

.regform label
		{
		display: block;
		color: #92009b;
		margin: 0 0 3px 10px;
		padding-top: 8px;
		}
.regform input
		{
		width: 290px;
		border: none;
		color: #999999;
		font-size: 12px;
		margin-left: 10px;
		border: 1px solid #92009b;
		}

.regform input.inline
		{
		float: left;
		margin: 5px 10px 0 11px;
		}

.regform div.input
		{
		padding-bottom: 0.3em;	
		}
		
.regform div.checkbox
		{
		margin-top: 5px;
		}

.regform div.checkbox label
		{
		font-size: 12px;
		margin: 0;
		padding: 5px 0 0 3px;
		margin-left: 30px;
		}

.regform .submit
		{	
		padding: 2em 0 2em 0;
		margin-left: 15px;
		}
		
.regform .submit a
		{
		background: url(../images/pfeil-04.png) no-repeat center right;
		text-decoration: none;
		font-size: 12px;
		color: #92009b;
		border: none;
		padding: 20px 40px 20px 0;
		}

.regform .submit a:hover
		{
		text-decoration: none;
		}


.regform input.error,
.regform textarea.error,
.regform label.error,
.regform div.error,
.votingform input.error,
.votingform label.error
		{
		background-color: #ffffcc;
		}

.regform select
		{
		width: 290px;
		border: none;
		background: #ffffff;
		font-size: 12px;
		margin-left:10px;
		}

.regform img.org-image
		{
		margin: 10px 0 0 15px;
		}