/* ######################################################################################################
** ### Globale Layoutanpassungen ########################################################################
** ######################################################################################################
*/

/* "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.deejay-home.de)
** 
**  CSS Basis-Modifikation 3-Spalten V1.0 (26.04.05)
*/
@media all
{

/* Formatierung der Seite */
body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        background: #404040 url(images/hr_blog/background.gif) fixed repeat;
	padding-top: 10px;	/* 0em für randabfallende Layouts */
	text-align: center;
}

#page { font-size: 10px; width: 74em; min-width: 740px; max-width: 100%; background: #fff; margin-left: auto; margin-right: auto; text-align:left; border: 0.4em #000 solid; }
#container { font-size: 10px;  border: 1em #fff solid;}

/* Formatierung der Kopfbereiches */
#header {  position:relative; height: 6em; background:#736C6A; margin-bottom: 10px;}
#nav {  position:relative; font-size: 10px; height: 24em; background-color: #736C6A; margin-bottom: 10px; }
#footer {padding: 0.5em;}

img.headerimage { position:absolute; top:0; left: 0; font-size:10px; width: 72em; height: 6em; min-width: 720px; min-height: 60px; max-width: 100%; max-height: 600%;}
img.titleimage { position:absolute; top:0; left: 0; font-size:10px; width: 72em; height:24em; min-height: 240px; max-width: 100%; max-height: 2400%;}

img.headerimage { font-size: 1.0em; }
img.titleimage { font-size: 1.0em; }

/* 2-Spaltenlayout mit rechtem Float und Hauptteil */
#col1 {display:none;}
#col1_content {display:none;}

#main {background-image: none; margin-bottom: 10px; font-size: 1.2em;}

/* Mittlere Spalte */
#col2 {
  	margin-left: 0; 
   	margin-right: 27.5%;
        border: 0; 
	border-right: 2px dotted #eee;
}

#col2_content { padding-top:1.5em; margin-left: 10px; margin-right: 10px; }

/* Rechte Spalte */
#col3 {	width: 27.5%; }
#col3_content {	padding-top:1.5em; margin-left: 10px; margin-right: 10px; }

.rightblock, .right_latestcomments {margin-bottom: 1.5em;}
.right_latestcomments a {color: #888;}
.right_latestcomments a.activityentry {color: #B96544;}

/* Formatierung der Fußbereiches */
#footer { font-size: 1.2em; padding-left: 1em; color:#000; background: #E8E1DF; line-height: 1.5em; }

.item {overflow:hidden;}

/* ######################################################################################################
** ### Hauptnavigation: "Sliding Doors" von A List Apart ################################################
** ######################################################################################################
*/

ul.menu {
        display:block;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
        left: 10px;
        font-size: 1.3em;
}

ul.menu li {
	float: left;
	margin: 0 0.3em 0 0;
        list-style-type: none;
}

ul.menu li a {	padding: 10px 0px 8px;	}

ul.menu li a {
       display:block;
       width: auto;
	font-size: 1em;
	background: #c0b8b2 url(images/hr_blog/mn_back.gif) repeat-x top;
	text-transform: lowercase;
	text-decoration: none;
	color: black;
	margin: 0;
	padding: 8px;
        border: 0.3em solid #C8BDB6;
        border-bottom: 0;
	}

ul.menu li a:hover {
	background: #333;
	color: #eee;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333;
	background: white url(images/hr_blog/mn_back_high.gif) repeat-x top;
	text-decoration: none;
        font-weight: bold;
        border-color: #ddd;
	}

/* ######################################################################################################
** ### Definition der Basiselemente des Inhalts #########################################################
** ######################################################################################################
*/

ul, ol, dl { margin: 0 0 1em 2.5em; }
li { line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

#col3 ul {margin: 0 0 1em 0; padding: 0;}
#col3 ul ul {margin: 0; padding-left: 1em;}
#col3 ul li { text-indent: 0; list-style-position: inside; padding-left: 0; margin: 0;}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

.clear {
       clear:both;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
        background: #eee;
        border: 1px solid #aaa;
	}
	
img.right {
        float:right;
	padding: 4px;
	margin: 0 0 0.5em 1em;
        background: #eee;
        border: 1px solid #aaa;
	}

img.left {
        float:left;
	padding: 4px;
	margin: 0 1em 0.5em 0;
        background: #eee;
        border: 1px solid #aaa;
	}
	
img.noborder {
	border: none;
	}

.comments {
        margin-top: 2em;
}


.comments .commentlist {
	margin: 0;
	padding: 0;
	width: 100%;
	}

.comments .commentlist li {
	margin: 10px 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

.comments .commentlist li img {
	padding: 0;
	border: none;
	}

.comments .commentlist li img.gravatar {
	float: right;
	/* margin: -5px 0 0; */
        margin: 0 0 0.5em 0.5em;
	}

.comments .commentlist li .commentauthor {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	}

.comments .commentmetadata{
	color: #888;
	}

.comments .commentlist li .counter {
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float: left;
	width: 35px;
	}

.comments .commentlist li.authorcomment {
	background: #f6f7f8;
	}

.comments .pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	}

.comments .pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

.comments .pinglist li .commentauthor {
	font-weight: bold;
	display: block;
	}

.comments .pinglist li small {
	font: .8em Arial, Sans-Serif;
	display: block;
	}

.comments .pinglist li .counter {
	display: none;
	}

.comments .pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

.comments form {
	padding: 1px 0 30px;
	margin: 0;
	}

input[type=text], textarea {
        width: auto;
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
        background: #fafafa;
	padding: 3px;
	color: #777;
	}

#message {width: 480px;}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments form textarea {
	height: 250px;
	width: 480px;
	padding: 2px;
	}

.comments form #submit {
	margin: 0;
	float: right;
	}

table.entry {
	margin-left: auto;
	margin-right: auto;
        width: auto;
	padding: 4px;
        background: #fff;
}

table.entry tr, table.entry tr.odd { background: #f8f8f8; }
table.entry tr.even { background: #f0f0f0; }

table.entry th {background: #e0e0e0; text-align: center; }
table.entry td, table.entry th { padding: 0.8em; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  text-align: center;}

/*
Formatting Buttons
------------------------------------------------------ */

.buttonMode {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 10px;
color: #73769D;
background-color: transparent;
white-space: nowrap;
}

.htmlButtonOuter, .htmlButtonOuterL {
background-color: #f6f6f6;
padding: 0;
border-top: #333 1px solid;
border-right: #333 1px solid;
border-bottom: #333 1px solid;
}
.htmlButtonOuterL {
border-left: #333 1px solid;
}
.htmlButtonInner {
background-color: transparent;
text-align: center;
padding: 0 3px 0 3px;
border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.htmlButtonOff {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
font-size: 11px;
font-weight: bold;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOff a:link {
color: #000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOff a:visited {
text-decoration: none;
}
.htmlButtonOff a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOff a:hover {
background-color: #fff;
text-decoration: none;
color: #999;
}
.htmlButtonOn {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 11px;
font-weight: bold;
background: #f6f6f6;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOn a:link {
color: #990000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOn a:visited {
text-decoration: none;
}
.htmlButtonOn a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOn a:hover {
background-color: #fff;
color: #999;
text-decoration: none;
}


}