/* CSS Document */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
 font-family: Tahoma;
 font-size: 12px;
 color: #333;
 padding: 0;
 margin: 0;
 text-align: left;
 vertical-align: top;
 border: 0;
 background: #fff url(http://www.resqonline.de/bg.png) top left no-repeat;
}

/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
ul, ol{list-style: none !important;}

/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6,
p.intro-splurb,
textarea, input,
.post-list li .details p.date,
.next-prev span.page-count,
.post .copy blockquote,
.commentname, .leave-a-comment .comment_label,
.search-results p strong, .pages li a
{font-family: Tahoma, Arial, sans-serif;}

h1 { 
font-size: 25px; margin: 0px 0px 20px; line-height: 32px; color: #cc3300;
}

h1 span { 
 color: #cc3300;
}  

h2 { 
font-size: 20px; margin: 0px 0px 10px; line-height: 28px; color: #cc3300;
}

h3 { 
 font-size: 1.5em;
 line-height: 1em;
 padding-bottom: 10px;
 color: #333333;
}

h4 {
 font-size: 1.125em;
}

h5 {
 font-size: 1em;
}

h6 {
 font-size: 0.75em;
}

strong { 
 font-weight: bold;
}
.headline { text-transform: uppercase; font-size: 0.9em;}
.stil1{color: #cc3300;}

a, a:link, a:visited {
 color: #cc3300;
 text-decoration: none;
 border: 0;
}

a:hover {
 color: #cc3300;
 text-decoration: none;
 border: 0;
}

ul {
 margin: 0;
 padding: 10px 0px 100px 10px;
 list-style: none;
 border: 0;
}

li {
 padding-bottom: 12px;
 color: #666666;
}

p {
 padding-bottom: 12px;
 margin: 0;
}

ol li {
 list-style-type: decimal;
}

textarea, input{font-size: 12px;}
input[type=button]{padding: 8px;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	
/*--- Layouts ---*/
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}
.aligncenter{text-align: center;}

u{text-decoration: underline;}
strong{font-weight: bold;}
em{font-style: italic;}

/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 980px; margin: auto;}

#header{padding: 20px; margin: 0px 0px 20px 0px; position: relative;}			
			
#content-container{width: 940px; margin: 40px auto 40px auto;}
	#left-column{float: left; width: 560px; margin-left: 10px;}
	#right-column{float: right; width: 275px; height: 532px; 
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
	border: 1px solid #dddddd;
	background-color:#f3f3f3;
	overflow: hidden;
	padding: 10px; }
#left-column img{padding: 7px; margin-bottom: 10px; background: #fff; 
				border: 1px solid #f3f3f3;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;}


#footer-container{background: #333333 top center;}

#top { 
 margin-top: 40px;
 padding: 0px 20px 0px 40px;
 width: 920px;
 height: 150px;
 clear: both;  
}

#logo{ float: right; position: inherit; margin: auto; width: 150px; height: 150px; background-image: url(http://www.resqonline.de/resQ-logo-web.png); background-repeat: no-repeat;}

#descrip {
 margin: 0 auto;
 padding-top: 40px;
 padding-bottom: 20px;
 float: left;
 font-size: 2em;
 color: #cc3300;
 width: 600px;
}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
			
	p.intro-splurb{clear: left;  margin: 10px 0px 0px 0px; width: 500px; font-size: 13px; color: #666; line-height: 19px;}
			
	/*-------------------------*/
	/*- SEARCH BAR ------------*/
	.search-bar{float: right; width: 180px; height: 32px; background: #fff; border: 1px solid #ddd;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;}
	.search-form input.search{float: left; width: 120px; position: relative; top: 8px; left: 5px; background: none; border: none; font-size: 12px; color: #666;}
	.search-form input.search_button{float: right; margin: 10px 0px 0px; background: none; border: none; text-transform: uppercase; font-size: 10px; color: #333;}
	

		/*-------------------------*/
		/*- VISIT OBOX ------------*/
		.visit-obox{clear: both; display: block; padding-top: 15px; margin: auto; text-align: center;}
		
		
	/*-------------------------*/
	/*- PAGES -----------------*/
.pages{font-size: 12px; background: #f3f3f3; list-style: none; margin: 0px; padding: 0; width: 745px; height: 32px; float: left; 
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #dddddd;
}
	.pages li{float: left; margin: 0px; list-style: none !important;}
	.pages li a{display: inline-block; padding: 9px 15px; color: #333; font-weight: bold;}
	.pages li a:hover{background: #e7e7e7; color: #cc3300;}
	.pages li a.current{background: #e7e7e7; color: #cc3300;}
			

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

	/*-------------------------*/
	/*- POST LIST -------------*/
	.post-list li{float: left; width: 295px; height: 295px; list-style: none !important; margin: 0px 20px 30px 0px; background-image: url(http://www.resqonline.de/bg_weiss.gif); background-position: center; overflow: visible;}
		.post-list li:nth-child(3n+4){clear: left;}
		.post-list li:nth-child(3n+3){margin-right: 0px;}
		.post-list li .thumbnail{width: 260px; height: 200px; padding: 15px; margin-bottom: 20px; 	}
				.post-list li .thumbnail a{display: block; width: 260px; height: 200px; overflow: hidden; position: relative;}
				.post-list li .thumbnail a img{position: absolute; left: -50px; top: -105px;}
		.post-list li .details{padding: 15px;}
	 		.post-list li .details h2{padding: 0px; margin-bottom: 0px; color: #cc3300; font-size: 12px; text-transform: uppercase;}
	 		.post-list li .details p{margin-bottom: 4px; padding-bottom: 0px; font-size: 12px;}
			.post-list li .details p.date{margin-bottom: 0px; padding-bottom: 0px; text-transform: uppercase; font-size: 10px; font-style: normal;}
				.post-list li .details p.date a{color: #666666;}
				.post-list li .details p.date a:hover{color: #999999;}
				

	/*-------------------------*/
	/*- NEXT PREVIOUS BUTTONS -*/
	.next-prev{width: 170px; margin: 20px auto 40px; }
			
		.next-prev a{display: inline-block; width: 16px; height: 26px;  background: url(http://www.resqonline.de/next-prev.png) no-repeat; overflow: hidden; text-indent: -9999px;}
			a.next-page{float: right; background-position: top right;}
			a.prev-page{float: left; background-position: top left;}
			a.next-page:hover{float: right; background-position: bottom right;}
			a.prev-page:hover{float: left; background-position: bottom left;}
		.next-prev span.page-count{display: block; width: 90px; padding: 5px 0px; margin: auto; text-align: center; font-size: 9px;}
		.next-prev span.page-of{color: #369; font-style: italic;}
		

/*-------------------------------------------------------------------------------------------*/
/*- POST PAGE -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post-title{font-size: 25px; padding: 10px 0px 10px 20px; margin: 0px 0px 20px !important;}
	.post-title a{color: #cc3300;}


/*-------------------------*/
/*- EDIT BOX --------------*/
.editbox{width: 560px; position: absolute; top: -25px; z-index: 100;}


	/*-------------------*/
	/*- MINI COMMANDS ---*/
	ul.mini_commands{visibility: hidden; position: relative; float: left; padding: 5px 0px; margin: 0px auto 0px; font-size: 10px; text-align: right; text-transform: uppercase; line-height: 20px; list-style: none;}
		ul.mini_commands li{padding: 0px 0px; float: left; margin-right: 15px;}
		ul.mini_commands li a:hover{color: #000;}
	.post:hover ul.mini_commands{visibility: visible;}

/*-------------------------*/
/*- POST META -------------*/
ul.post-meta-details{float: left;}
	ul.post-meta-details li{padding: 5px 10px; list-style: none; line-height: 15px;}
		ul.post-meta-details li.retweet-post .posterous_retweet_widget{margin: 0px 0px 8px !important;}
			ul.post-meta-details li.retweet-post a.posterous_retweet{margin: 0px;}
			ul.post-meta-details li.retweet-post .posterous_retweet_widget a.posterous_retweet:hover{color: #cc3300;}
			ul.post-meta-details li.fan-container a{display: block; margin-bottom: 3px;}

.post{position: relative; z-index: 1;}
	.post .thumbnail{width: 560px; padding: 20px; margin-bottom: 20px;}
					
	.post .copy{float: left; width: 560px; padding-left: 20px;}

	/*-------------------------*/
	/*- TAGS ------------------*/
	.tags{display: block; padding: 10px 0px 10px; margin: 20px 0px 2px; border-top: 1px dotted #ccc; font-size: 10px; text-transform: uppercase;}
		.tags strong{color: #333; margin-right: 10px;}
		.tags a{margin-right: 10px;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.post .copy{line-height: 22px;}
.post .copy p{clear: none; margin: 0px 0px 10px !important; padding: 0px !important;}
.post .copy ol, .post .copy ul{list-style: disc !important; margin: 0px 0px 10px 30px;}
	.post .copy ol{list-style: decimal !important;}
	.post .copy ol li, .post .copy ul li{line-height: 22px; padding-bottom: 4px;}
.post .copy ol{list-style: decimal;}
.post .copy code, .post .copy pre{}
.post .copy img{padding: 10px; margin-bottom: 10px; background: #fff; 
				border: 1px solid #f3f3f3;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;}
.post .copy h2{line-height: 35px; margin-top: 20px;}
.post .copy h3{margin-top: 20px;}
.post .copy blockquote{border-left: 3px solid #999999 !important; padding: 4px 20px; margin: 15px 0px; font-style: italic; font-size: 14px;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS CLASSES ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.comments-container{float: left; width: 560px; margin: 20px 14px 0px 20px;}
					
	.comments-container h4{font-size: 20px;}
	.comments-container h4.comment-title{color: #333; font-weight: lighter; height: 18px; margin: 0px 0px 0px !important; border-bottom: 1px solid #ccc;}

	.comments-container h4.comment-title span{float: left; display: block;}
	.comments-container h4.comment-title a{float: right; display: block; padding: 3px 8px; margin-top: -2px; color: #fff; font-size: 10px; font-weight: lighter; text-transform: uppercase;}

		.commentunit{clear: both; padding-top: 20px; margin: 0px !important; border-top: 1px dotted #ccc;}
			.comments-container .commentunit:first-child{border-top: none;}
			
			.commentunit .comment_label{}
				.commentunit .comment_label .comment_date{margin: 0px 0px 5px; padding: 0px; font-size: 10px; color: #777; text-align: left;}
				.commentunit .comment_label .comment_avatar{float: right; display: block; width: 35px; padding: 5px; margin: 10px auto 0px;}
				.commentunit .comment_label .comment_avatar img{border: none; display: block;}
	
			.commentunit .comment{float: left; width: 350px; padding: 0px; margin-bottom: 15px; text-align: left !important; line-height: 22px;}
				.commentname{clear: both; font-size: 13px !important; font-weight: bold; padding: 0px; margin: 0px;}
				.commentunit .comment p{clear: both; margin: 0px; margin: 12px 0px 0px; color: #555;}
			
			.commentunit .mini_commands{clear: both; float: none; display: none; padding: 10px 0px; margin: 30px auto 0px; border-top: 1px dotted #ccc; font-size: 10px; text-align: right; text-transform: uppercase; line-height: 20px;}
			.commentunit:hover .mini_commands { display: block; visibility: visible; }
				.commentunit .mini_commands li{color: #999; padding: 0px 0px; float: left; margin-right: 20px;}
					.commentunit .mini_commands li a{color: #999;}
						.commentunit .mini_commands li a:hover{color: #333;}
	
	
		/*-------------------------------------------------------------------------------------------*/
		/*- LEAVE A COMMENT -------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------*/
		.leave-a-comment{clear: both; line-height: 20px; }
			
			.leave-a-comment .commentunit{border: none; margin: 0px !important; overflow: inherit;}
			.leave-a-comment .comment_spacer{display: none;}
			
			.leave-a-comment .comment_label{float: none; width: 250px !important; padding: 0px 0px 5px;}
			.leave-a-comment .comment_value{clear: both; margin: 0px;}
			
				.comment_value input{width: 350px; padding: 5px !important; background: #fff !important; border: 1px solid #999999 !important;
									-webkit-border-radius: 5px;
									-moz-border-radius: 5px;}
				.comment_value textarea{width: 400px; height: 100px; padding: 5px !important; margin-bottom: 10px !important; background: #fff !important; border: 1px solid #999999 !important;
										-webkit-border-radius: 5px;
										-moz-border-radius: 5px;}
						
				.comment_value input{}
				.comment_value input[type=checkbox]{width: auto !important;}
				.comment_value input[type=submit]{clear: both; display: inline-block; width: auto !important; padding: 8px; margin: 0px 0px 15px; text-transform: uppercase; color: #fff !important; font-size: 10px !important; font-weight: bold !important;
													background: #cc3300 !important; border: 1px solid #cc3300 !important;}
						
				.post-to-facebook{display: block; padding: 5px 5px 5px 0px; margin: 10px 0px; color: #ccc; font-size: 12px; font-style: italic;}
				.submit-comment{padding: 2px 5px; clear: both; font-size: 12px;}


		/*-------------------------------------------------------------------------------------------*/
		/*- LOGGED - IN LEAVE A COMMENT -------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------*/
		.leave-a-comment .comment_profile_description{ float: left; margin: 3px 0px 0px 5px; font-weight: bold;}
			.leave-a-comment .comment_profile_icon{width: 35px; margin: 0px auto 0px; padding: 5px; background: #fff;
													-webkit-border-radius: 5px; -moz-border-radius: 5px;}
			.leave-a-comment .comment_profile_icon img{border: none !important;}
			.leave-a-comment .comment_profile_description a{font-weight: lighter;}
				

/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#right-column ul li{list-style: none !important;}

#right-column{font-size: 11px; color: #333; margin-bottom: 0px; line-height: 15px !important;}
	#right-column h4, #right-column ul.meta li.meta-title{margin-bottom: 4px; color: #666666; font-size: 15px;}


	/*-------------------------*/
	/*- AUTHOR DATA -----------*/
	.author{margin-bottom: 20px;}
	.site-author{float: left; width: 35px; margin: 0px 10px 0px 0px; padding: 5px; background: #fff;
					-webkit-border-radius: 5px; -moz-border-radius: 5px;}
	
	.author p{color: #999; line-height: 19px;}
	.author ul{color: #666; margin: 10px 0px 10px;}
		.author ul li{float: left; display: block; padding: 3px 8px; margin: 0px 10px 5px 0px;}
						
	#right-column .subscribe_to_mysite{display: block; float: left; padding-top: 10px; width: 100%;}
		
	.subscribe_to_mysite a{float: left; width: auto; display: inline-block; padding: 3px 8px; margin: 0px 10px 5px 0px; background: #333;
								color: #999;
								-webkit-border-radius: 5px; -moz-border-radius: 5px;}
	.subscribe_to_mysite a:hover{color: #666 !important; background: #cc3300;}
		

	/*-------------------------*/
	/*- META DATA -------------*/
	ul.meta{margin-bottom: 30px;}
		ul.meta li{padding: 5px 0px; line-height: 16px; font-size: 10px;}
			ul.meta li span, ul.meta li a.fave-href{width: 100%; display: block;}
			ul.meta li.meta-title{padding: 0px 0px 5px; margin-bottom: 15px;}
			ul.meta li.sort-search{font-size: 10px;}
			ul.meta li:first-child{border-top: none;}
			ul.meta li:last-child{border-bottom: none;}


	/*--------------------------------------------*/
	/*- MAP --------------------------------------*/
	.geo-map{height: 165px; overflow: hidden;}

/*-------------------------------------------------------------------------------------------*/
/*- SEARCH ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.search-results{width: 258px; height: 258px; margin: 0px 20px 30px -1px; background-image: url(http://www.resqonline.de/bg_rot.gif); background-repeat: no-repeat; background-position: left; overflow: visible; padding: 20px;
				}
	.search-results h2{color: #ffffff;}
	.search-results p strong{ font-weight: bold;}
	.search-results p a{ color: #f3f3f3;}
	

/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	#footer{padding: 15px 0px 5px; width: 940px; margin: auto;}
		#footer li{float: left; margin-right: 20px; padding-left: 20px; list-style: none !important;}
		#footer li.column-one{width: 440px;}
		#footer li.column-one p{float: left;}
		#footer li.column-two{width: 205px;}
		#footer li.column-three{width: 140px; margin-right: 0px;}
			#footer li h3{font-size: 15px; color: #ffffff;}
			#footer li p{color: #777; font-size: 13px;}
			#footer li a{color: #ccc; font-size: 13px;}
				#footer li a:hover{color: #fff;}


	/*--------------------------------------------*/
	/*- FOLLOWING LIST ---------------------------*/
	ul.i-follow{}
		ul.i-follow li{margin-right: 0px !important; padding: 0px !important; border: none !important; list-style: none !important;}	
		.i-follow li a{display: block; float: left; margin: 0px 5px 10px 0px !important; border: 1px solid #333;}
			.i-follow li a:hover{border: 1px solid #777;}
			.i-follow li a img{width: 20px; height: 20px;}


	/*---------------------*/
	/*- LINKS -------------*/
	ul.blog-links, ul.blog-links li{list-style: none !important;}
	ul.blog-links li{clear: both; margin-right: 0px !important; padding: 0px !important; border: none !important; list-style: none !important;}
		ul.blog-links li a{clear: both; display: block; margin: 0px 5px 10px 0px !important;}
		ul.blog-links li:last-child{border-bottom: none;}


	/*--------------------------------------------*/
	/*- COLUMN TWO - SUBSCRIBE -------------------*/			
	.column-two a{line-height: 22px; font-style: normal;}
	
			
	/*--------------------------------------------*/
	/*- COPYRIGHT --------------------------------*/
	p.obox{margin: 0px; padding: 4px 0px; text-align: center; text-transform: uppercase; font-size: 10px; color: #999;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTEROUS ITEMS CUSTOMIZED --------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.posterousPrivateBox{position: absolute; top: 10px; left: 10px; z-index: 10; font-size: 10px;}
	.posterousPrivateBox div{clear: both; float: none; margin: 0px !important;}
	.posterousPrivateBox div a{display: block; position: relative; z-index: 11;}
a.posterousGalleryMainlink:hover span.show{left: 20px !important; bottom: 34px !important;}
.posterousGalleryMainDiv{margin: 0px !important;}
.fav_mouseover, .fav_star{margin: 0px !important; position: relative; z-index: 1000; top: 5px;}