body, h1, p {
 font-family:arial;
/*
 Anmerkungen:
 Die css-Klasse csc-header definiert das Layout von h1-Elementen, die standardmäßig in Typo3 alle Überschriften, darunter auch in "von A bis Z"-Listen.
*/
}
body {
 background-color: #d4d0c8
 }

#banner {
    
  
  }


#header h4{
  margin-top:10pt;  
  margin-bottom:0pt;
  /*font-weight:bold; */
}
#header h1{
  margin-top:10pt;
}

#header ul li{
  margin-left:-20pt;
}

h1{
 font-size:16pt;
 }
 h1 > a{
 font-size:17pt;
 }

}

#header p.bodytext{
  margin-top:2pt;
  margin-bottom:0pt;  
  font-style:italic;
}


p, li,td, mini_sitemap {
 font-size:10pt;
}
dt {
 font-weight:bold;
}

dd.csc-textpic-caption{
  font-size:8pt;
}
div.tx-indexedsearch-whatis {
 color: green;
 font-size:11pt;
}


#inhalte h1{
 font-size:13pt;
 }

/* Hauptinhalte */
#hauptinhalte{
 width: 580px;
  float:left;
}
/* 
Globalcontainer 
aus dem Flyer-CSS 
#hauptcontainer, #hauptcontainer1{                
 
  width: 1029px;
  background-color: #242424;
  margin: 0px auto;
  border-left: solid 1px #333;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  background-color: orange;   
}*/

/* spaltelinks aus dem Flyer-CSS */
#spaltelinks, #spaltelinks1 {            /* Navigationsspalte */
  float: left;
  width: 310px;
  margin: 0px 0px 0px 0px;  
  padding: 30px 20px 20px 10px;
  background-color: #d4d0c8;
  /*background-color: #6a5acd;*/
  min-height: 10px;
}

/* Zusatzinhalte */
#zugabe {
 width: 15em;
 float:right;
}

.csc-mailform-field{
float: left;
}


#main_nav form {
 margin-left: 20%;
 margin-top: 0pt;  */  
 }

#main_nav, #main_nav > ul, #main_nav > ul > li,
#main_nav, #main_nav > ol, #main_nav > ol > li,
#main_nav2, #main_nav2 > ul, #main_nav2 > ul > li,
#fusszeile, #fusszeile > ul, #fusszeile > ul > li
 {
  margin-top: 0pt;
 }


#mailform, table.csc-searchResultInfo {
 clear: left;
 margin-left: 20%;
 margin-bottom: 5pt; 
 margin-top: 0pt; 
 }


#mailform{
 margin-bottom: 0pt;

 }

table.csc-searchResultInfo {

 margin-bottom: 5pt; 

 }



#header, #header > center > h1 {
   margin-bottom: 0pt;  
 }

#sulabel {font-size: 10pt;}



 #c15, #mini_sitemap, table.csc-searchResultInfo, h3.csc-noSearchResultMsg {
 clear: left;
  
 }

csc-searchform {
position:static;  left:20px;
}
h3.csc-noSearchResultMsg {
  margin-top: 15pt;
  
 }

h3.csc-searchResultHeader, csc-searchResultRange {
 margin-top: 2pt;  
 margin-bottom: 2pt;
 font-size:10pt;
 font-weight:normal;  
}

td.csc-searchResultRange {
 margin-top: 0pt;  
 margin-bottom: 0pt;
 text-align: left;
 align: left;
}
td.csc-searchResultRange p {
 text-align: left;
}

p.csc-searchResult{
 margin-top: 2pt;
 margin-bottom: 0pt;
 font-size:10pt;
}



#main_nav > ul > li, #main_nav2 > ul > li,
#fusszeile > ul > li
{
float: left;
margin-left: 20px;
margin-bottom: 17px;
list-style-type: none;  
}

#fusszeile > ul {
margin-left: -35pt;
}



#inhalte {
  clear: both;
 margin-left: 1%;
 line-break: strict;
 }

a[href*='http://'], a[href*='https://'] {
 color: green;
}
a[href*='https://netzpolitik.org/'],a[href*='http://netzpolitik.org/'], a[href*='http://www.zdf.de/'] {
  font-weight:normal;  
}

/* Demo http://xhtmlforum.de/72183-bild-ab-gr-e-x-einblenden.html */
 img#bspwidth {
  display:none;
}

/* mobile Geräte */



@media only screen and (max-width:320px)
{ 

 h1 > a
 {
font-size:15pt;
 }

  
 h1 
 {
font-size:13pt;
 }

div#c3483 img {
  width:100%;
}


h1, a, div#hauptinhalte, #hauptinhalte,  div#main_nav2, p.bodytext, div.csc-textpic-text, #suche_komplett
  {
    /*width: auto;*/
     width:100%;
  
  }
 li
 {
font-size:10pt;
 }
  img#bspwidth {
  display:block;
  width:100%;
}

}

@media only screen and (max-width:620px)
{
  div#c2854 img, img, h1, li a, p.bodytext, div#hauptinhalte,#hauptinhalte, div#main_nav2, div.csc-textpic-text, #suche_komplett {
  word-wrap: break-word;
  width:100%;

  }
 h1 a
 {
font-size:15pt;
 }

 h1
 {
font-size:13pt;
 }
 img#logo-oben {
  width:30%;
  }

@media only screen and (max-width:480px)
{
 #banner {
    display:none;
  }

}


@media only screen and (min-width:768px)
{
 #mlmg-l {
    white-space: nowrap;
  }
 #banner {
  padding-left:0pt;
  }
}

@media only screen and (min-width:621px)
{
 #logo-oben {
  width:163px;
  margin-right:10pt;
  }
}