/*
    Theme Name: Paradopia
    Theme URI: http://wordpress.lernenhoch2.de
    Description: Template zum Wordpress Tutorial auf http://wordpress.lernenhoch2.de
    Author: dtele Technik
    Author URI: http://www.deutscher-tele-markt.de
*/
* {margin:0px;padding:0px;}
a {text-decoration: underline; font-size: 14px; font-weight: normal; line-height: 17px;color:#3892a3;}
a:hover{text-decoration: none;}
body { color: #666; background: #fff; font-family: "Trebuchet MS", verdana, arial; font-size: 14px;}


#wrapper {width:970px; margin: auto; text-align: left; background: #fff;}
#header {display:block;width:960px;height:290px;padding: 20px 10px 0px 0px; background: #fff url(header/para_header.jpg) no-repeat bottom;text-align:right; overflow: auto;}
#header li {
  display: inline;
  list-style: none;
  -jquery-before: " | ";
}
#header li:before {
  content: " | ";
}
#header li:first-child:before {
  content: none;
}
#header li:first-child {
  -jquery-before:;
}
#header .menu-extra-navigation-container {
  float: left;
}
#header .menu-social-media-navigation-container {
  float: right;
}
#header .menu-social-media-navigation-container a {
  background-position: left center;
  background-repeat: no-repeat;
  padding: 9px 0;
  padding-left: 20px;
}
#header .menu-social-media-navigation-container .facebook a {
  background-image: url(images/icons/facebook16.png);
}
#header .menu-social-media-navigation-container .youtube a {
  background-image: url(images/icons/youtube16.png);
}
#header .menu-social-media-navigation-container .picasa a {
  background-image: url(images/icons/picasa16.png);
}
#main {width: 560px; margin-top: 25px; padding: 25px 30px 10px 10px; float: left; }
#schummel{width:970px;display:block;background: url(images/para_sidebar.jpg) no-repeat 600px 20px;}
#sidebar { width: 370px; margin-top: 25px; padding-top: 25px; float: left; background-color:#f6f3e9; color:#3892a3; font-size: 12px; display:block;}
#footer {clear: both; height: 100px; width:960px;height:30px;padding: 30px 10px 0px 0px; background: #fff; text-align:right;}

#sidebar div.abstand {width:370px;padding: 0 25px 10px 25px;display:block;float: left;clear:left;}
#sidebar div.hr{display:block;float: left;clear:left;width:370px; height:10px;margin-top:10px;margin-bottom:20px;border-bottom: 1px dashed #cca75b; }
#sidebar .friends a {
  margin-bottom: 7px;
  margin-right: 7px;
}
#sidebar a{color:#3892a3;text-decoration:none;}
#sidebar a:hover{text-decoration:underline;}

h1, h1 a { font-size:22px; line-height:30px;font-weight:normal; color:#3892a3;text-decoration:none;}
h1 {clear:left;}
h1 a:hover{text-decoration: underline;}
h2 { font-size: 19px; line-height:30px;font-weight:normal;clear:left;}
h3 { font-size: 14px; line-height:22px;font-weight:bold;}

.navigation{display:block;width:970px;height:32px;margin-top:5px;font-size:13px;color:#fff;background-color:#3892a3;}
#subnavigation{display:block;width:970px;height:32px;margin-top:0px;font-size:13px;color:#3892a3;background-color:#cca75b;}
.navigation a {color:#fff;text-decoration:none;font-weight:bold;font-size:14px;}
#subnavigation a {color:#3892a3;text-decoration:none;font-size:14px;}

ul.navi {list-style-type: none; margin: 0; padding: 0; width: 970px;} ul#menu-main-navi {list-style-type: none !important; margin: 0; padding: 0;}
ul.navi li.page_item { float: left; height: 23px; padding: 6px 14px 3px 14px;}
ul#menu-main-navi li.menu-item { float: left; height: 23px; padding: 6px 15px 3px 15px;}
ul.navi li.page-item-1{padding: 6px 15px 3px 15px;}
ul.navi li.current_page_item, ul#menu-main-navi .current-page-ancestor, ul.navi li.current_page_parent, ul.navi li.page_item:hover,ul#menu-main-navi li.menu-item:hover{background-color:#cca75b;}

ul#menu-subnavi, ul#menu-navischule {list-style-type: none; margin: 0; padding: 0; width: 970px;} ul#menu-subnavi-navi, ul#menu-navischule-navu {list-style-type: none !important; margin: 0; padding: 0;}
ul#menu-subnavi li.menu-item, ul#menu-navischule li.menu-item{ float: left; height: 23px; padding: 6px 14px 3px 14px;}
ul#menu-subnavi li.current-menu-item a, ul#menu-subnavi li.menu-item a:hover, ul#menu-navischule li.current-menu-item a, ul#menu-navischule li.menu-item a:hover{color:#fff !important;}

ul#menu-navireisen {list-style-type: none; margin: 0; padding: 0; width: 970px;} ul#menu-navireisen-navi {list-style-type: none !important; margin: 0; padding: 0;}
ul#menu-navireisen li.menu-item{ float: left; height: 23px; padding: 6px 14px 3px 14px;}
ul#menu-navireisen li.current-menu-item a, ul#menu-navireisen li.menu-item a:hover{color:#fff !important;}

.autor{font-weight:bold;padding-left:15px;background:url(images/autor.jpg) no-repeat 2px 5px; line-height:17px;}
.autordate{font-weight:normal;padding-left:15px;background:url(images/autor.jpg) no-repeat 2px 5px; line-height:17px;}

.entry-content p {padding-bottom: 10px;}
.blog_entry p img, .entry-content p img, .entry-summary p img {float: left; margin: 3px 10px 10px 0px; border: 1px solid #3892a3;}
.entry-content ul {margin: 0px 0px 20px 25px;}

.abstand ul {margin: 10px 0px 0px 0px; list-style: none; width: 300px;}
.abstand ul li {display:block;border-bottom: 1px dashed;background:url(images/pfeil_li.png) no-repeat 0px 8px; margin: 5px 0px 3px 0px; padding: 3px 0px 3px 12px; }

.blog_entry {padding-bottom: 25px; margin-bottom: 15px;float:left;display:block; clear:left;width:580px;}
.blog_entry a, .entry-content a {text-decoration: underline; font-size: 14px; font-weight: normal; line-height: 17px;color:#3892a3;}
.blog_entry a:hover, .entry-content a:hover{text-decoration: none;}

.post {padding: 0px 20px 10px 0px; }
.post .entry-content p {padding: 5px 10px 10px 0px;}

.post .entry-content h1 {padding: 0px 0px 10px 0px;}
.post .entry-content h2 {padding: 10px 0px 10px 0px;}

.wetterde_wetterwidget .ww_color {background-color:#008a9c; color:#ffffff !important;}

span.gelb, span.blau {font-weight:bold;font-size:14px;}
span.gelb { color: #cca75b;} span.blau {color: #3892a3;}
span.gelb a { color: #cca75b !important;font-weight:bold;}

.clearfix:after {
	content: ".";
	display: block;
	height: .1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	overflow: hidden;
	}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

fieldset { padding: 10px; } legend {font-weight: bold;}
input, select, textarea {font-size: 11px; padding: 2px; border: 1px solid #666; font-family: "Trebuchet MS"; color: #666;}
.w25 {width: 25px;border: 0;}
.w20 {width: 20px; text-align: center;}
.w45 {width: 45px; text-align: center;}
.w125 {width:125px;}
.w300 {width: 297px; margin-left: 2px;}
.lw300{width: 297px; margin-right: 2px;}
.w350 {width:350px;} .w500 {width:500px;}
fieldset table { margin-left: 10px;}
.betrag, #betrag {font-weight: bold; font-size: 19px;}
.submitbutton { float: right; padding: 10px; width: 300px; display: block; font-size: 14px; cursor:pointer;}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}
/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
  border-color: #ccc;
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
  border-color: #ccc;
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
/*.commentlist {
  margin: 2em 0;
}
.commentlist li {
  list-style: none;
}
.commentlist .comment-author {
  overflow: auto;
}
.commentlist .avatar {
  float: left;
  margin-right: 0.5em;
}
.cform,
.linklove {
  margin-left: 0 !important;
}*/

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
*/
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
    display: block;
	margin: 0px 3px 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
input.dp-applied {
	width: 140px;
	float: left;
}

#calendar-me {
	margin: 20px;
}


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.entry-utility { clear: right; margin-bottom: 10px;padding-bottom: 10px;}

.fehler{border: 1px solid #f00;}
label.fehler {border: 0px; color: #f00;}
.coupon-hidden{display:none;}