/*
Theme Name: Tunay's Pansiyon by K&K Design
Description: Tunay's Pansiyon Wordpress Theme by <a href="mailto:admin@beslis.de/">K&K Design</a>
Version: 1.0
Author: K&K Design
Tags: fixed width, one column, valid XHTML, valid CSS
*/

/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img {
	border:none;
	background:#FFFFFF;
	margin:0px 4px 0px 4px;
	padding:10px;
}

img.banner {
	border:none;
	background:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:10px;
}

/* Body
-------------------------------------------------------------------*/
body { 
    margin: 0 auto;
    font: 12px/18px Verdana, Helvetica, Arial, Geneva, sans-serif;	
	color: #333; 
	background: #FCFBF7 url(images/body_bg.jpg)0 0 repeat-x; 
}

*:first-child+html body {background: #FCFBF7 url(images/body_bg.jpg) repeat-x center -8px;}

* html body {background: #FCFBF7 url(images/body_bg.jpg) repeat-x center -8px;}

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; color: #F18F04; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 12px; line-height: 16px; }
h6 { font-size: 10px; line-height: 14px; margin-bottom: 5px; }

h1 span { color: #999; }

a { color: #3b5a4a; }
a:hover { color: #3b5a4a; }
a:visited { color: #3b5a4a; }

p { margin-bottom: 10px; }

.notiz { 
	font: normal 10px verdana, arial, helvetica, sans-serif;
	margin-top:10px;
}

input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }

blockquote { 
	font: italic 14px/22px Georgia, Serif; 
	padding: 5px 10px;
	margin-bottom: 20px; 
}

table {
  	border-collapse: collapse;
 	border: 1px solid #515348;
 	font: normal 11px verdana, arial, helvetica, sans-serif;
  	color: #363636;
}
td, th {
  	border: 1px dotted #515348;
  	padding: 0.4em;
  	color: #363636;
  	background:#FFFFFF;
}

#links{	float:left; margin-left:10px;}

#links  ul{ padding:0; }

#links  li{
	list-style-image:url(images/green_ok.png);
	display:list-item;
}

#rechts{
	float:right;
	margin-right:80px;
}

#rechts  ul{ padding:0; }

#rechts  li{
	list-style-image:url(images/green_ok.png);
	display:list-item;
}

/* Header
-------------------------------------------------------------------*/
#header { 
	position: relative;
	width: 766px; 
	height: 317px; 
    margin: 0 auto;
	background: url(images/header_bg.png) no-repeat center;  
}
#header h1 { 
	width: 230px;
	position: absolute;
	top: 80px;
	left: 60px;
	font: 20px Verdana; 
	padding-top: 10px; 
	margin-bottom: 0; 
	color: #fff; 
}
#header h1 a { 
    color: #333; 
	text-decoration: none; 
}

/* Header
-------------------------------------------------------------------*/
#language_chooser {	
	position:absolute;
	top:10px;
	right:0px;
}
.qtrans_language_chooser { list-style-type:none;}
.qtrans_language_chooser li { float:left; margin-left:5px;}
.qtrans_language_chooser a { text-decoration:none;}
.qtrans_language_chooser a:hover { text-decoration:underline;}

/* Logo
-------------------------------------------------------------------*/
#logo {
	position:absolute;
	width:168px; 
	height:109px; 
}

/* Slogan
-------------------------------------------------------------------*/
#slogan { 
	position:absolute;
	top:165px;
	left:17px;
	width: 180px; 
	height:56px;
	overflow: hidden;
    margin: 0 auto; 
}
.slogan_de { background-image:url(images/slogan_de.png); }
.slogan_en { background-image:url(images/slogan_en.png); }
.slogan_tr { background-image:url(images/slogan_tr.png); }

/* Container
-------------------------------------------------------------------*/
#wrapper { 
	width: 766px; 
	overflow: hidden; 
	background: #ECECDE;
    margin: 0 auto; 
}

/* Navigation
-------------------------------------------------------------------*/
#nav {
position:relative;
width:766px; 
top: 270px;
font-size:0.85em;
}
/* remove all the bullets, borders and padding from the default list styling */
#nav ul {
padding:0;
margin:0;
list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {
float:left;
position:relative;
border-right:4px dotted #fff;
line-height:46px;
}
/* style the links for the top level */
#nav a, #nav a:visited {
display:block;
font-size:11px;
font-weight:bold;
text-decoration:none; 
color:#fff;
padding:0 19px 0 19px; 
}


/* style the second level background */
#nav ul ul a.drop, #nav ul ul a.drop:visited {
background:#758279;
}
/* style the second level hover */
#nav ul ul a.drop:hover{
background:#c9ba65;
}
#nav ul ul :hover > a.drop {
background:#c9ba65;
}

#nav li li {
float:left;
position:relative;
border:none;
line-height:46px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
visibility:hidden;
position:absolute;
height:0;
top:45px;
left:0; 
width:130px;
}
/* another hack for IE5.5 */
* html #nav ul ul {
top:30px;
t\op:31px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#nav table {position:absolute; top:0; left:0;}

/* style the second level links */
#nav ul ul a, #nav ul ul a:visited {
background:#6A6D5E; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:109px;
/* yet another hack for IE5.5 */
}
* html #nav ul ul a{
width:130px;
w\idth:109px;
}


/* style the top level hover */
#nav a:hover, #nav ul ul a:hover{
color:#FEC330;
}
#nav :hover > a, #nav ul ul :hover > a {
color:#FEC330;
}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul{
visibility:visible; 
}

/* Content
-------------------------------------------------------------------*/
#content { 
	width: 766px;
	float: left;
	margin-bottom:10px;
}
#content .post { margin:30px 20px 40px 30px}
/*#content .post p { margin-right: 30px; }*/
#content .post h3 a { text-decoration: none; font-size: 20px; padding-left: 20px; }
#content .post-list li { list-style: none; }

#content ul, ol, dl { margin-bottom: 20px; }
#content ul { 
	list-style: disc;
	list-style-position: inside; 
}
#content ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#content dl dt { 
	font-weight: bold;
}
#content dl dd { 
	font-style: italic;
	margin: 0 10px 5px 20px;
	color: #555;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #AEAEAC;
	background:#FFFFFF;
	padding:10px;
}
.alignleft {
	float: left;
	margin: 5px 15px 10px 0;
	border: 1px solid #AEAEAC;
	background:#FFFFFF;
	padding:10px;
}
.alignright {
	float: right;
	margin: 5px 0 10px 15px;
	border: 1px solid #AEAEAC;
	background:#FFFFFF;
	padding:10px;
}

/* Footer
-------------------------------------------------------------------*/

#footer { 
	width: 766px; 
    height: 185px;
	margin: 0 auto;
	background: url(images/footer_bg.jpg) no-repeat;
    position: relative; 
	text-align: center;    
}
#footer-inner {
    clear: both;
    text-align: center; 
	width: 766px; 
	margin: 0 auto;
    padding-top: 105px; 
}
#footer p { 
	font-size: 11px; 
	margin: 0; 
}
#footer a {
	color: #000000;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover { 
	color: #525252;
	text-decoration:none;
}
#footer a:visited { color: #FFFFFF; }