/********************************************************************************/
/* Generelles */
/********************************************************************************/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

ul.sub_two {
  margin-left:10px;
  font-size:12px;
  margin-bottom:8px;
  margin-top:5px; 
  line-height:140%;
}

html {
  background-color:#a9c3c8;
}
/********************************************************************************/
/* Layout */
/********************************************************************************/
#header {
  background:transparent url(../templates/images/bg_head.jpg) repeat-x scroll 0 0;
  height:102px;
  position:fixed;
  width:100%;
  z-index:2;
}

#footer {
  background:transparent url(../templates/images/bg_footer.jpg) repeat-x scroll 0 0;
  bottom:0;
  clear:both;
  height:125px;
  position:fixed;
  width:100%;
  z-index:2;
}

#body {
  background:transparent url(../templates/images/bg_body.jpg) repeat-x scroll 0 0;
  min-width:960px;
  min-height:600px;
  padding-top:102px;
  padding-bottom:160px;
}

.content {
  margin:0 auto;
  width:960px;
}

#header .content img {
  float:left;
}

#header .content .navi {
  width:600px;
  height:30px;
  float:right;
  text-align:right;
  margin-right:16px;
  margin-top:36px;
}

.holding {
  float:left;
  width:300px;
  min-height:250px;
}

.teaser {
  float:left;
  width:298px;
  min-height:50px;
  margin-top:15px;
}

.advert .csc-default, .teaser .csc-default {
  margin-left:10px;
}

.advert {
  float:left;
  width:298px;
  height:80px;
  margin-top:15px;
}

.topadvert {
  float:left;
  width:298px;
  min-height:40px;
  margin-top:15px;
  margin-left:30px;
  margin-top:18px;
  width:598px;
  height:80px;
}

.topadvert .csc-default {
  margin-left:17px;
}


.bredcrumb {
  margin-left:15px;
  margin-top:10px;
}

.contentbox, .menubox {
  width:298px;
  height:325px;
  float:left;
}


#box1, .menubox {  margin-right:30px;margin-top:32px;}
#box2 {  margin-right:30px;margin-top:32px;}
#box3 {  margin-right:0px;margin-top:32px;}
#box4 {  margin-right:30px;margin-top:32px;}
#box5 {  margin-right:30px;margin-top:32px;}
#box6 {  margin-right:0px;margin-top:32px;}

.menubox {
  height:auto;
  margin-top:18px;
  min-height:200px;
}

.submenu{
  margin:15px;
}

.content_area {
  margin-left:30px;
  margin-top:18px;
  width:598px;
  min-height:200px;
  float:left;
}

.content_area_big {
  margin-top:18px;
  width:968px;
  min-height:200px;
  float:left;
}

.frame {
  margin:15px;
}

.frame .newsfield {
  margin:10px 0 15px 0;
}

.contentbox .newsfield {
  width: 298px;
  margin-top:10px;
  font-size:11px;
}

.contentbox .newsfield .news {
  background:transparent url(../templates/images/rss_logo.jpg) repeat-x scroll 0 0;
  margin:2px 8px 0 13px;
  width: 21px;
  height:21px;
  float:left;
}

.contentbox .newsfield .event {
  background:transparent url(../templates/images/uhr_logo.jpg) repeat-x scroll 0 0;
  margin:2px 8px 0 13px;
  width: 21px;
  height:21px;
  float:left;
}

.contentbox .newsfield .date {
  font-weight:bold;
  min-width:230px;
  float:left;
}

.contentbox .newsfield .title {
  min-width:230px;
  float:left;
  max-width: 245px;
}

.contentbox .newsfield .text {
  font-weight:normal;
  min-width:230px;
  max-width: 245px;
  float:left;
  margin-left: 42px;
}

.contentbox .newsfield .text p.bodytext {
  display: inline;
}

.contentbox .newsfield .text  a {
  font-weight:bold;
  color:#40b3ae;
}

#footer .content .foot_links {
  width:960px;
  border-bottom:2px dotted #333;
  margin-top:10px;
  
}

#footer .content .foot_links .networks{
  width:85px;
  margin-top:3px;
}

#footer .content .foot_links .search{
  width:267px;
  float:left;
  margin-top:3px;
  margin-left:3px;
  margin-bottom:5px;
}

#footer .content .foot_links .search img{
  margin-right:5px;
  margin-top:2px;
}

#footer .content .foot_info {
  float:left;
  width:960px;
  font-size:10px;
}

#footer .content .foot_info .left {
  margin-top:5px;
  float:left;
}
#footer .content .foot_info .right {
  margin-top:5px;
  float:right;
}

.foot_links ul, .foot_links img, .foot_links .networks {
  float:left;
}

/********************************************************************************/
/* Design */
/********************************************************************************/
* {
  font-family: "Verdana", "Arial", sans-serif;
  color:#333;
}
a{
  font-family: "Verdana", "Arial", sans-serif;
  color:#2e2e2e;
  text-decoration:none;
}

a:hover{ 
  color:#40b1ad;
  
}

ul {
  list-style-type: none;
}
#header .content .navi {
  font-family: "Verdana", "Arial", sans-serif;
  font-size:18px;
  color:#40b3ae;
}
.contentbox, .menubox, .content_area, .content_area_big, .teaser, .advert, .topadvert {
  background-color:#f4f4f4;
  border:1px;
  border-style:solid;
  border-top-color:#90cecb;
  border-left-color:#90cecb;
  border-right-color:#484848;
  border-bottom-color:#484848;
}
.contentbox .news {
  font-size:10px;
}

.newsfield .title {
  margin-bottom:5px;
  font-style:italic;
}

li.sub_one_no, li.sub_one_act, li.sub_one_no a, li.sub_one_act a {
  font-size:14px;
}

li.sub_two_no, li.sub_two_act, li.sub_two_no a, li.sub_two_act a {
  font-size:12px;
}

li.sub_one_act, li.sub_two_act, li.sub_one_act a, li.sub_two_act a {
  color:#40b1ad;
}

li.sub_two_no, li.sub_two_no a {
  color:#333;
}

.frame {
  font-size:12px;
  line-height:130%;
}

.frame .newsfield .title, .frame .newsfield .date {
  font-size:12px;
  font-weight:bold;
}


.frame  a {
  color:#40b1ad;
}

.frame .news-single-item h2 {
  font-size:14px;
  margin:10px 0 5px 0;
}


a.box1link {
  display:block;
  width:298px;
  height:75px;
  background:transparent url(../templates/images/btn_usability.jpg) repeat-x scroll 0 0;
}
a.box1link:hover {
  background:transparent url(../templates/images/btn_usability_ov.jpg) repeat-x scroll 0 0;
}

a.box2link {
  display:block;
  width:298px;
  height:75px;
  background:transparent url(../templates/images/btn_accessibility.jpg) repeat-x scroll 0 0;
}
a.box2link:hover {
  background:transparent url(../templates/images/btn_accessibility_ov.jpg) repeat-x scroll 0 0;
}

a.box3link {
  display:block;
  width:298px;
  height:75px;
  background:transparent url(../templates/images/btn_seo.jpg) repeat-x scroll 0 0;
}
a.box3link:hover {
  background:transparent url(../templates/images/btn_seo_ov.jpg) repeat-x scroll 0 0;
}

a.box4link {
  display:block;
  width:298px;
  height:75px;
  background:transparent url(../templates/images/btn_sem.jpg) repeat-x scroll 0 0;
}
a.box4link:hover {
  background:transparent url(../templates/images/btn_sem_ov.jpg) repeat-x scroll 0 0;
}

a.box5link {
  display:block;
  width:298px;
  height:75px;
  background:transparent url(../templates/images/btn_typo3.jpg) repeat-x scroll 0 0;
}
a.box5link:hover {
  background:transparent url(../templates/images/btn_typo3_ov.jpg) repeat-x scroll 0 0;
}

a.box6link {
  display:block;
  width:298px;
  height:75px;
  background:transparent url(../templates/images/btn_webtools.jpg) repeat-x scroll 0 0;
}
a.box6link:hover {
  background:transparent url(../templates/images/btn_webtools_ov.jpg) repeat-x scroll 0 0;
}


ul.HeaderMenu a {
  font-size:18px;
  color:#40b1ad;
}

ul.HeaderMenu a:hover, li.HeaderMenu_act a {
  color:#000;
}

li.HeaderMenu_no {
  float:right;
  font-size:18px;
  color:#40b1ad;
}
li.HeaderMenu_act {
  float:right;
  font-size:18px;
  color:#000;
}
h1 {
  font-size:14px;
  margin:10px 0 5px 0;
}

div.csc-header-n1 h1 {
  font-size:18px;
  margin:10px 0 25px 0;
}

#footer .content .foot_links ul {
  font-size:10px;
  margin-bottom:5px;
  line-height:140%;
}
#footer .content .foot_links .dividor {
  width:1px;
  height:78px;
  display:block;
  margin-top:3px;
  margin-left:42px;
  margin-right:42px;
  background-color:#333;
  float:left;
}


.search br {
  display:none;
}

p.bodytext {
  margin:5px 0 5px 0;
}

ol {
  margin:8px 0 8px 0;
  padding-left:25px;
}

.bredcrumb {
  font-size:12px;
}

.csc-default {
  margin:10px 0 10px 0;
}

#c320 {
  margin:3px 0 3px 0;
}

/** FORMULAR-ELEMENTE **/

input.textfield {
  height: 18px;
  width: 238px; 
  padding-left:5px;
  border:1px solid #333;
  margin-bottom:6px;
}
input.button {
  width: 15px;
  height: 20px;
  border: none;
  padding-left:0px;
  background: url(../templates/images/form_btn.gif) no-repeat;
  cursor: pointer;
}

/** KONTAKTFORMULAR **/

.tx-thmailformplus-pi1 input, textarea {
  margin-bottom: 6px;
  width: 150px;
  border: 1px solid #333333;
}

.tx-thmailformplus-pi1 textarea {
  width: 307px;
  height: 75px;
}

/*.tx-thmailformplus-pi1 input#plz {
  width: 75px;
}*/

.tx-thmailformplus-pi1 input.btn_submit {
  cursor: pointer;
  /*background: url(../templates/images/form_btn.gif) no-repeat;
  border: none;*/
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
  height: 18px;
  width: 250px; 
  padding-left:5px;
  border:1px solid #333;
  margin:2px 0 5px 10px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
  width: 15px;
  height: 20px;
  border: none;
  padding-left:0px;
  background: url(../templates/images/form_btn.gif) no-repeat;
  cursor: pointer;
}

ul.browsebox {
  margin:5px 0 10px 0;
}

div.tx-indexedsearch-searchbox select {
  border:1px solid #333;
  margin:5px 0 5px 10px;
  width:255px;
}

div.tx-indexedsearch-searchbox select.tx-indexedsearch-selectbox-results,
div.tx-indexedsearch-searchbox select.tx-indexedsearch-selectbox-defop,
div.tx-indexedsearch-searchbox select.tx-indexedsearch-selectbox-lang,
div.tx-indexedsearch-searchbox select.tx-indexedsearch-selectbox-desc,
div.tx-indexedsearch-searchbox select.tx-indexedsearch-selectbox-group,
div.tx-indexedsearch-searchbox select.tx-indexedsearch-selectbox-type {
  width:150px;
}

.rssliste img {
  float:left;
  margin: 2px 10px 0 20px;
}

.rssliste p {
  float:left;
  margin-top:2px;
}

.rssliste {
  clear:both;
}

/* Listen im Haupttext */

.content_area .frame ul {
  list-style-type: disc;
  margin:8px 0 8px 0;
  padding-left:25px;
}