/*CSS Document*/
body {
font:normal 10px Trebuchet MS, Arial, Helvetica, sans-serif;
background:#000 url(../images/body_bg.jpg) repeat-x;
margin:0;
padding:0;
}

.container {
width:980px;
position:relative;
background-color:#252525;
margin:0 auto;
}

#header {
background:url(../images/header.jpg) no-repeat center top;
padding-top:198px;
}

#header .whois {
color:#999;
text-align:right;
display:block;
position:absolute;
top:0;
right:0;
padding:177px 0 7px;
}

#header .whois a {
color:#CCC;
}

ul.topnav {
list-style:none;
float:left;
width:940px;
font-size:1.2em;
background:url(../images/topnav_bg.gif) repeat-x;
margin:0;
padding:0 20px;
}

ul.topnav li {
float:left;
position:relative;
margin:0;
padding:0 15px 0 0;
}

ul.topnav li a {
color:#F2F2F2;
display:block;
text-decoration:none;
float:left;
padding:10px 5px;
}

ul.topnav li a:hover {
background:url(../images/topnav_hover.gif) no-repeat center top;
}

ul.topnav li span {
width:17px;
height:35px;
float:left;
background:url(../images/navi_button.gif) no-repeat center top;
}

ul.topnav li span.subhover {
background-position:center bottom;
cursor:pointer;
}

/*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
list-style:none;
position:absolute;
left:0;
top:35px;
background:#333;
display:none;
float:left;
width:170px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border:1px solid #111;
margin:0;
padding:0;
}

ul.topnav li ul.subnav li {
border-top:1px solid #252525;
border-bottom:1px solid #444;
clear:both;
width:170px;
margin:0;
padding:0;
}

html ul.topnav li ul.subnav li a {
float:left;
width:145px;
background:#333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
padding-left:20px;
}

html ul.topnav li ul.subnav li a:hover {
background:#222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
}

#header img {
margin:20px 0 10px;
}

.grid_980 {
margin-top:30px;
width:960px;
padding:10px;
}

.grid_980 h1 {
padding-top:20px;
font-size:2em;
color:#F2F2F2;
}

.grid_500 {
margin-top:30px;
width:480px;
float:left;
padding:10px;
}

.grid_480 {
margin-top:30px;
width:460px;
float:left;
padding:10px;
}

.grid_980 p,.grid_500 p,.grid_480 p {
font-size:1.4em;
color:#F2F2F2;
}

.grid_980 a,.grid_500 a,.grid_480 a {
color:#F2F2F2;
}

/*slidingbox: credits and many thanx to Sam Dunn http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/*/
.slidinggrid {
background:#252525;
margin:0 14px;
padding:0;
}

.slidinggrid a {
color:#909395;
}

.slidinggrid h3 {
color:#F2F2F2;
font:18pt Arial, sans-serif;
letter-spacing:-1px;
font-weight:700;
margin:10px 10px 0;
}

.boxgrid {
width:300px;
height:260px;
float:left;
background:#161613;
border:2px solid #625B5D;
overflow:hidden;
position:relative;
margin:5px;
}

.boxgrid img {
position:absolute;
top:0;
left:0;
border:0;
}

.boxgrid p {
color:#AFAFAF;
font-weight:700;
font:10pt "Lucida Grande", Arial, sans-serif;
padding:0 10px;
}

.captionfull .boxcaption {
top:260px;
left:0;
}

.caption .boxcaption {
top:220px;
left:0;
}

.boxcaption,.boxcaption1 {
float:left;
position:absolute;
background:#000;
height:100px;
width:100%;
opacity:.8;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/*slidingbox ende
footer*/
.footer {
text-align:center;
font-weight:700;
font-size:10px;
color:#FFF;
margin-top:15px;
}

.footer a {
text-align:center;
text-decoration:none;
font-weight:700;
font-size:10px;
color:#FFF;
padding:5px;
}

.footer a:hover {
text-align:center;
text-decoration:underline;
font-weight:700;
font-size:10px;
color:#FFF;
}

.footer li {
display:inline;
}

/*footer ende
Clear Floated Elements
----------------------------------------------------------------------------------------------------
http://sonspring.com/journal/clearing-floats*/
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}

/*http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack*/
.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

/**--Content--**/
.post {
width:860px;
float:left;
color:#f4f4f4;
font-size:16px;
border-bottom:1px dashed #ccc;
margin:0 50px 40px;
padding:0;
}

*html .post {
width:760px;
}

.post a {
text-decoration:none;
color:#555;
border-bottom:1px solid #f60;
}

.post a:visited {
text-decoration:none;
color:#777;
border-bottom:1px solid #f60;
}

.post a:hover {
color:#f60;
text-decoration:none;
border-bottom:1px solid #f60;
}

.post a:active {
color:#1C1D16;
text-decoration:none;
border-bottom:1px solid #f60;
}

.post h1 {
font-size:32px;
font-weight:500;
line-height:48px;
margin:0;
padding:25px 0 5px;
}

.post h2 {
font-size:28px;
font-weight:500;
line-height:48px;
margin:0;
padding:25px 0 15px;
}

.post h2 a {
background:none;
border:none;
text-decoration:none;
color:#000;
}

.post h2 a:hover {
background:none;
border:none;
text-decoration:none;
color:#444;
}

.post h2 a:visited:hover {
background:none;
border:none;
text-decoration:none;
color:#555;
}

.post h2 a:visited {
background:none;
border:none;
text-decoration:none;
color:#222;
}

.post img.left {
border:none;
float:left;
clear:left;
margin:10px 10px 10px 0;
padding:6px;
}

.post img.right {
border:none;
float:right;
clear:right;
margin:10px 0 10px 10px;
padding:6px;
}

.post img.center {
display:block;
border:none;
float:none;
clear:both;
margin:0 auto 10px;
padding:8px;
}

.post img.frame {
border:1px solid #CCC;
background:#EEE;
float:right;
clear:right;
margin:10px 0 10px 10px;
padding:6px;
}

.post img.stack {
clear:none !important;
}

.postinfo {
text-transform:uppercase;
font-family:verdana, helvetica, arial, sans-serif;
color:#ccc;
font-size:13px;
letter-spacing:-1px;
margin:0;
padding:0;
}

.postinfo a,.postinfo a:visited {
border:none;
text-decoration:none;
text-transform:uppercase;
font-family:verdana, helvetica, arial, sans-serif;
color:#aaa;
font-size:13px;
margin:0;
padding:0;
}

.postinfo a:hover,.postinfo a:visited:hover {
text-decoration:none;
border:none;
text-transform:uppercase;
font-family:verdana, helvetica, arial, sans-serif;
color:#ccc;
font-size:13px;
margin:0;
padding:0;
}

.datum {
text-align:center;
float:left;
font-family:georgia, serif;
color:#ddd;
font-size:20px;
margin:0;
padding:10px 20px 3px 0;
}

.tag {
font-family:georgia, serif;
font-weight:700;
color:#ddd;
font-size:50px;
margin:0;
padding:0 0 3px;
}

.monat {
font-style:italic;
font-family:georgia, serif;
color:#ddd;
font-size:28px;
margin:-20px 0 0;
padding:0;
}

.adress {
display:block;
width:550px;
font-style:italic;
font-size:14px;
line-height:20px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:25px 0 25px 50px;
padding-right:10px;
}

blockquote,pre {
font-style:italic;
font-size:14px;
background-color:#555;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
line-height:20px;
margin:10px 25px;
padding:20px;
}

.oben {
position:absolute;
right:-60px;
}
.oben a {
border:none
}

.oben2 {
position:absolute;
right:-95px;
}

.pin {
	background-image:url(../images/pin.png);
	background-position:top left;
	background-repeat:no-repeat;
	color:#F4F4F4;
	font-size:16px;
	line-height:14px;
	border-bottom:1px dashed #ccc;
	min-height:100px;
	height:auto !important;
    height:100px;
	width: 750px;
	margin:50px 50px 10px 50px;
	padding: 20px 5px 5px 50px;
}

.pin h1 {
font-size:18px;
}

.pin a {
text-decoration:none;
color:#F4F4F4;
}

.pin a:hover {
text-decoration:underline
}

/* auch microsoft kann png
----------------------------------------------------------------------------------------------------*/

*html *{ behavior:url(iepngfix.htc) }