/*  
Theme Name: Hansa
Theme URI: http://www.paulsowa.de
Description: Special Theme for the Hansa-Hotel in Duesseldorf (Germany).
Author: Sandra Rothkamm, Markus Ortel, Paul Sowa
Author URI: http://www.paulsowa.de
Tags: 
Version: 1.0
Copyright Sandra Rothkamm, Markus Ortel, Paul Sowa
*/





/* GENERAL */
	
body {
	margin											: 0px;
	padding											: 0px;
	background									: #808080;
	font												: 14px/16px Verdana, Tahoma;
	color												: #000000;
}

a {
	color												: #555555;
}

blockquote {
	margin											: 0 0 0 20px;
	padding											: 0 0 0 20px;
	border-left									: 5px solid #c7532d;
}

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

ul, ol {
	margin											: 0 0 20px 20px;
	padding											: 0px;
}





/*	BASIC LAYOUT */
	
#page {
	display                     : block;
	position                    : relative;
	width												: 980px;
	overflow                    : hidden;
	margin											: 0 auto;
	background									: #FFFFFF;
}
	
#header {
	position										: relative;
	display											: block;
	width												: 980px;
	height											: 205px;
	margin											: 0 auto;
	background									: url(./images/head-bg.png) no-repeat top left;
	text-align									: right;
	vertical-align							: top;
}

#content {
	position										: relative;
	display											: block;
	width												: 980px;
	margin											: 20px auto 0px auto;
	padding											: 0px 0px 0px 0px;
	background-color            : #FFFFFF;
}

#content-left {
	display                     : block;
	position                    : relative;
	left                        : 0px;
	float												: left;
	width												: 216px;
	margin											: 0px 0px 0px 0px;
	padding											: 0px;
}

#content-right {
	display                  : block;
	overflow                 : hidden;
	position                 : relative;
	float					 : right;
	width					 : 694px;
	margin					 : 0px 40px 0px 30px;
	padding					 : 0px;
}

.inhalt {
	display					 : block;
	overflow                 : hidden;
	background				 : url(./images/box-bg.png);
	margin					 : 0px;
	padding					 : 10px 10px 10px 10px;
	min-height				 : 288px;
	width                    : 674px;
}

.inhalt-texttabelle {
	margin-top               : 12px;
}

.qtrans_language_chooser  {
	margin-right			 : 40px;
}

.qtrans_language_chooser a {
	color					 : #000000;
	font-weight				 : normal;
	font-family				 : Arial, Helvetica, sans-serif;
	text-decoration			 : none;
	line-height				 : 25px;
}





/* HEADINGS */
	
h1 {
	position										: absolute;
	top													: 80px;
	left												: 0px;
	margin											: 0px;
	padding											: 0px;
	font												: bold italic 24px/24px Georgia, "Times New Roman", Times, serif;
}

h1 a {
	color												: #FFFFFF;
	text-decoration							: none;
}

h2#blog-description {
	position										: relative;
	top													: 105px;
	left												: 0px;
	margin											: 0px;
	padding											: 0px;
	font												: normal 11px/11px Verdana, Tahoma;
	color												: #FFFFFF;
}

h2 {
	margin											: 0 0 20px 0;
	padding											: 0px;
	font												: normal 14px/14px Verdana, Tahoma;
}

h3 {
	padding											: 2px 10px 3px 10px;
	margin											: 0px;
	line-height									: 20px;
	font												: bold 20px Verdana;
	color												: #d1d1e8;
	background									: url(./images/title-box-bg.png);

}

h3 a {
	text-decoration							: none;
	color												: #d1d1e8;
}

h3 a:hover {
	text-decoration							: underline;
}

h4 {
	margin											: 0 0 10px 0;
}





/* HEADER */

#qtranslate-chooser {
	text-align									: right;
	margin											: 0px;
	display: -moz-grid-line;
	margin-right: 20px;
}


ul#qtranslate-chooser li {
	list-style-type: none;
	display: -webkit-inline-box;
	padding-right: 20px;

}

ul#qtranslate-chooser li  a {
	text-decoration: none;
	margin-left: -20px;
}


/** content left */

.box-left {
	margin											: 0 0 20px 0;
	clear												: both;
}
	
.meta {
	font												: italic 10px/12px Verdana, Tahoma;
}

.meta-date {
	padding											: 0 0 0 15px;
	background									: url(img/bg-date.gif) no-repeat 0px 1px;
}

.meta-categories {
	padding											: 0 0 0 15px;
}

.meta-comments {
	padding											: 0 0 0 15px;
}

.box-left img {
	float												: left;
	margin											: 0px 10px 20px 0px;
}

p.tags {
	clear												: both;
}

.contentboxframe-top {
	background-image						: url(./images/contentbox-top.png);
	width												: 694px;
	height											: 7px;
	margin											: 0px;
	padding											: 0px;
	font-size                   : 1px;
}

.contentboxframe-bottom {
	background-image						: url(./images/contentbox-bottom.png);
	width												: 694px;
	height											: 7px;
	margin											: 0px;
	padding											: 0px;
	font-size                   : 1px;
}

.title-contentboxframe-top {
	background-image						: url(./images/title-contentbox-top.png);
	width												: 694px;
	height											: 7px;
	margin											: 0px;
	padding											: 0px;
	font-size                   : 1px;
}

.title-contentboxframe-bottom {
	background-image						: url(./images/title-contentbox-bottom.png);
	width												: 694px;
	height											: 7px;
	margin											: 0px;
	padding											: 0px;
	font-size                   : 1px;
}





/* content right */

.box-right {
	margin											: 0 0 20px 40px;
	clear												: both;
}

.box-right ul {
	margin											: 0px;
	padding											: 0px;
	list-style									: none;
}

.box-right li {
	display											: inline; /* white space bug IE6 */
	margin                      : 0px;
	padding                     : 0px;
}

.box-right li a {
	display											: block;
	padding-top									: 5px;
	padding-bottom							: 5px;
	padding-left								: 5px;
	padding-right								: 5px;
	margin											: 0px;
	text-decoration							: none;
}

.box-right li a:hover {
	background									: #FFFFFF;
}

.box-right .page_item a, .box-right .current_page_item a {
	background									: url(./images/box-bg.png);
	width												: auto;
	height											: 20px;
	line-height									: 20px;
	color												: #000000;
	font-weight									: normal;
	text-align									: inherit;
}

.boxframe-top {
	background-image						: url(./images/sidebox-top.png);
	width												: 176px;
	height											: 7px;
	line-height                 : 6px;
	margin											: 0px;
	padding											: 0px;
	font-size                   : 1px;
}

.boxframe-bottom {
	background-image						: url(./images/sidebox-bottom.png);
	width												: 176px;
	height											: 7px;
	line-height                 : 7px;
	margin											: 0px;
	padding											: 0px;
	font-size                   : 1px;
}





/* COMMENTS */
	
h4#comments, h4#respond {
	margin											: 0px 0px 20px 0px;
}	
	
.comment {
	margin											: 0px 0px 20px 0px;
	padding											: 10px;
	background									: #f7f7f7;
	border-top									: 1px solid #ccc;
}

.avatar {
	float												: left;
	margin											: 0px 10px 0px 0px; /*!important*/;
}

.comment-details {
	margin											: 0px 0px 10px 0px;
}

.comment-text p {
	margin											: 0px;
	padding											: 0px;
}





/* comment form */

#commentform label {
	display											: block;
	margin											: 0px 0px 5px 0px;
}

input.text {
	width												: 390px;
	margin											: 0px 0px 10px 0px;
	padding											: 5px;
	border											: 1px solid #f2f2f2;
}

textarea {
	width												: 410px;
	height											: 100px;
	margin											: 0px;
	padding											: 5px;
	border											: 1px solid #f2f2f2;
}

input.submit {
	width												: auto;
	margin											: 0px;
	padding											: 5px;
	background									: #363636;
	color												: #fff;
	border											: 0px;
}





/* FOOTER */

#footer-wrap {
	position										: relative;
	display											: block;
	width												: 694px;
	margin											: -10px auto 10px auto;
	padding											: 0px;
	text-align									: center;
	vertical-align							: top;
	background-color						: #FFFFFF;
}

#footer {
	position										: relative;
	display											: block;
	width												: auto;
	height											: 30px;
	line-height									: 30px;
	margin											: 0px 0px 0px 0px;
	padding											: 0px 0px 0px 0px;
	vertical-align							: middle;
	text-align									: center;
	background-color						: #FFFFFF;
}

#footer li {
	float												: left;
	margin											: 0 2px 0 0;
	padding											: 0px;
	list-style									: none;
}

#footer a {
	color												: #000000;
	text-decoration							: none;
}





/* USEFUL */
	
.aligncenter, div.aligncenter {
   display										: block;
   margin-left								: auto;
   margin-right								: auto;
}

.alignleft {
  	float											: left;
  	margin										: 0px 10px 10px 0px;
}

.alignright {
   float											: right;
   margin											: 0px 0px 10px 10px;
}

.clear {
	clear												: both;
	margin											: 0px 0px 0px 0px;
	padding											: 0px 0px 0px 0px;
}





/* wordpress css */

.wp-caption {
   border											: 1px solid #ddd;
   text-align									: center;
   background-color						: #f3f3f3;
   padding-top								: 4px;
   margin											: 10px;
}

.wp-caption img {
   float											: none;
   margin											: 0px;
   padding										: 0px;
   border											: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size									: 11px;
   line-height								: 17px;
   padding										: 0px 4px 5px;
   margin											: 0px;
}





/* wp-calendar */

#calendar_wrap {
	margin											: 0px;
}

#wp-calendar {
	width												: 100%;
}

#wp-calendar th {
	text-align									: left;
}


.page_item ul {
	display											: none;
}

.current_page_item ul, .current_page_parent ul {
	display											: block;
}





/* search form */

#searchform {
	display											: block;
	padding											: 0px;
	margin											: 0px;
	height											: 30px;
	line-height									: 30px;
	text-align									: left;
	background									: url(./images/box-bg.png);
}

#search {
	width												: 120px;
	height											: 18px;
	font-size										: 12px;
	line-height									: 18px;
	margin											: 5px 5px 5px 5px;
	color												: #555555;
	border-width								: 0;
}

#search-submit {
	width												: 25px;
	height											: 20px;
	margin											: 6px 0px 4px 0px;
	border-width								: 0;
}

.box-right ul  {
    background-color: #D1D1E8;
}