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

#site-name {
margin-top: 20px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
width:85%;

}

#site-name img {
float: left;
margin-top: 20px;
margin-right: 30px;
height: 100px;
}


#tabzilla-nav h2{letter-spacing:0px;}
#tabzilla {
   margin-right: 11%;
}
#back{border-top:2px solid #fff;background:#f5f1e8 url(images/bg-sand-1.png) repeat;background:url(images/bg-gradient-sand-1.png) repeat-x 0 0,url(images/bg-sand-1.png) repeat 0 0,#f5f1e8; min-width:1024px;position:absolute;width:100%;z-index:-1}

#highlighted {
  padding: 2%;
  -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05), 0 2px 1px 0 rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.05), 0 0 1px 0 rgba(0,0,0,0.05), inset 0 0 6px 0 rgba(255,255,255,1), inset 0 -2px 0 0 rgba(0,0,0,0.05);
  -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05), 0 2px 1px 0 rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.05), 0 0 1px 0 rgba(0,0,0,0.05), inset 0 0 6px 0 rgba(255,255,255,1), inset 0 -2px 0 0 rgba(0,0,0,0.05);

 box-shadow:0 1px 2px 0 rgba(0,0,0,0.05), 0 2px 1px 0 rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.05), 0 0 1px 0 rgba(0,0,0,0.05), inset 0 0 6px 0 rgba(255,255,255,1), inset 0 -2px 0 0 rgba(0,0,0,0.05);
}

.views-view-grid .col-2{
  padding: 0px 22px 0px 22px;

}

#content{
  float:left;
  padding:1.5em 2% 1.5em 1%;
  width:70%}
  
#content-wrapper{
  margin:-20px auto 0;
  max-width:1025px;
  min-width:300
}



#content ul{
  margin-left:24px;
  list-style:square;
}

.permalink {
    visibility: hidden;
    display: none;
}


#block-locale-language ul{
	padding-left: 0;
}

#footer-wrapper{margin:0 auto;max-width:1025px;min-width:300px;padding:1.5em 3%}
#header-wrapper{margin:0 auto;max-width:1025px;min-width:300px;padding:1.5em 0}
#headerbar{font-family:"Open Sans",sans-serif;margin-right:40px;margin-top:8px;text-decoration:none}
#headerbar ul{float:right;list-style:none;margin-right:25px;text-decoration:none}
#headerbar ul li{float:left;padding:.1em .5em .1em .7em;text-decoration:none}
#headerbar ul li a{color:#484848;font-size:13px;margin-right:16px;text-decoration:none;text-transform:uppercase}
#headerbar ul li a:hover{text-decoration:underline;}


#home #pllt{margin-top: 7%;}
#navigation{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:300;line-height:72px;margin-bottom:48px;padding-bottom:0;padding-top:0;text-align:center;text-decoration:none}
#navigation a:hover,dl#planet dd a.author:hover,p.planetlink a:hover,.projects-block a:hover,div#mitmachenul a:hover,ul#kontakt a:hover,div.hilfe a:hover{text-decoration:underline}
#navigation ul li{display:inline;margin:0;padding-bottom:12px;padding-top:12px;zoom:1px}
#navigation ul li .active{color:#343434;padding:8px 24px;text-decoration:none}
#navigation ul li:not(:first-child) a,#navigation ul li:not(:first-child) span.aktiv{border-left:1px dotted #d6d6d6;}
#navigation ul li a{display:inline;padding:8px 24px;text-decoration:none;zoom:1px}

#pllt {
  float:right;
  margin-top:68px;
  width:20%}


ul.links.inline {
    float: right;
}
#main-menu {
    padding: 0;
}

#sidebar h2{
  font-family:"Open Sans Light",sans-serif;
  font-size: 24px;
  font-weight:300;
  padding-bottom: 10px;
}

body {margin:0;padding:0}

* html .clearfix{height:1%}

.button{
  cursor:pointer;-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.1);
  background-image: -ms-linear-gradient(top, #81BC2E 0%, #659C28 100%);
  background-image: -moz-linear-gradient(top, #81BC2E 0%, #659C28 100%);
  background-image: -o-linear-gradient(top, #81BC2E 0%, #659C28 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #81BC2E), color-stop(1, #659C28));
  background-image: -webkit-linear-gradient(top, #81BC2E 0%, #659C28 100%);
  background-image: linear-gradient(top, #81BC2E 0%, #659C28 100%);
  background-color: #81BC2E; -moz-border-radius:.25em;-moz-box-shadow:0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.1);-moz-transition-delay:0;-moz-transition-duration:.25s;-moz-transition-property:0 0 box-shadow;-webkit-border-radius:.25em;-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.1);-webkit-transition-delay:0;-webkit-transition-duration:.25s;-webkit-transition-property:0 0 box-shadow;
  background:#81BC2E linear-gradient(top,#81BC2E0%,#659C28100%);
  border-bottom:none;
  border-radius:.25em;
  box-shadow:0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.1);color:#FFF;
  display:block;
  font:14px/22px OpenSans-Reg, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  height:22px;letter-spacing:-.25px;
  margin-left:92px;
  margin-top:5px;
  position:absolute;
  text-align:center;
  text-decoration:none;
  text-shadow:0 1px 0 rgba(0,0,0,0.25);
  transition-delay:0;transition-duration:.25s;transition-property:0 0 box-shadow;
  width:90px
  }
.button:active{-moz-box-shadow:inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.2);-moz-transition-delay:0;-moz-transition-duration:.25s;-moz-transition-property:0 0 box-shadow;-webkit-box-shadow:inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.2);-webkit-transition-delay:0;-webkit-transition-duration:.25s;-webkit-transition-property:0 0 box-shadow;box-shadow:inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.2);text-decoration:none;transition-delay:0;transition-duration:.25s;transition-property:0 0 box-shadow}
.button:hover{cursor:pointer;-moz-box-shadow:0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px rgba(124,211,30,1);-moz-transition-delay:0;-moz-transition-duration:.25s;-moz-transition-property:0 0 box-shadow;-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12 px 24px 2px rgba(124,211,30,1);-webkit-transition-delay:0;-webkit-transition-duration:.25s;-webkit-transition-property:0 0 box-shadow;box-shadow:0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px rgba(124,211,30,1);text-decoration:none;transition-delay:0;transition-duration:.25s;transition-property:0 0 box-shadow}
.clear{clear:both}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}
.huge{font-size:108px;letter-spacing:-4px;line-height:100%}
.huge,.large{font-family:Open Sans, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;font-weight:400;text-shadow:0 1px 0 rgba(255,255,255,0.75)}
.iframestyle{border-width:0; margin-top:20px}


.intro{
   float:left;
   width:750px
}


.large{font-size:72px;letter-spacing:-3px;line-height:100%}



.pic{color:#FFF;font-family:"Open Sans",sans-serif;
  font-size:23px;
  font-weight:400;
  line-height:110%;
  margin:102px 20px 190px 625px;
  position:absolute;
  text-decoration:none;
  text-shadow:0 1px 0 rgba(72,72,72,0.75);
  width:375px
}



.intro{
  font-weight:300; 
  font-family:'Open Sans Light',sans-serif; 
  margin-top:-12px; 
  font-size:22px; 
  color:rgb(175,50,50);
}
#projects-column p.intro{
  font-size:90%;
  color:#484848;
  margin-top:15px;
  padding-bottom:20px

}
#projects-column p{
   margin-top:20px;

}

.projects-block{
  margin-bottom:24px;
}
.projects-block a.button:hover,div#mitmachenul a.button:hover,div.hilfe a.button:hover{
  cursor:pointer;
  text-decoration:none}

.projects-block h3 {
  clear:left;
  color:#af3232;
  float:left;font-family:"Open Sans Light",sans-serif;
  font-size:24px;
  font-weight:300;
  text-decoration:none;
  width:252px;
  margin-top:20px;
}

.projects-block h3 img{-moz-border-radius:.25em;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);
  background:#fff;
  border:1px solid #d6d6d6;
  border-radius:.25em;
  box-shadow:0 2px 4px rgba(0,0,0,0.1);
  float:left; 
  height:50px;
  margin-right:24px;
  padding:8px;
  width:50px}

.projects-block h3 span{
  display:block;
  font-size:21px;
  letter-spacing:normal}
.projects-block h3 span:hover{
  text-decoration:underline}

.projects-block li{
   height: 110px;
   border-top:1px dotted #d6d6d6;
   list-style-type:none;
   zoom:1px
}
.projects-block ul{
 clear:left;
 color:#333;
 zoom:1px
 }


.content img {
padding-right: 20px;
}

.feed-item img {
  max-width: 700px;
}

.content .field {
padding: 2px;
}

#apps ul{
  margin-left:0px;
  padding-left:0px;
}
:first-child+html .clearfix{min-height:0}
@font-face{font-family:OpenSans-Reg;src:url(OpenSans-Regular.ttf) format(truetype)}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
/* body{min-width:1024px;font-weight:300; font-family:'Open Sans Light',sans-serif; line-height:125%} */
body{min-width:1024px;font-weight:300; font-family:'Open Sans Light',sans-serif; }

#aggregator .feed-item-categories {
    border: #0003;
    border-bottom-style: none;
    border-bottom-style: double;
    padding-bottom: 20px;
}

footer{
  background:#fff;
  color:#666;
  font-size:.800em;
  line-height:1.285;
  padding-top:30px;
  padding-bottom:120px;
  width:100%
}

footer a{
  color:#0095DD;
}

footer a:visited{color:#00539F}

footer a:hover{color:#00539F}

footer img{
  margin-left: 40px;
  margin-top: 10px;  
  float: left;	
  height: 60px
}

footer #left img{
 height: 25px;
 margin: 0px;
 position: absolute;
 padding-left: 10px;
}


footer #left{
float:left;
margin-left: 120px;
width:55%
}

footer #right{
  float:right;
  margin-top: -10px;
  margin-right:40px;
    line-height:2;
}
footer ul li {
display:inline;
} 
footer ul li.active {
  display:none;
}

/* not used ? */
.body {
  font-size: 14px;
  line-height: 20px;
}

/* not used ? */
.large {
  font-size: 72px;
  letter-spacing: -3px;
  line-height: 100%;
}
h1 {
  font-size: 48px;
/*  letter-spacing: -2px;
  line-height: 100%; */
  padding: 0;
  margin: 0;
}
h2 {
  font-size: 24px;
/*  letter-spacing: -1px;
  line-height: 100%; */
  padding: 0;
  margin: 0;
}
#apps h2 {
  font-size: 32px;
}
h3 {
  font-size: 28px;
/*  letter-spacing: -0.5px;
  line-height: 100%; */
  padding: 0;
  margin: 0;
}
h4 {
  font-size: 24px;
/*  letter-spacing: -0.25px;
  line-height: 100%; */
  padding: 0;
  margin: 0;
}
/* not used ? */
.small, small {
  font-size: 12px;
  line-height: 100%;
}

header{-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05), 0 2px 1px 0 rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.05), 0 0 12px 0 rgba(0,0,0,0.05), inset 0 0 48px 0 rgba(255,255,255,1), inset 0 -2px 0 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.05), 0 2px 1px 0 rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.05), 0 0 12px 0 rgba(0,0,0,0.05), inset 0 0 48px 0 rgba(255,255,255,1), inset 0 -2px 0 0 rgba(0,0,0,0.05);background:#FFF;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05), 0 2px 1px 0 rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.05), 0 0 12px 0 rgba(0,0,0,0.05), inset 0 0 48px 0 rgba(255,255,255,1), inset 0 -2px 0 0 rgba(0,0,0,0.05);font-size:14pt;margin:35px auto;min-height:72px;min-width:1000px;text-align:center}
header a:hover,header a:visited{color:#00539F}

a {
  text-decoration:none;
  color:#0095DD;
}




/*
@media screen and (max-width: 1059px) {
#content-wrapper{max-width:0px;margin:0;}
#footer-wrapper{max-width:0px;margin:0;}
#header-wrapper{max-width:0px}
body{min-width:0px}
p.text{width:140%}
}
*/
@media screen and (max-width: 800px) {
header {width:800px;}
h1 {
font-size:82px;
letter-spacing:-4px;
line-height:100%;
color: rgb(72,72,72);
margin-top: 30px;
}
h1 img {
width:376px;
height:65px;
}
h2 {font-size: 36px; letter-spacing: -2px; line-height: 100%; color: rgb(72,72,72);}
}

@media screen and (max-width: 600px) {
body {min-width:400px; overflow-x:hidden;}
#header-wrapper { padding: 1.5em 0; text-align: center; }

#site-name img{
  margin:50px;
  }


#navigation { margin: 0; width: 100%; }
#navigation ul li { border:none; float: none; padding: 1% 0; }
#navigation ul li a { color:white; background: #222; display: block; width: 100%; padding: 5px 0; }
#navigation ul li a.active { color:white; background: #222; display: block; width: 100%; padding: 5px 0; }

#content h1 { text-align: center; }

.projects-block p {font-size:0px;}

.projects-block {width:240px;}
.intro {width: 180%}
a.button 
.projects-block li {margin:0px 0px 88px;}
#sidebar {margin-left:50%; margin-top:180px;}

p#pic {font-size:0px;}
p.text {margin-left:20px; width:400px;}
nav#headerbar.clearfix {visibility:hidden;}

aside#sidebar img {position:fixed;width:0px;}
#headerbar ul {float:left; position:absolute; margin-left:7%;}
#back {min-width:400px;}
header {min-width:80%; max-width:80%;}
#headerbar ul li{}

#home #pllt {position:absolute;margin-top:800px;}
div.aktivitaet {width:0px; visibility:hidden; overflow:hidden;}
p.pic {width:0px;position:fixed;visibility:hidden;}
#projects-column {width:400px;}
#tabzilla-panel #tabzilla-nav h2 {letter-spacing:0px;}


#navigation ul li:not(:first-child) a,#navigation ul li:not(:first-child) span.aktiv{border:none;}

footer {margin-top:210%;}
footer img {visibility:hidden}
footer #right{
  float:none;
  margin-top:-30px;
  width:80%}


footer #center{
  float:none;
  margin-top:-10px;
  margin-left: 0px;
  width:80%}


@media screen and (max-width: 400px) {
#navigation { margin: 0; width: 100%; }
#navigation ul li { float: none; padding: 1% 0; }
#navigation ul li a { background: #222; display: block; width: 100%; padding: 5px 0; }
#content h1 { text-align: center; }
.product { float: none; margin: 0; width: 94% !important; }
dl.mitmachen dt { float: none; text-align: center; width: 100%; }
dl.mitmachen dd { float: none; width: 100%; }