body {
background:#113355;
margin-top:10px;
color:#cccccc;
font:x-small "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:#99bbdd;
text-decoration:none;
}
a:visited {
color:#aa77aa;
text-decoration:none;
}
a:hover {
color:#ffcc66;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:700px;
margin:20px auto;
padding:10px;
border:0px;
}
#header-inner {
border:0;
background-position: left;
}
#header {
margin: 5px;
border: 1px solid #446688;
text-align: center;
color:#eeeeee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
}Tastatur
#header a {
color:#eeeeee;
text-decoration:none;
}
#header a:hover {
color:#eeeeee;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;
color: #7799bb;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
border: 2px solid rgb(68, 102, 136);
width: 800px;
margin:0px auto;
text-align:left;
font: normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-box-shadow: 2px 3px 10px #011331;
-webkit-box-shadow: 2px 3px 10px #011331;
}
#main-wrapper {
width: 510px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#557799;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #446688;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#ffcc66;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#ffcc66;
font-weight:bold;
}
.post h3 strong, .post h3 a:hover {
color:#cccccc;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
text-align:right;
margin: .75em 0;
color:#557799;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;
line-height: 1.4em;
}
.comment-link {
text-align:right;
}
.post img {
padding:4px;
border:1px solid #446688;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #557799;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #cccccc;
line-height: 1.5em;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted #446688;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #446688;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;
color: #557799;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding:5px;
text-transform:uppercase;
letter-spacing:.1em;
border-top: 1px solid rgb(68, 102, 136);
font-size: xx-small;
color: rgb(192, 192, 192);
text-align:right;
}
.gs-title { background-color:#ffcc66 !important;padding:3px;}

#navcontainer 
{
border-top:1px solid #446688;
border-bottom:1px solid #446688;
margin:0;
background-color: #113355;
color: #fff;
width: 100%;
font-size: 10px;
font-family: arial, helvetica, sans-serif;
text-align:center;
}
.menue {
   width: 70px;
   text-transform:uppercase;
   text-align:center;
   background-color: #000;
   }
.menue a:link {
   display:block;
   color:#FFFFCC;
   text-decoration: none;
   font-size: 10px;
   font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
   text-transform:uppercase;
   text-align:center;
   }
.menue a:hover {
   display:block;
   color:#000;
   background-color: #6D6D6D;
   text-decoration: none;
   font-size: 10px;
   font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
   text-transform:uppercase;
   text-align:center;
   }
.menue a:visited {
   color:#FFFFcc;
   text-decoration: none;
   font-size: 10px;
   font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
   text-transform:uppercase;
   text-align:center;
   }

#hover_border li {
   display:block;
   list-style-type:none;
   margin:5px;
   }
#hover_border a {
   display:block;
   padding:5px;
   border:1px solid #113355;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   }
#hover_border a:hover  {
display:block;
text-decoration: none!important;
padding:5px;
border:1px solid #000;
background:#446688;
   }

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right;background-color:#000000; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border:none; clear: both;} 
#overlay img{ border:none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

/* cooles MenŸ
----------------------------------------------- */

#container {
    border-bottom:1px solid #446688;
    margin-top: 10px ;
    padding:10px;
}
 
ul {
    text-transform:uppercase;
    margin: 0;
    padding: 0;
}
 
#blob {
    background: #0b2b61;
    border-right: 1px solid #0059ec;
    border-left: 1px solid #0059ec;
    position: absolute;
    z-index: 1;
    top: 0;
    background: -moz-linear-gradient(top, #113355, #1153c0);
    background: -webkit-gradient(linear, left top, left bottom, from(#113355), to(#1153c0));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 2px 3px 10px #011331;
    -webkit-box-shadow: 2px 3px 10px #011331;
}
 
#navi {
    width: 5px auto;
    position: relative;
    background: #292929;
    float: left;
}
 
#navi li {
    float: left;
    list-style: none;
    border-right: 1px solid #4a4a4a;
    border-left: 1px solid black;
    width: auto;
}
 
#navi li a {
    color: #e3e3e3;
    z-index: 2;
    position: relative;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-family: helvetica, arial, sans-serif;
    text-decoration: none;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:3px;
    vertical-align: middle;
 
}
