* {
  margin: 0;
  padding: 0;
}
html, body {
  text-align: center;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  /*font-size: 100.1%;*/
 background-color: #fff; /* #EAEAEA;  #FCFCFC;  #EFEFEF; #fdf5e6; #FFFACD;  #FFE3B8; #FFDDAA; #FFD9B0; #FFFACD;*/
/*background-image:url(pics/baldinilauscher2.jpg);
background-repeat:no-repeat;
background-position: top center;*/
color: #303030; /* #585858;*/
  }
#wrapper {
  width: 940px;
  font-size: 14px;
  margin-left: auto;
  text-align: left;
  margin-right: auto;
  line-height: 1.5em;
  /*background-image:url(pics/eu_7framework.png);
  background-repeat:no-repeat;
  background-position: right 185px; */
  /* background-image:url(pics/euborderscapes11.png);
  background-repeat:no-repeat;
  background-position: right 155px;*/
   
  }
#header {
  font-size: 1.3em;
  text-align: left;
  height: 150px;
  font-weight: bold;
  /* background-image:url(pics/eu_flagsund7framework.jpg);*/ 
  background-image:url(pics/borderscapes_header.jpg);
  background-repeat:no-repeat;
  background-position: top left;
  
  }

IMG.szug {
  margin-top: 10px;
}

#maincontent {
  /*margin-top: 100px;*/
/* border-right: 8px solid #FFCC00;
border-left: 3px dotted #FFCC00;

background-color: #FFFACD;*/

}

#leftcolumn {
  
position: absolute;  

  
/* background-color: #FFFACD; */

}

#leftcolumn h1, h2, h3 {padding-left: 10px;}

#maincolumn {
  /* margin-top: 50px; */
  margin-left: 220px;
  width: 700px;
  padding-right: 10px;
  padding-left: 10px;  
}
#menu {
 overflow: visible;
 text-decoration: none;
  list-style-type: none;
  float:left;
  margin-left: 0px;
  width: 200px;
  padding-top: 20px;
 
}
.navigation {  
  list-style-type: none;
  padding-left: 10px;
   
}
.submenu {   
  list-style-type: none; 
  padding-left: 5px;
  
}

#navigation { 
  padding-left: 10px;
  }

  .navigation li {border-bottom: 1px solid #FF9900; /*#003399;*/}
  .navigation li:hover {background: #FF9900; color: #FF9900;}
  .navigation li a:hover { color: #003399;}
ul.submenu li {background-color: #fff; /*#e38800;*/  border-bottom: solid 0px;}
ul.submenu li:hover {background-color: #FFcc99;}
ul.submenu li a:hover {background-color: #FFcc99;}

#navigation a:link {text-decoration: none; }

a {font-weight: normal;}
a:link { color: #003399; /*#003399;*/ text-decoration: none; }
a:hover { color: #FF9900; }

a:active { color: #FF9900; /*#003399;*/ text-decoration: none; }
a:visited { color: #003399; text-decoration: none; font-weight: normal; }

#breadcrumbs {
  clear: left;
  list-style-type: none;
  padding-left: 10px;

}

.breadcrumbmenu {
  height: 20px;
  border-bottom: 1px solid #FF9900;
  margin-top: 15px;
  margin-bottom: 30px;
  padding-bottom: 5px;
  padding-left: 10px;
    
  }

#breadcrumbs a:link a:hover { 
  text-decoration: none;
  color: #FF9900; /*#003399;*/
}


#footer {
  clear: left;
  height: 20px;
  border-bottom: 1px solid #FF9900;
  margin-top: 20px;
  margin-bottom: 0px;
  
}

#impressum {
font-size: 8pt;
  letter-spacing: 0.1em;
  margin-bottom: 50px;
  }

.csc-default {
  list-style-position: inside;
}



h1 {font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 1.3em; /*color: #000000;*/ padding-bottom: 20px; padding-top: 20px;}
h2 {font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 1.1em; /*color: #585858;*/ padding-bottom: 20px; padding-top: 20px; padding-left: 0px;}
h3 {font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 1em; /*color: #003399;*/ }


/* RTE Konfiguration */
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* startseite runde ecken */
.rund {
   padding-left: 10px;
   padding-top: 20px;
   padding-bottom: 20px;
   margin-bottom: 20px;
   border-style: solid;
   border-width: 1px;
   border-color: #DADADA;
   /*-moz-border-radius: 8px;*/
   border-radius: 10px;
  }
  
a img {
  text-decoration: none;
  border: 0 none;
  }

/* bildunterschrift */
.csc-textpic-caption {font-size: 7px; line-height: 8px;}

/* trennlinie */
div.divider hr {
  border: 0px; 
  border-bottom: 0px solid #000000;
  
}

.news-latest-item { height: 80px; background-color: #F5F5F5;}
.news-latest-item p {padding-top: 20px;}
.news-latest-gotoarchive { background-color: #FFFFFF; }

/*######## QR Code under Main Menu ###########*/

div#qrcode {
  clear: both;
  height: 300px;
  margin-left: 10px;
  padding-top: 40px;
}

div.tx-t3scontent-pi1-accordion h3 { 
   
   font-size: 16px; 
   padding-left: 10px; 
   padding-top: 10px; 
   padding-bottom: 10px; 
/*   background-color: #DADADA; */
   margin-bottom: 20px;
   border-style: solid;
   border-width: 1px;
   border-color: #DADADA;
   border-radius: 10px;
   
}


iframe {
width: 100%;
}


/* css für simple toggle momentan über das setup im typoscript template */
/*
.simpletoggle h3 {font-size: 14px;}
.trigger a {background: none; padding: 0;}
.trigger a:hover {color: #FF9900;}
.trigger {
    margin: 0 0 5px 0;
/*    background: #DDD; /* for non-css3 browsers */
/*    filter: none; /* progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CFCFCF'); /* for IE */
/*    background: none; /* -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF)); /* for webkit browsers */
    /*background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF); /* for firefox 3.6+ */
/*    border: solid 0px #B4B4B4;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .3);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .3);
    height: auto;
    width: 100%;
    line-height: 16px;
    
    font-weight: normal;
    float: left;
  }


.toggle_ce {
    margin: 0 0 0px;
    padding: 0;
    border-top: 0px solid #d6d6d6;
    border-bottom: 0px solid #d6d6d6;
    border-right: 0px solid #d6d6d6;
    border-left: 0px solid #d6d6d6;
    overflow: hidden;
    font-size: 1em;
    clear: both;  
    background: none; /* for non-css3 browsers */
/*    filter: none; /*progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#CFCFCF'); /* for IE */
/*    background: none; /*-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CFCFCF)); /* for webkit browsers */
/*    background: /*-moz-linear-gradient(top,  #FFF,  #CFCFCF); /* for firefox 3.6+ */
/*    border: 0px; /*solid 0px #B4B4B4;*/
/*    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    padding: 10px;
  }
*/