/*********************************************************
** Standard Tags
*********************************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    line-height: 1.35em;
    padding: 54px 0 12px;
    margin: 0;
	text-align: left;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    line-height: 1.5em;
}

h1 { font-size: 16px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 9px; }

a, a:visited { color: #4485d6; text-decoration: none; }
a:hover { color: #fea834; }
a:active { color: #ffc446; }

a h3, a:visited h3,
a h4, a:visited h4
{ text-shadow: #ddd 3px 3px 3px; }

a:hover h3, a:active h3,
a:hover h4, a:active h4
{ text-shadow: none; }

img.preload { display: none; }

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    /*
    padding: 0;
    margin: 0;
    */
}

input.medium, select.medium { width:165px; }
input.large, select.large { width:450px; }

input.read {
	border:0;
	text-align:right;
	background-color:transparent;
}

form {
    margin:0;
    padding:0;
}

li {
    margin-bottom: 1em;
}

/*********************************************************
** Global Styles
*********************************************************/

.important, .error, .form_error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
}

.alert, .error, .form_error {
    color: #f00;
}

.form_error {
    font-size: 10px;
}

.code {
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
    margin:0.2em;
}
div.code {
    margin:1em;
    padding:0.5em 1em;
    color: #fff;
    background-color: #000;
    border: 2px solid #888;
}

.small {
	font-size: 10px;
}

.mini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
}
a.mini {
	color: #4485d6;
}

.quotation {
    font-style: normal;
    margin:0;
    padding:0 0.5em 2em;
}

.author {
	font-size: 9px;
    font-style: italic;
    text-align: right;
    margin:0;
    padding:0.2em 0 0;
}

.left {
    float:left;
    clear:both;
    margin:6px 14px 6px 0;
}

.right {
    float:right;
    clear:both;
    margin:6px 0 6px 14px;
}

.stack {
    float:left;
    margin:0.1em 0.1em 0;
    padding:0.2em 1em;
}

a:hover.stack { background-color: #afd0fa; }
a:active.stack { background-color: #26548f; }

.fullsize { width:510px; }

.topbordered td {
    padding: 10px;
    border-top: thin solid #aaa;
}


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

#frame {
    min-width: 720px;
    max-width: 980px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

#column_center { width:100%; }
#column_right { }


/*********************************************************
** Fancy Table
*********************************************************/

table.fancy {
    width:320px;
    font-size: 12px;
    background: #eee url(http://www.thaiguru.de/style/shadow_top.png) top repeat-x;
	border: 1px solid #a6a6a6;
	padding: 2px;
	margin: 0;
}
table.fancy >* >tr >th
{
	font-size: 12px;
    background: #fafafa;
	border: 1px solid #ccc;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #fff;
	padding: .4em 1em;
	margin: 0;
	z-index: 5;
    text-align: left;
}
table.fancy >* >tr >td
{
	padding: 5px 14px;
	margin: 0;
}
table.fancy >* >tr:first-child+tr >td
{
	padding-top: 12px;
}


/*********************************************************
** Article Text Box
*********************************************************/

div.article {
    min-width:430px;
    background: #f0f0f0;
	border-top: thin solid #bbb;
	border-bottom: thin solid #bbb;
	border-left: thin solid #d8d8d8;
	border-right: thin solid #d8d8d8;
}

div.article div.contents {
    background: #fafafa;
}

div.article div.contents div.end {
    clear:both;
    height:0;
}

div.article h2 {
    margin: 0;
    padding: 0.4em 0.2em 0.4em 10px;
    background: #ccc url("http://www.thaiguru.de/style/title_highlight.png") repeat-x top left;
	border-bottom: thin solid #d0d0d0;
    text-align: left;
    text-shadow: #aaa 3px 3px 5px;
}

div.article blockquote {
    margin: 0;
    padding: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5em;
}

/* do not use img as it will mess up correctPNG() JS */
div.article .right {
    display: block;
    float: right;
	margin: 0 0 20px 30px;
    padding: 0;
}

div.article div.section {
    margin: 0;
    padding: 1em 20px;
	border-top: thin solid #fff;
	border-bottom: thin solid #999;
    text-align: left;
}
.section li {
        list-style: url(http://www.thaiguru.de/img/li.gif);
        margin-left: 6px;
#       font-size: 0.85em;
}

/*********************************************************
** Side Column Text Box
*********************************************************/

div.sidecolumn
{
    width: 200px;
    font-size: 10px;
    background: #eee url(http://www.thaiguru.de/style/shadow_top.png) top repeat-x;
	border: 1px solid #a6a6a6;
	padding: 2px;
	margin: 0;
	z-index: 2;
}

div.sidecolumn div.contents
{
    background: #fafafa;
	border: 1px solid #ccc;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #fff;
	padding: 1em;
	margin: 0;
	z-index: 5;
    text-align: left;
}

div.contents img {
    margin: 6px;
}

div.sidecolumn p
{
	padding: 0;
	margin: 0;
}

div.sidecolumn h4
{
	font-size: 11px;
	padding: 0;
	margin: 0.25em 1em;
    text-align: center;
}


div.sidecolumn h2
{
	margin: 8px 0px 2px 0px;
	font-size: 12px;
	border-bottom: 1px solid black;
}

div.sidecolumn ul.tree
{
	clear: both;
	margin-top: 8px;
}

div.sidecolumn ul.tree, div.sidecolumn ul.tree ul
{
	background-image: url(http://www.thaiguru.de/style/sidebar_list_bg.gif);
	background-position: 3px 2px;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

div.sidecolumn ul.tree ul
{
	
}

div.sidecolumn ul.tree li
{
	margin-top: 3px;
	margin-bottom: 3px;

}

div.sidecolumn ul.tree ul li
{
	font-size: 0.9em;
	padding-left: 18px;
/*	background-image: url(http://www.thaiguru.de/style/h_dotted.gif); */
	background-repeat: no-repeat;
	background-position: 4px 6px;
}

div.sidecolumn ul.tree ul ul li:last-child, div.sidecolumn ul.tree li.last
{
/*	background-image: url(http://www.thaiguru.de/style/h_dotted_last.gif); */
	background-position: 0px 6px;
}

div.sidecolumn ul.tree li a
{
	padding-left: 12px;
	background-image: url(http://www.thaiguru.de/style/sidebar_link_unread.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #2e3753;
	font-weight: bold;
	text-decoration: none;
}

div.sidecolumn ul.tree li a:hover
{
	background-image: url(http://www.thaiguru.de/style/sidebar_link_hover.gif);
	text-decoration: underline;
}

div.sidecolumn ul.tree li a:visited
{
	background-image: url(http://www.thaiguru.de/style/sidebar_link_read.gif);
}


.flickr-thumbnail, .flickr-pullout {
	float: left;
		background: url('http://www.thaiguru.de/style/flickr_shadow.gif') no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	_position: relative;
	}

.flickr-thumbnail img, .flickr-pullout img {
		 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
	}

.flickr-thumbnail img:hover, .flickr-thumbnail:hover img, .flickr-pullout:hover img {
	background-color: #ccd;
}

.flickr-pullout
{
	margin: 13px 3px 3px 14px;
	background-image: url(http://www.thaiguru.de/style/flickr_shadow_white.gif);
	
}

div.cover
{
	padding:1px;
    margin:0;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    opacity:0.80;
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity:0.80;
    
    color: #111;
    font-size: 20px;
    font-weight: bold;
    text-shadow: #ccc 3px 1px 2px;
}

/*********************************************************
** Alert Text Box
*********************************************************/

div.alert_box {
    background: #fff;
    border: 4px solid #444;
    padding: 16px 20px 10px;
    width: 380px;
    min-height:50px;
    margin: auto;
    margin-bottom: 24px;
    text-align: left;
}
div.alert_box >img {
    float:left;
}
div.alert_box p {
    padding-left:68px;
    font-size: 10px;
}
div.alert_box >img+p {
    margin: 0;
    padding-top: 6px;
    min-height: 34px;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}

.guruimg {
    position: absolute;
        width:60;
        height:71px;
        top:5px;
        left:3px;
        z-index:0;
}
.pixthumb {
    position: absolute;
        width:60;
        height:71px;
        top:7px;
        left:678px;
        z-index:0;
}


.google {
    position: absolute;
	width:200px;
	height:61px;
	top:2px;
	right:52px;
	z-index:0;
	padding: 0 0;
}

.topnav {
    position: absolute;
/*	width:235px;
	height:61px; */
	top:44px;
	left:60px;
	z-index:0;
	padding: 0 0;
}

.topnews {
    position: absolute;
	top:10px;
	left:112px;
	z-index:0;
	padding: 0 0;
}

.error {
    position: absolute;
	top:4px;
	left:4px;
	z-index:0;
	padding: 0 0;
}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}
.copanel{
        padding:12px;
        border:solid 1px #E4E4E4;
        background-color:#FFFFFF;
        margin:10px;
        padding:10px;
/*      width:100%;
        height:160px; */
}
.tip, .cite, cite {
        background: url(http://www.thaiguru.de/style/quote.gif) no-repeat;
        color: #666;
        display: block;
#       font: normal 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
        padding-left: 28px;
        text-decoration: none;
        padding-bottom: 1.2em;
}