/* 
globalzoo Reisen Stylesheet
Copyrights Kai Brach
Created: 28.12.06
*/

/* Basic ######################################################### */

	
div.comm-top-character {
	background:#fad968 url(../pix/bg-mitglieder-character.jpg) top left;
	height:127px;
	padding:20px 310px 20px 20px;
	color:#735121;
	}	
	
div.comm-top {
	background:#fad968 url(../pix/bg-mitglieder-blank.jpg) top left;
	color:#735121;
	}	
	
div.zoocoins-top {
	background:#fad968 url(../pix/bg-zoocoins-top.jpg) top left;
	color:#735121;
	}

div.member-scroll {
	height:210px;
	overflow:auto;
	padding:5px;
	}	

div.member-portrait {
	padding:10px;
	background:#fcefbc;
	color:#85775a;
	text-align:center;
	margin-top:-8px;
	}		

div.willkommen {
	margin-bottom:15px;
	}	

div.freunde-right {
	padding:2px 0;
	}

.p-grey p, div.profil-grey {
	background:#f5f4f2;
	padding:4px;
	margin:0;
	}	
	
div.grey-box-right {
	background:#f5f4f2;
	padding:12px;
	margin:0 0 2px 0;
	}
	
div.relative {
	position:relative;
	padding-bottom:5px;
	}	

div.trigger-box {
	 background:#f5f4f2; 
	 padding:3px 6px;
	 }	
	 
div.mitglieder-suche-div {
	font-size:0.65em;
	float:left;
	width:215px;
	padding-top:15px;
	}	 
	
div.mitglied-header {
	background:#fcefbc url(../pix/bg-mitglieder-blank.jpg) left top;
	}
	
div.header-text div.desc {
	width:90px;
	float:left;
	padding-top:2px;
	font-weight:bold;
	}
	
div.header-text div.cont {
	width:228px;
	overflow:hidden;
	padding-top:2px;
	float:left;
	white-space: nowrap;
	color:#a68a5c;
	}	

div.medals {
	width:305px;
	float:right;
	text-align:right;
	padding:0 13px 0 0;
	height:80px;
	}

div.profilcounter {
	width:305px;
	float:right;
	padding:3px 15px 0 0;
	text-align:right;
	color:#a68a5c;
	font-style:italic;
	}		
	
div.medals img {
	float:right;
	margin:6px 6px 0 0;
	}	

div.medals img.zoo {
	float:right;
	margin:0 6px 0 0;
	}	
	
div.yellow-box {
	background:#fcf5dd;
	margin:2px 0 10px 0;
	padding:10px 15px;
	}	
	
div.reisepartner {
	background:#fcf5dd;
	margin:2px 0 10px 0;
	padding:10px 15px;
	position:relative;
	}	
	
div.reisepartner div.empty {
	width:110px; 
	height:125px; 
	float:right;
	}	

div.reisepartner div.icons {
	padding:0 0 5px 0;	
	}	
		
div.motto-box {
	background:url(../pix/quote.gif) top left no-repeat;
	padding:3px 123px 15px 36px;
	margin:0;
	}
		
div.motto-box div {
	background:url(../pix/quote-bottom.gif) bottom right no-repeat;
	padding:0 30px 0 0;
	margin:0;
	}

div.map-large-bg {
	position:relative;
	background:#fcefbc;
	}	
	
div.map-large-bg img.arrow {
	position:absolute;
	top:110px;
	left:476px;
	}	

div.map-large-bg span {
	font-size:0.9em;
	color:#9e8a5f;
	line-height:1.3em;
	}	
	
div.map-large-bg div.sidebar {
	width:178px;
	float:right;
	padding:10px 10px 0 0;
	}	
		
div.quizheader-left {
	width:375px;
	float:left;
	}	
	
div.quizfoto {
	text-align:center;
	position:relative;
	width:705px;
	padding:10px 0 0 0;
	}	

div.quizcounter	{
	width:410px;
	text-align:right;
	padding:10px 0 0 0;
	float:right;
	font-size:1.5em;
	line-height:1.1em;
	}
	
div.quiz-richtig {
	padding:5px;
	text-align:center;
	background:#c9edb1;
	color:#336115;
	font-weight:bold;	
	}
		
div.quiz-falsch {
	padding:5px;
	text-align:center;
	background:#f8d9dc;
	color:#c64e4e;
	font-weight:bold;	
	}

div.profil-illu	{
	position:relative;
	}
	
div.thermo {
	width:197px;
	background:url(../pix/thermo-bg.gif) left top no-repeat;
	height:38px;
	padding:0 6px 0 5px;
	margin:4px 0  8px 8px;
	}

div.thermo div {
	background:url(../pix/thermo.gif) top left;
	height:38px;
	}		
	
div.gradzahl {
	width:65px;
	background:#eceae6;
	float:left;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
	padding:8px 0;
	margin:0 8px 8px 8px;
	}
				
div.blog-box {
	background:#eff7e8;
	margin:2px 0 10px 0;
	padding:10px 118px 10px 15px;
	position:relative;
	}

div.blog-box p {
	margin:0;
	padding:0 0 4px 0;
	}		

div.blog-box img.illu {
	position:absolute;
	top:-20px;
	left:335px;
	}

div.quizbuttons {
	float:right;
	width:182px;
	padding:10px 5px 0 0;
	text-align:right;
	}

div.zoocoins-benoetigt {
	background:url(../pix/zoocoins-benoetigt.gif) 0 0 no-repeat;
	height:24px;
	width:35px;
	padding:7px 0 0 160px;
	font-size:1.4em;
	font-weight:bold;
	margin:8px 0 0 0;
	}		
	
/* Links ######################################################### */
	
div.comm-top-character	a:link,div.comm-top-character a:visited {
	color:#735121;
	}	
	
/* Listen ######################################################### */	

div.member-scroll ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}

div.member-scroll ul li{
	margin:0;
	padding:3px 0;
	}		

ul.split-right {
	background:#f5f4f2;
	padding:4px;
	margin:0;
	list-style-type:none;
	}
	
ul.split-right li{
	margin:0;
	padding:3px 0 3px 0;
	list-style-type:none;
	}	

ul.einrueck li {
	padding-left:8px;
	padding-right:8px;
	}	

ul.laender-liste {
	margin:0;
	padding:4px;
	background:#f5f4f2;
	list-style-type:none;
	}
	
ul.laender-liste li {
	margin:0;
	width:108px;
	padding:1px 2px;
	display:block;
	float:left;
	}

ul.avatar-profil {
	margin:0 0 3px 0;
	padding:0;
	list-style-type:none;
	}

ul.avatar-profil li {
	margin:0;
	padding:3px 0;
	border-bottom:1px solid #e5ddc4;
	}	
	
ul.reiseziele {
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
	clear:both;
	}

ul.reiseziele li {
	margin:0;
	padding:4px 0;
	border-bottom:1px solid #e5ddc4;
	}	
	
.reiseziele span.floater, .split-right span.floater {
	float:right;
	padding:0 0 0 20px;
	}
	
div.map-large-bg ul {
	margin:5px 5px 15px 5px;
	padding:0;
	list-style-type:none;
	clear:both;
	}
	
div.map-large-bg ul li {
	margin:0;
	padding:5px 0 5px 25px;
	border-bottom:2px solid #e6daab;
	}		

div.map-large-bg ul li.red {
	background:url(../pix/gmap-marker/flag-red-transp.gif) -8px 4px no-repeat;
	}
	
div.map-large-bg ul li.orange {
	background:url(../pix/gmap-marker/flag-orange-transp.gif) -8px 4px no-repeat;
	}
	
div.map-large-bg ul li.blue {
	background:url(../pix/gmap-marker/flag-blue-transp.gif) -8px 4px no-repeat;
	}
	
div.map-large-bg ul li.green {
	background:url(../pix/gmap-marker/flag-green-transp.gif) -8px 4px no-repeat;
	}
	
div.map-large-bg ul li.grey {
	background:url(../pix/gmap-marker/flag-grey-transp.gif) -8px 4px no-repeat;
	}


/* Headlines ######################################################### */
	
.column-right h1.yellow {
	background:#e29311 url(../pix/head-gelb-right.gif) top no-repeat;
	}	

.column-right .yellow div.comm-top h2 {
	font-size:2.3em;
	font-family: Helvetica, Arial ,Verdana, sans-serif;
	margin:0;
	letter-spacing:-2px;
	line-height:1em;
	color:#6d5729;
	padding:0 0 10px 0;
	background:none;
	}
	
.column-right .yellow h2.name {
	font-size:2.1em;
	font-family: Helvetica, Arial ,Verdana, sans-serif;
	margin:0;
	letter-spacing:-2px;
	line-height:1em;
	color:#413f3b;
	padding:0 0 10px 0;
	background:none;
	}	

h3 {
	background:#eceae6;
	font-size:1em;
	padding:4px 6px;
	margin:10px 0 2px 0;
	}	
	
div div.mitglied-header div.header-text h2 {
	background:none;
	color:#5a492a; 
	font-size:2.4em;
	line-height:1em;
	letter-spacing:-2px;
	padding:0;
	margin: 0 0 10px 0;
	}	
	
h3.momentan {
	padding-left:30px;
	background:#eceae6 url(../pix/gmap-marker/flag-red-transp.gif) -2px 1px no-repeat;	
	}	
	
h3.reiseziele {
	padding-left:30px;
	background:#eceae6 url(../pix/gmap-marker/flag-orange-transp.gif) -2px 1px no-repeat;	
	}	
	
h3.besucht {
	padding-left:30px;
	background:#eceae6 url(../pix/gmap-marker/flag-blue-transp.gif) -2px 1px no-repeat;	
	}
	
h3.blogeintr {
	padding-left:30px;
	background:#eceae6 url(../pix/gmap-marker/flag-green-transp.gif) -2px 1px no-repeat;	
	}		
	
	
/* Form ########################################################### */

form.mitglieder-suche {
	font-size:1.5em;
	}	

form.reisepartner span {
	font-size:1.5em;
	}	
	
form.reisepartner .submit {
	font-size:1.5em;
	}	
	
form.reisepartner select {
	margin:0 2px 2px 2px;
	}	
	
.form-margin-bottom {
	margin-bottom:8px;
	}

.maxwidth {
	width:200px;
	}

.noborder {
	border:none;
	}			

input.go {
	float:left;
	margin-top:25px;
	font-weight:bold;
	}

form.quiz {
	width:225px;
	line-height:1.6em;
	padding:5px 0 5px 70px;
	font-weight:bold;
	color:#5a492a; 
	float:left;
	}
	
input.namesearch {
	width: 100px;
}	

select.namesearch {
	width: 90px;
}

/* Tables ########################################################### */

table.mitglieder tr td {
	border-bottom:2px solid #fcefbc;
	border-top:none;
	}
	
table.mitglieder tr {
	background-color:transparent;	
	}	

table.mitglieder tr.hovered {
	background:#f5f4f2;	
	}		
	
table.mitglieder tr td.pic {
	width:8%;
	} 
	
table.mitglieder tr td.mitglied {
	width:30%;
	}

table.mitglieder tr td.momentan {
	width:10%;
	line-height:1.8em;
	}	

table.mitglieder tr td.reiseziel {
	width:15%;
	line-height:1.8em;
	}	

table.mitglieder tr td.besucht {
	width:29%;
	line-height:1.8em;
	}

table.mitglieder tr td.land {
	width:18%;
	line-height:1.8em;
	}  	
	
table.mitglieder tr td.reiseblog {
	width:8%;
	} 	
	
table.mitglieder tr td.rp-datum {
	width:15%;
	line-height:1.8em;
	}
	
table.mitglieder tr td.rp-gesuch {
	width:47%;
	}	
	
table.mitglieder tr td.gruppe {
	width:52%;
	}	
	
table.mitglieder tr td.gruender{
	width:40%;
	}	
	
td.label {
	font-weight:bold;
	width:30%;
	vertical-align:top;
	}

/* Images ######################################################### */

img.portrait-head {
	float:left;
	}

table.mitglieder tr td.land img, table.mitglieder tr td.rp-ziele img, table.mitglieder tr td.gruender img{
	margin:2px;
	} 	

img.brown {
	border:2px solid #9e8a5f;
	margin-bottom:5px;
	}	
	
img.avatar {
	float:right;
	margin: -30px -10px 5px 5px;
	}	
	
img.quizfrage {
	padding:12px 30px 15px 10px;
	float:left;
	}	
	
img.quizpfeil {
	position:absolute;
	top:-10px;
	left:270px;
	}		

div.profil-illu img {
	position:absolute;
	top:-92px;
	left:328px;
	}	

ul.gruppen-feed img {
	float:left;
	margin: 0 5px 0 0;
	}