﻿/*  
http://www.tobbis-blog.de
http://www.fjordblick.com

Original by bartelme.at
*/


/**********************************************
*   Basics & Typography                       *
***********************************************/

body {
	margin: 0;
	padding: 0;
	background: url(images/bg.gif);
	background-attachment: fixed;
	font: 62.5% "Verdana";
	color: #000;
	text-align: left;
	}

p,
ol,
ul {
	line-height: 150%;
	}
ol { /* to be styled */ }
ul { /* to be styled */ }

h1, h2, h4, h6 {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	background: transparent;
	color: #050d24;
	}
	
h3 {
padding-right: 0px; 
display: block; 
padding-left: 0px;
font-size: 1.2em; 
padding-bottom: 2px; 
margin: 0px; 
padding-top: 10px; 
border-bottom: #ccc 1px solid;
}


h1 {
	font-size: 2.2em;
	}
h2 {
	font-size: 1.4em;
	}
h4, h6 {
	font-size: 1em;
	}
	
h5 {
padding-right: 0px; 
display: block; 
padding-left: 0px;
font-size: 1.2em; 
padding-bottom: 2px; 
margin: 0px; 
padding-top: 10px; 
border-bottom: #ccc 1px solid;
}

a:link {
	color: #1C319D;
	text-decoration: none;
	}
a:visited {
	color: #1C319D;
	text-decoration: none;
	}
a:hover {
	color: #FF0000;
	text-decoration: underline;
	}
a:active {
	color: #1C319D;
	text-decoration: underline;
	}

blockquote {
	margin: 10px 0;
	padding: 0 50px;
	font-style : italic;
	background: transparent url(images/blockquote.gif) no-repeat 0 0;
	color: #606060;
	}

code {
  background: #afafaf;
  cursor: text;
  font-family: "Courier New", Courier, monospace;
 }

small {
	font-size: 0.8em;
	}

input, textarea, select { /* to be styled */ }

form { /* to be styled */ }

img { 
border : none
}
img.noborder {
	border: none;
	}

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

/**********************************************
*   Structure: Content, Sidebar, etc.         *
***********************************************/

#outline {
	width: 950px;
	margin: 0 auto;
	margin-top:25px;
	margin-bottom:0px;
	padding: 0;
	font-size: 1.3em;
	/* background:#fff;  */
	}


/**********************
*   Header            *
***********************/

#header {
	width: 950px;
	margin: 10px auto;
	background-color:#fff;
	}

#header .blogtitle {
	width: auto;
	}
#header h1 {
	padding: 50px 0 0 50px;
	}
#header h1 a {
	color: #fff;
	}


	#navbar {
		clear: both;
		float: left;
		margin: 0 auto;
		width: 950px;
		height: 40px;
		background-color:#EBF3F8;
		margin-bottom:5px;
		}

	ul.menu {
		float: left;
		margin: 0;
		padding: 0 15px;
		list-style-type: none;
		}
	ul.menu li {
		float: left;
		}
	ul.menu li a {
		float: left;
		display: block;
		height: 28px;
		padding: 3px 15px 0 15px;
		line-height: 24px;
		color: #fff;
		}
	ul.menu li a:link,
	ul.menu li a:visited , ul.menu li a:active{
		color: #000000;
		background: none;
		}
	ul.menu li a:hover {
		color: #FF0000;
		text-decoration: none;
		}

	ul.menu li.current_page_item a:link,
	ul.menu li.current_page_item a:visited,
	ul.menu li.current_page_item a:hover,
	ul.menu li.current_page_item a:active {
		color: #000000;
		text-decoration: none;
		}		
		
		

	.searchbar {
		float: right;
		width: 150px;
		height: 31px;
		margin-right:5px;
		}
	.searchform {
		width: 150px;
		height: 31px;
		text-align: left;
		margin-right:0px;
		}
	input#s {
		width: 150px;
		height: 20px;
		margin: 5px 0 0 0px !important;
		margin: 4px 0 0 0px; /* Fuck IE */
		padding: 0px 0 0 0px;
		border: 1px solid #999;
		background: #fff;
		}


/***********************
*  Wrapper             *
***********************/

#wrapper {
	float: left;
	margin: 0 auto;
	background: #FFF; 
	margin-top: -15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width:950px;
	}


/**********************
*   Content           *
***********************/

#content {
	float: left;
	width: 780px;
	height: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	}
	
#content2 {
	float: left;
	width: 100%;
	height: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

.pages {
	float: left;
	width: 630px;
	}
.pages-border {
	clear: both;
	width: 100%;
	height: 6px;
	}
.page-previous {
	float: left;
	padding: 10px 0 16px 30px !important;
	padding: 0 0 15px 30px; /* Fuck IE */
	}
.page-next {
	float: right;
	padding: 10px 30px 16px 0 !important;
	padding: 0 30px 15px 0; /* Fuck IE */
	} /

.page-title {
	width: 530px;
	margin: 20px 0 0 0;
	}
.page-title h2.page-title-border {
	padding: 0 0 0 30px;
	font-size: 1.6em;
	line-height: 48px;
	color: #104177;
	}

/**********************
*   Blog Entries      *
***********************/

.post {
	padding: 20px 20px;
    border : 1px solid #cccccc;
	margin: 10px 10px;
	text-align:justify;
	}

.postentry {
	color: #050d24;
	text-align: justify;
	}
.postentry a,
.postentry a:hover {
	color: #2f63b3;
	}

.postentry img {
	border: 0px;
	}

.posttitle { /* to be styled */ }
.posttitle a:link,
.posttitle a:visited,
.posttitle a:hover,
.posttitle a:active {
	color: #050d24;
	}

.postmeta,
.postmeta a {
	margin: 5px 0 ;
	font-size: 1em;
	color: #2f63b3;
	}
.post-date {
	padding: 0 0 0 20px;
	background: url(images/icon_date.gif) no-repeat 0 0;
	}
.post-comment {
	padding: 0 0 0 20px;
	background: url(images/icon_comments.gif) no-repeat 0 0;
	}
.post-filed {
	padding: 0 0 0 20px;
	background: url(images/icon_filed.gif) no-repeat 0 0;
	}

/**********************
*   Comments          *
***********************/

.commentpage {
	margin: 0 30px;
	padding: 0;
	}

#comments {
	margin: 0;
	padding: 0;
	}

.comments-num {
	padding: 0 0 10px 0;
	}

#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#commentlist li {
	padding: 20px 25px 0 0;
	border-bottom: 1px solid #CCC;
	background: #F4F9FB ;
	}
	
#trackbacklist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#trackbacklist.li {
	padding: 20px 25px 0 0;
	border-bottom: 1px solid #CCC;
	background: #F4F9FB ;
	}
	.alt {
		background-color: #fff !important;
		background-image: none !important;
		}

.comment-gravatar {
	float: left;
	width: 62px;
	height: 62px;
	background: transparent url(images/gravatar.gif) no-repeat;
	}
	img.gravatar {
		margin: 7px 0 0 7px;
		border: none;
		}

.comment-title,
.comment-meta,
.comment-text {
	margin: 0 0 0 80px;
	}

.comment-title,
.comment-title a,
.comment-title a:hover{
	color: #3D5FA4;
	font-size:12pt;
	}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #2f63b3;
	}
	
.comment-title_autor,
.comment-title_autor a,
.comment-title_autor a:hover{
	color: #FF0000;
	font-size:12pt;
	font-weight:bold;
	}
	
.comment-title_autor,
.comment-meta_autor,
.comment-text_autor {
	margin: 0 0 0 80px;
	}

div.postcomment
	{
	width:	450px;
	}
	
h2#postcomment {
    display: 	block;
	clear:both;
	margin: 	30px 0 0 0;
	padding: 	0 0 0px 0;
	}

.postcomment {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0px;
	background: #fff;
	}

.postcomment input,
.postcomment textarea {
	border: 1px solid #aaa;
	}
.postcomment input:hover,
.postcomment textarea:hover {
	border: 1px solid #CCCCCC;
	}
.postcomment input#author,
.postcomment input#email,
.postcomment input#url,
.postcomment input#mcspvalue
{
	width: 100% !important;
	width: 456px; /* Fuck IE */
	height: 18px;
	}
.postcomment textarea#comment {
	width: 100% !important;
	width: 456px; /* Fuck IE */
	height: 200px;
	}

.postcomment input#submit {
	width: auto;
	height: 25px;
	padding: 2px 10px 3px 10px;
	background: #e5edff url(images/submit.gif) repeat 0 0;
	}
.postcomment input#submit:hover {
	background: #e5edff url(images/submit_hover.gif) repeat 0 0;
	}	


/**********************
*   Sidebar           *
***********************/

#sidebar {
	float: right;
	width: 150px;
	padding-right: 0px;
	background: #fff;
	margin: 28px 5px 0px 0px;
	background-color:#fff;
    border : 1px solid #cccccc;
	
	
	}

#sidebar h2.feed-title {
		margin: 0;
		padding: 20px 0 0 3px;
		background: none !important;
		font-size: 1.4em;
		}
#sidebar h2.social-title {
		margin: 0;
		padding: 20px 0 10px 3px;
		background: none !important;
		font-size: 1.4em;
		}
#sidebar h2 {
	display: block;
	margin: 16px 0 6px 0;
	padding: 0 0 10px 3px;
	font-size: 1.4em;
	}

#sidebar ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#sidebar ul li {
	clear: both;
	color: #bbb;
	}
#sidebar ul.no-splitted li {
	padding: 0 5px;
	}
#sidebar ul.no-splitted ul li {
	margin: 0 -5px;
	}
#sidebar ul.blc {
	padding: 0 5px;
	}

#sidebar li#sidebar-splitted {
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	}
#sidebar-splitted .splitted-left {
	float: left;
	width: 140px;
	}
#sidebar-splitted .splitted-right {
	float: right;
	width: 145px;
	}

ul.splittedlists li {
	background: transparent no-repeat 5px 5px;
	padding: 0 0 0 23px;
	}
ul.splittedlists ul li {
	margin: 0 0 0 -23px;
	}
ul.splittedlists li a:link,
ul.splittedlists li a:visited {
	color: 		#353d50;
	font-size:	8pt;
	}
ul.splittedlists li a:hover,
ul.splittedlists li a:active {
	color: #2c76bb;
	}
	
ul.children li {
	padding-left:35px;
	font-size:8pt;
	}

#visitors {
 margin-top			: -10px;
 font-family		: Georgia, "Lucida Sans Unicode"; 
 font-size			: 25px;
 text-align			: center;
}

#visitors span {
 font-size			: 0.4em;
}

/**********************
*   Footer            *
***********************/
#randompics
{
 text-align			:	center;
 font-size			:	8pt;
}

#footer {
	width: 100%;
	clear: both;
	color: #000;
	font-size:8pt;
	}

#footer p {
	margin: 0;
	padding: 13px 25px;
	font-size: 0.9em;
	line-height: 200%;
	}
#footer p a:link,
#footer p a:visited {
	color: #000;
	}
#footer p a:hover {
	color: #000;
	}
#footer p a:active {
	color: #000;
	}
	
/* Tags 
-------------------------------------------------------*/
.tagging {
        text-align: left;
        font-size: 0.9em;
        padding: 3px 0 3px 0;
}
.tagging img {
	padding: 3px 0 0 0;
	border: 0px;
}

.tagging img:hover {
	padding: 3px 0 0 0;
	border: 0px;
}

.tagging a{
	text-decoration: none;
	border-bottom: none;
}
/* End Various Tags & Classes*/

.post_ad {
	background: #fff;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 10px;
	}
	
/* Extras */

.pagebar 
	{ 
		font: 11px Arial, Helvetica, sans-serif; 
		padding-top:   0px; 
		padding-left: 15px;
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
		padding: 2px 6px; 
		border: none; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #0063DC; 
		border-color: #036; 
		text-decoration: none;
	}
	
strong.file 
{
border: 1px dashed #ABABAB;
background-color:#F6F4D9;
}


.comment-number
{
float:left;
font-size:20pt;
margin-left:15px;
margin-top: 10px;
color: #CCCCCC;
}

/* Tabelle 
************ */

td.rahmen     {border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-color:#000000}
td.krahmen  {border-right: 1px solid; border-top: medium none; border-left: medium none; border-bottom: 1px solid; border-color:#000000}

	.langbar {
		float: right;
		margin-right:5px;
		margin-top:7px;
		}
		
/* Landingsite
*****************
*/
.landingsites {
font-size: 90%;
		padding: 20px 20px;
		border : 2px solid #FF0000;
		background-color:#F9F9F9;
		margin: 10px 10px;
}

pre {
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;       /* Opera 4-6 */
   white-space: -o-pre-wrap;       /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/*Seiten DIV-Boxen
*************************
*/

div.reisetipps {
   width:95%;
   height:75px;
   padding: 5px; 
   margin: 10px 0 10px 0; 
   border: 3px solid #8A97EA; 
   background: #FFF url(images/bg_box.jpg) repeat-x; 
   }
  
   
/*Tagcloud
*************
*/
ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; }
ul#tagcloud li { display:inline; font-size:70%; color:#ccc; background: none; padding: 0;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { text-decoration:underline; }
ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }
ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }
ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }
ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }
ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }
ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }
ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }
ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }
ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }
ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }

/*Breadcrumb
*************
*/
.breadcrumb { font-size: 8pt;padding-top: 5px; padding-bottom: 0px;  padding-left: 10px; color: #888; }