*{
   margin:0px;
   padding:0px;
}

body{
   background:#fefefe;
   font:62,5% "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
}

html>body {
   font: 10px "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
}

/* HTML Elemente */

p {
   font-size:1em;
   line-height:1.5em;
   margin-top: 1.5em;
   margin-bottom: 1.5em;
}

a:visited{
   padding-right:20px;
   background:url(img/accept.png) right no-repeat;
}

a,
a:link{
   color:#00338f;
}

a:focus,
a:active{
   background:#b2c1dd;
}

a:hover{
   color:#b2c1dd;
}

h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited{
	background:transparent;
	padding-right:0px;
}

h1,h2,h3,h4,h5,h6{
   color:#002872;
}

h1{
   margin:8px 0px 6px;
   float:left;
   font-size:1.4em;
}

h1 a,
h1 a:link,
h1 a:hover{
   color:#6684bb;
   text-decoration:none;
}

h2{
   font-size:1.8em;
}
h3{
   font-size:1.3em;
}
h4,h5,h6{
   font-size:1em;
   margin:18px 0px 6px;   
}
h5,h6{
   font-weight:normal;
}
h6{
   font-style:italic;
}

img{
   border:0px;
}

ul,ol,dd{
   padding-left:2em;
   line-height:1.5em;
   margin:1.5em 0em;
}

blockquote{
   font-style:italic;
   color:#6684bb;
   padding-top:80px;
   padding-left:20px;
}
cite{
	display:block;
	font-weight:bold;
}

/* Hilfsklassen */
.left{
   float:left;
}
.right{
   float:right;
}
.hidden{
   display:none;
}
img.left{
   margin:10px 10px 10px 0px;
}
img.right{
   margin:10px 0px 10px 10px;
}

/* Layout */
/* Navigation */
#navigation{
   font-size:1.4em;
   background:#fff url(img/nav-bg.gif) bottom repeat-x;
}

#navigation .innen{
   width:950px;
   margin:0px auto;
   padding-bottom:15px;
  /* background:url(img/nav-innen.gif) bottom no-repeat; */
   overflow:hidden;
}

#navigation ul{
   padding:0px 2px 0px 0px; /* Innenabstand rechts 2px, sonst 0px */
   margin:0px;
   float:right;
   list-style-type:none;
   background:url(img/trenner.gif) right repeat-y;
}
/* Sub-Navigation */
#subnavigation{
	float:left;
	font-size:1.0em;
	width:300px;
}

#navigation ul{
   list-style-type:none;
}

#navigation li,
#navigation li.active{
   float:left;
   background:url(img/trenner.gif) left repeat-y;
}

#navigation li a{
   display:block;
   text-decoration:none;
   font-weight:bold;
   margin:0px 0px 0px 2px; /* für Rand von li*/
   padding:8px 12px 6px;
   background:transparent;
}
#subnavigation li{
	border-bottom:1px solid darkgray;
}

#subnavigation li.small, #subnavigation li.activesmall{
	font-size:0.8em;
	margin:0px 0px 0px 20px; /* für Rand von li*/
}

#subnavigation a{
   display:block;
   text-decoration:none;
   font-weight:bold;
   padding:6px 12px;
   background:transparent;
}

#navigation .active a,
#navigation li a:hover
#subnavigation a:hover, #subnavigation li.active, #subnavigation li.activesmall a{
   background:url(img/nav-active.gif) bottom repeat-x;
}

#banner,
#wrapper{
   background:#fff;
   width:950px;
   margin:0px auto;
}
#banner{
/* background:#fff url(img/banner-home.jpeg) no-repeat;
   height:300px; */
}
#wrapper{
   overflow:hidden;
}
#boxen{
   font-size:1.1em;
   list-style-type:none;
   overflow:hidden;
   padding:0px;
   margin:0px 0px 20px 20px;
   position:relative;
   z-index:10;
}

#boxen li{
   width:188px;
   float:left;
   padding:10px;
   margin-right:20px;
   border:1px solid #ccc;
}

#boxen li div{
   padding:10px;
   overflow:hidden;
}
.html{background:#69977b;}
.css{background:#fef1ba;}
.jquery{background:#f6bd5e;}
.seo{background:#b6623d;}

#boxen a{color:#000;}

#boxen h2{
   font-size:1.4em;
   color:#000;
}

#main{
   font-size:1.4em;
   margin:0px 20px 20px 0px;
   width:590px;
   float:right;
   position:relative;
   z-index:1;
   }

/* Artikel */

.post{
   clear:both;
   margin-bottom:2em;
   border-bottom:1px solid #fef1ba;
}
.post h2{
   font-size:1.6em;
   font-weight:normal;
   border-bottom:1px solid #B6623D;
}
.post h2 a{
   text-decoration:none;
}
.postinfo{
   font-weight:bold;
   margin:0.3em 0em;
}

.post.small{
   margin:0px;
   border:0px;
}
.post.small h3{
   margin-top:1em;
   border-bottom:1px solid #B6623D;
}
.post.small h3 a{
   display:block;
   text-decoration:none;
   padding-right:20px;
   background:url(img/add.png) center right no-repeat;
}
.post.small h5{
   margin-top:1em;
   border-bottom:1px solid #B6623D;
}
.post.small h5 a{
   display:block;
   text-decoration:none;
   padding-right:20px;
   background:url(img/add.png) center right no-repeat;
}

.entry.more{
   border-bottom:1px solid #fef1ba;
   margin-bottom:2em;
}

/* Formular */
#commentform p{
   overflow:hidden;
   clear:both;
}

#commentform label{
   float:left;
   width:200px;
}
#commentform label small{
   display:block;
}

#commentform input{
   border:1px solid #b6623d;
   padding:3px 3px 3px 25px;
}
#commentform textarea{
border:1px solid #b6623d;
padding:3px 3px 3px 3px;
background:url(img/comment.png) 98% 98% no-repeat;
}

#commentform #submit{
   padding:5px;
   font-weight:bold;
}

#author{background:url(img/user.png) 2% 50% no-repeat;}
#email{background:url(img/email.png) 2% 50% no-repeat;}
#subject{background:url(img/house.png) 2% 50% no-repeat;}

/* Seitenleiste */
#sidebar{
   clear:both;
   font-size:1.4em;
   width:300px;
   padding:167px 9px 20px 20px;
   border-right:1px solid #6684bb;
   float:left;
   position:relative;
   z-index:1;
   background:url(img/logo.png) top no-repeat;
}
}
.voll{
   clear:both;
   width:100%;
}
.halb{
   width:130px;
}
.halb.left{
   clear:both;
   margin-right:20px;
}

#sidebar ul{
   list-style-type:none;
   padding:0px;
}
#sidebar ul li{
   border-bottom:1px solid #6684bb;
   padding:2px 0px;
}

#link{
	clear:both;
	background:#fff url(img/nav-bg.gif) top repeat-x;
	padding:80px 0px 10px;
}
#link div{
	background:#fff;
	width:950px;
	margin:0px auto;
	overflow:hidden;
}

#moredata{
	font-style:1.1em;
	list-style-type:none;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 20px 20px;
}
#moredata li{
	width:188px;
	float:left;
	padding:10px;
	margin-right:20px;
	border:1px solid #ccc;
}
#moredata h2{
	font-style:1.4em;
}
#moredata li ul{
	list-style-type:none;
	padding:0px;
}
#moredata li li{
	width:auto;
	float:none;
	padding:0px;
	margin:0px;
	border:0px;
}

#footer{
	clear:both;
	background:#fff url(img/footer-bg.gif) top repeat-x;
	padding:20px 0px;
}
#footer div{
	background:#fff;
	width:950px;
	margin:0px auto;
	overflow:hidden;
}