/*
Theme Name: Urlaubsreporter
Description: Urlaubsreporter dafault theme
Author: Andrey Cekovski
*/

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px; padding: 0px;
	background-color: #ffffff;
	}

body * { 
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	margin: 0px; padding: 0px; 
	}

img {
	border: 0px;
	border: none;
	}

/* \*/
* html .container { height: 1%; }
* html .contentdiv_theme { height: 1%; }
* html .main { height: 1%; }
* html .sidebar { height: 1%; }
* html .sidebarGeneral { height: 1%; }
/* */

	
a, a:visited { 
	text-decoration: none;
	}
	
a:hover {
	text-decoration: none;
	}
	
input { 
	padding: 5px 3px;
	border: 1px solid #cccccc;
	margin: 2px 0px 3px 0px;
	}

textaraa { 
	padding: 5px 3px;
	border: 1px solid #cccccc;
	margin: 2px 0px 3px 0px;
	}
	
.clear {
	clear: both;
	}
	
.no-border-l {
	border-left: 0px !important;
}

.align-r {
	text-align: right;
}

.align-l {
	text-align: left;
}
	
.alignright{
	float: right;
}

.alignleft {
	float: left;
}
	
#main { 
	width: 990px;
	margin: 0px;
	background-color: #f9f9f9;
	padding: 0px 0px 10px 10px;
	}
	
#header {
	/* height: 293px;*/
	height: 191px;
	}


#headertop {
	width: 990px; height: 162px;
	background: url(images/urlaubsreporter.jpg) top left no-repeat #fff;
	}

#logo {
	float: left;
	width: 472px; height: 162px;
	}
	
#headertop-right {
	float: left;
	width: 498px; height: 162px;
	text-align: right;
	}
	
div#headertop-navi-top {
	height: 65px;
	text-align: right;
	padding: 5px 0px 0px 0px;
	}
	
div#headertop-navi-top ul {
	height: 13px;
	text-align: right;
	}

div#headertop-navi-top li {
	list-style-type: none;
	display: inline;
	
	}

div#headertop-navi-top li a {
	border-left: 1px solid #000000;
	float: right;
	height: 13px;
	display: block;
	color: #000000;
	padding: 0 8px;
	}

divdiv#headertop-navi-bottom {
	float: right;
	height: 34px;
	text-align: right;
	}

div#headertop-navi-bottom ul {
	text-align: right;
	height: 34px;
	}

div#headertop-navi-bottom li {
	list-style-type: none;
	display: inline;
	}

div#headertop-navi-bottom li a {
	border-left: 1px solid #ffffff;
	float: right;
	height: 34px;
	line-height: 34px;
	display: block;
	color: #ffffff;
	padding: 0 10px;
	background-color: #3067c4;
	font-size: 12px;
	font-weight: bold;
	}	
	
div#headertop-navi-bottom li a:hover {
	color: #f66a08;
	}
	
div#headertop-navi-bottom li a.navi-bottom-act {
	background-color: #efefef;
	color: #f66a08;
	}

div#topmenu {
	width: 890px; height: 14px;
	background-color: #efefef;
	padding: 10px 0px 4px 0px;
	border-bottom: 1px solid white;
	float: left;
	}
	
div#topmenu ul {
	height: 14px;
	}

div#topmenu ul li {
	list-style: none;
	display: inline;
	}
	
div#topmenu ul li a {
	display: block;
	color: #3067c4;
	height: 14px; line-height: 14px;
	padding: 0px 7px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	border-left: 1px solid #3067c4;
	}
	
div#topmenu ul li a:hover {
	color: #F66A08;
	}

div#menu { 
	background: #52606d;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	border-bottom: 5px solid #888888;
	}
	
div#topmenu-rss {
	width: 100px; height: 14px;
	background-color: #efefef;
	padding: 9px 0px 5px 0px;
	border-bottom: 1px solid white;
	float: left;
	}
	
div#topmenu-rss a {
	background:transparent url(./images/rssfeed.jpg) no-repeat scroll left top;
	display:block;
	padding-left:20px;
	text-transform:uppercase;
	width:80px;
	outline: none;
	color: #3067c4;
	font-size: 11px;
	font-weight: bold;
	height: 14px;
	}
	
div#topmenu-rss a:hover {
	color: #f66a08;
	}
	
#container {
	padding: 10px 0px;
	}

#contentdiv_theme { 
	font-size: 12px;
	line-height: 20px;
	display: block;
	width: 680px; 
	margin-bottom: 15px;
	float: right; 
	position:relative;
	padding: 0px 0px 15px 0px;
	color: #333333;
	}
	
#contentdiv_theme .post {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 10px; margin: 0px 0px 10px 0px;
	}

#contentdiv_theme .post-header {
	border-bottom: 1px solid #cccccc;	
	padding: 0px 0px 5px 0px;
	}

#contentdiv_theme .post-date { 
	text-align: center; 
	margin: 0; 
	padding: 2px 10px 2px 0px; 
	border-right: solid 1px #e2e2e2;
	float: left;
	}
	
#contentdiv_theme .post-day { 
	display: block; 
	font-size: 18px; 
	font-weight: normal; 
	line-height: 18px;
	color: #3366cc;
	text-align: center;
	margin: 0px 0px 2px 0px;
	}
	
#contentdiv_theme .post-month { 
	display: block;
	font-size: 9px; 
	text-transform: uppercase; 
	line-height: 9px; 
	color: #333333;
	text-align: center;
	}

#contentdiv_theme h2.post-label {
	padding: 5px 0px 0px 5px;
	float: left;
	width: 600px;
	line-height: 25px;
	}

#contentdiv_theme h2.post-label a {	
	color: #FF7D00;
	font-size: 19px;
	font-weight: normal;
	}

#contentdiv_theme p.post-meta {
	clear: both;
	padding: 3px 0px 10px 0px; margin: 0px;
	font-size: 10px;
	}

#contentdiv_theme div.post-content a {
	color: #EF0000;
	text-decoration: underline;
	}
	
#contentdiv_theme div.post-content p {
	color: #333333;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#contentdiv_theme h3#comments {
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0px 5px 0px;
	}

#contentdiv_theme h2#respond {
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	}
	
#contentdiv_theme ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 10px 10px 10px 30px;
	border: 1px solid #cccccc;
	}
	
#contentdiv_theme ol li {
	
	}
	
#contentdiv_theme ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#contentdiv_theme li {
	margin: 0px;
	padding: 0px;
	}
	
#contentdiv_theme ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	}
	
#contentdiv_theme ul li a {
	color: #666666;
	text-decoration: underline;
	}

#contentdiv_theme ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
#contentdiv_theme p img {
	border: 1px solid #efefef;
	padding: 5px;
	margin: 0px 10px 10px 10px;
	}
	
#contentdiv_theme p.comments {
	padding: 0px 20px 0px 0px !important;
	text-align: right;
	clear: both;
	}
	
#contentdiv_theme p.comments a { 
	padding: 3px 0px 4px 25px; 
	background: url(images/comments_bg.png) no-repeat left top; 
	font-size: 11px;
	}

#contentdiv_theme p.comments a:hover { 
	background-position: 0% -20px; 
	}
	
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
	
#contentdiv_theme blockquote p {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

#sidebar { 
	display: block;
	color: #000000;
	width: 300px;
	float: right; 
	position:relative;
	margin: 0px 0px 20px 10px;
	padding:0px;
	text-align: left;
	}
	
.sidebarGeneral  {
	margin-bottom: 10px;
	background-color: #efefef;
	padding: 10px 20px;
	color: #666666;
	border: 1px solid #cccccc;
	}

#sidebar h3 {
	color: #666666;
	font-size: 17px;
	font-weight: normal; 
	padding-bottom: 10px;
	}
	
#sidebar a {
	color: #ff7d00;
	}

#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	margin: 0px;
	padding: 0px 0px 5px 15px;
	background: url(images/raquo_orange.gif) left 2px no-repeat #efefef;
	}
	
#sidebar ul li a,
#sidebar ul li a:link,
#sidebar ul li a:visited,
#sidebar ul li a:hover {
	color: #FF7D00;
	font-weight: bold;
	font-size: 14px;
	}

#searchform {
	float: none;
	margin: 0px;
	width: 252px;
}

#searchform input#s {
	width: 250px;
	}
	
#bottomNaviGrau {
	padding-top: 10px;
	float: left;
	width: 670px; 
}
	
.bottomNaviGrauEl {
	float: left;
	border-left: 1px solid #999999;
	padding: 0px 8px;
}

.bottomNaviGrauEl a {
	color: #999999;
}

.copyright {
	color: #999999;
	padding: 10px 10px 0px 0px;
	float: left;
	text-align: right;
	width: 310px;
	}
	
#footer { 
	clear:both;
	background-color: #c4e2ff;
	height: 30px;
	color: #333333;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	width: 100%;
	text-align: left;
	}
	
#footer div.worldoftui {
	height: 29px;
	padding: 1px 89px 0px 8px;
	}
	
#footer div.international-text {
	height: 23px;
	float: left;
	padding: 7px 10px 0px 0px;
	font-weight: bold;
	}
	
#footer div.flags {
	height: 30px;
	float: left;
	}

	
/* AJAX LOGIN PLUGIN */
.al_nodisplay {
	display: none;
}

#al_loading, #al_login, #al_register, #al_lostPassword {
	padding: 0px;
}
#al_loginMessage, #al_registerMessage, #al_lostPasswordMessage {
	padding: 0px 0px 5px 0px;
	display: block;
}
#al_loadingImage {
	margin: 20px 0px;
}

div.al_options {
	color: #FF7D00;
	font-size: 10px; 
	}

div.al_options a {
	font-size: 11px; 
	}

input.al_input {
	width: 250px;
	}

input.al_submit { 
	font-size: 12px;
	font-weight: bold;
	color: #FF7D00;
	margin: 5px 0px;
	padding: 3px 10px;
	}
	
.al_logged_as {
	padding: 0px 0px 10px 0px;
	}
	
/* Sidebar Authors */

#profilebox {
	padding: 0px 0px 5px 0px; margin: 5px 0px 0px 0px;
	}

#profilebox td {
	padding: 5px 0px;
	border-top: 1px solid #cccccc;
	}

#profilebox h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF7D00;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	line-height: 13px;
	font-weight: bold;
	}

#profilebox img.authorpic {
	padding: 0px 0px 0px 10px;
	}
	
/* Tag Cloud */ 

ul#tagcloud { 
	padding:0; margin:0; 
	text-align:center; list-style:none; 
	}
	
ul#tagcloud li { 
	display:inline; 
	font-size: 100%; 
	color: #4371CC; 
	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: #4371CC; font-size: 100%; }
ul#tagcloud li.t2 a { color: #3F6ECC; font-size: 105%; }
ul#tagcloud li.t3 a { color: #3B6BCC; font-size: 110%; }
ul#tagcloud li.t4 a { color: #3769CC; font-size: 115%; }
ul#tagcloud li.t5 a { color: #3366CC; font-size: 125%; }
ul#tagcloud li.t6 a { color: #2F63CC; font-size: 130%; }
ul#tagcloud li.t7 a { color: #2B61CC; font-size: 145%; }
ul#tagcloud li.t8 a { color: #275ECC; font-size: 160%; }
ul#tagcloud li.t9 a { color: #235BCC; font-size: 190%; }
ul#tagcloud li.t10 a { color: #1F58CC; font-size: 220%; }

/*
ul#tagcloud { 
	padding:0; margin:0; 
	text-align:center; list-style:none; 
	}
	
ul#tagcloud li { 
	display:inline; 
	font-size: 100%; 
	color: #FFBD80; 
	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: #FFB773; font-size: 100%; }
ul#tagcloud li.t2 a { color: #FFB066; font-size: 105%; }
ul#tagcloud li.t3 a { color: #FFA959; font-size: 110%; }
ul#tagcloud li.t4 a { color: #FFA34C; font-size: 115%; }
ul#tagcloud li.t5 a { color: #FF9C40; font-size: 125%; }
ul#tagcloud li.t6 a { color: #FF9633; font-size: 130%; }
ul#tagcloud li.t7 a { color: #FF8F26; font-size: 145%; }
ul#tagcloud li.t8 a { color: #FF881A; font-size: 160%; }
ul#tagcloud li.t9 a { color: #FF840D; font-size: 190%; }
ul#tagcloud li.t10 a { color: #FF7D00; font-size: 220%; }
*/

/* Admin panel profile picture */


/* Style for tag section */
#stp_tag_entry { width: 98%; }
#stp_taglist { margin: 3px 0 0 1%; }
#stp_taglist h4 { margin: 0; padding: 0 0 2px 0; font-weight: normal; font-size: 10pt}
#stp_taglist p { padding: 0; margin: 0}
#stp_taglist span { font-size: 90%; display: block; float: left; background-color: #f0f0ee; padding: 0px 1px 0px 1px;
    margin: 1px; border: solid 1px; border-color: #ccc #999 #999 #ccc; color: #333; cursor: pointer; }
#stp_taglist span:hover { color: black; background-color: #b6bdd2; border-color: #0a246a; }
#stp_taglist div#clearer { clear:both; line-height: 1px; font-size: 1px; height: 5px; }

/* Style for Type Ahead (Wick) */ 
table.floater { position:absolute; z-index:1000; display:none; padding:0; margin:0; }
table.floater td { font-family: Gill, Helvetica, sans-serif; background-color:white; border:1px inset #979797; color:black; } 
.matchedSmartInputItem { font-size:0.8em; padding: 5px 10px 1px 5px; margin:0; cursor:pointer; }
.selectedSmartInputItem { color:white; background-color:#3875D7; }
#smartInputResults { padding:0; margin:0; }
.siwCredit { margin:0; padding:0; margin-top:10px; font-size:0.7em; color:black; }  

/* Hack for IE incl. IE7, since the dropdown is not placed properly */
*+html table.floater { position:static; }
* html table.floater { position:static; }