@charset "UTF-8";
/* sw_styles */


/* CSS Document */

/* OVERWRITING CSS-DEFAULTS */
/* grid */
.container {}
/* Basisschriftgroesse auf 12px */
body {margin:0; color:#000000; letter-spacing:0.0em; line-height:1.6; font-family:Arial, Helvetica, sans-serif;}

/* CONTENT, TYPOGRAPHY */

/* Linkfarben */
  a {color:#3366cc; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#cccccc; text-decoration:none;} 
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}


h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #3366cc; padding:0.5em 0; }

h1 { font-size: 1.667em; letter-spacing:0.05em;}
h2 { font-size: 1.667em;  border-top:#ccc 1px solid;  border-bottom:#ccc 1px solid; letter-spacing:0.05em; }
h3 { font-size: 1.333em; padding:0em 0; margin:0 0 0.78em 0; }
h4 { font-size: 1.333em;  border-top:#ccc 1px solid; border-bottom:#ccc 1px solid;   }
h5 { font-size: 1em; font-weight: bold;  border-top:#ccc 1px solid; border-bottom:#ccc 1px solid;}
h6 { font-size: 1em; font-weight: bold;  }


/* Formulare */
form {font-size:1em;}
input {font-size:1em; border:1px #cccccc solid;}

/* Listen */
ul { list-style-type:none; margin:0; }
li {background:url(../templates-img/topnavi_plus.jpg) no-repeat; background-position:0 0.3em;padding-left:1.1em;}
ol li {background:none;}

/* Absatz */
p{margin:0 1em 1.2em 0;}


/* DIVs */

#header {padding-top:30px; min-height:90px; overflow:visible;}


/* TOPNAVIGATION (HORIZONTAL NAVIGATION) ----------------------------------------------------------------------------*/
#topnavigation {}

#topnavigation ul { list-style-type: none; margin:0; padding:14px 0 0 20px;  float:left; text-transform:lowercase;}
#topnavigation li { float:left; background:none; padding-left:0;  }

#topnavigation li a {  
    padding: 0px 50px 0px 15px;;
    text-decoration: none;
    color: #666666;
	display:block;
  } 

#topnavigation li a:focus,
#topnavigation li a:hover,
#topnavigation li a:active { color:#3366cc; background:url(../templates-img/topnavi_plus.jpg) no-repeat; background-position:0 50%;}
  /* aktive Klasse */
#topnavigation li .active { color:#3366cc; background:url(../templates-img/topnavi_plus.jpg) no-repeat ; background-position:0 50%;}





/* LEFT COLUMN --------------------------------------------------------------------------------------------*/

#left_column {
font-size:0.9167em;
	}


   
/* SUBNAVIGATION ---------------------------------------------------------------------------------------*/
   #subnavigation { }


/*NAVLIST (FOR VERTICAL NAVIGATION LISTS) -------------------------------------------------------------------*/
  .navlist ul { list-style-type: none; margin:0; padding: 0; overflow: hidden; text-transform:lowercase;  }
  .navlist li { float:left; width: 100%; margin:0; padding: 0; background:none; }

  .navlist a {
    display:block;
    padding: 3px 0px 3px 0px;;
    text-decoration: none;
	border-bottom:none;
  } 

  /* Level 1 */
  .navlist li a { border-top:solid #cccccc 1px; color:#666666; }
  .navlist li a:focus,
  .navlist li a:hover,
  .navlist li a:active { color:#3366cc; }
  /* aktive Klasse auf diesem Level */
  .navlist li .active {color:#3366cc; background:url(../templates-img/topnavi_plus.jpg) no-repeat ; background-position:0 50%; padding-left:15px; }
  
  /* Level 2 */
  .navlist li ul li a {  border-top:none; padding-left:15px; color:#999999; }
  .navlist li ul li a:focus,
  .navlist li ul li a:hover,
  .navlist li ul li a:active {  color:#000; }
  /* aktive Klasse auf diesem Level */
  .navlist li ul li  .active { color:#000; background:none; }
 
 /* Level 3 */
  .navlist li ul li ul li a {  border-top:none; padding-left:30px; font-style:italic; color:#999999; }
  .navlist li ul li ul li a:focus,
  .navlist li ul li ul li a:hover,
  .navlist li ul li ul li a:active { color:#000;  }
  /* aktive Klasse auf diesem Level */
  .navlist li ul li ul li .active { color:#000; padding-left:30px; }

 /* Level 4 */
  .navlist li ul li ul li ul li a {  border-top:none; padding-left:45px; font-style:italic; color:#999999; }
  .navlist li ul li ul li ul li a:focus,
  .navlist li ul li ul li ul li a:hover,
  .navlist li ul li ul li ul li a:active { color:#000;  }
  /* aktive Klasse auf diesem Level */
  .navlist li ul li ul li ul li .active { color:#000; padding-left:45px; }


  /* Spaver auf Level 1 */
  .navlist .spacer { border-top:solid #cccccc 1px; color:#fff; padding-bottom:30px; }

/* CONTENT LEFT COLUMN ---------------------------------------------------------------------------------------*/
#content_left_column {color:#666;}
#content_left_column a {color:#666; text-decoration:none; }
#content_left_column a:focus,
#content_left_column a:hover,
#content_left_column a:active {color:#3366cc;  }



/* PAGECONTENT --------------------------------------------------------------------------------------------*/
#pagecontent {}

#pagecontent ul {margin-bottom:0.5em;}




/* PAGECONTENT --------------------------------------------------------------------------------------------*/
#keyvisual {padding-bottom:20px;}


/* PROJEKTLISTEN --------------------------------------------------------------------------------------------*/
.projektliste {}
.projektliste .item, .projektliste_home .item{margin-bottom:10px; }
.projektliste .titel, .projektliste_home .titel {font-weight:bold; color:#3366cc;}

/* PROJEKTHEADER --------------------------------------------------------------------------------------------*/
#projectheader {font-size: 1.667em;  border-top:#ccc 1px solid;  border-bottom:#ccc 1px solid; padding:0.5em 0; margin-bottom:10px; color:#3366cc;}
.projectheadline { float:left; }
.projectheadline a {text-decoration:none;}
.projectinfo {float:right; font-size:0.55em; padding-top:2px; color:#999999; line-height:1.3em; text-align:right; }

.projectnavigation {float:right; font-size:0.55em; padding-top:10px; }
.projectnavigation ul { list-style-type: none; margin:0; padding:0;  text-transform:lowercase;}
.projectnavigation li { float:left;  }
.projectnavigation li a { padding: 0px 10px 0px 10px;;
    text-decoration: none;
    color: #666666;
	display:block;
  } 
.projectnavigation li a:focus,
.projectnavigation li a:hover,
.projectnavigation li a:active { color:#3366cc;}
  /* aktive Klasse */
.projectnavigation li .active { color:#3366cc;}



/* MAIN_COLUMN --------------------------------------------------------------------------------------------*/
#main_column ul {margin-top:10px;}


/* RIGHT COLUMN --------------------------------------------------------------------------------------------*/
#right_column {
font-size:0.9167em;
	}





/* FOOTER --------------------------------------------------------------------------------------------*/

#footer {
	text-transform:lowercase;
	font-size:0.9167em;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
	margin-top:20px;
	border-top:#cccccc 1px solid;
	}
	
#footer a { color: #999; text-decoration:none;}
#footer a:focus, 
#footer a:hover,
#footer a:active {color: #3366cc;}

	
	
#footer_menu {     }
	
#footer_searchbox {
   text-align:right;
   margin-top:-2px;
   }
	
/* NEWS --------------------------------------------------------------------------------------------*/
/* Liste */
.border_bottom {border-bottom:solid 1px #cccccc; margin-bottom:10px; padding-bottom:10px;}
.border_top {border-top:solid 1px #cccccc; margin-top:10px; padding-top:5px;}
 .news_list_picture { min-width:110px; float:left;}
/* Single */
#newsheader {font-size:0.9167em;  border-top:#ccc 1px solid;  border-bottom:#ccc 1px solid; padding:3px 0; margin-bottom:15px; color:#666666;}
#newsheader a {text-decoration:none; color:#666666;}
#newsheader a:hover {color:#3366cc;}
.right { float:right; }
.left { float:left; }
.news-single-imgcaption {font-style:italic; color:#666666; padding-top:5px;}
.news_single dd {margin:0; padding:0;}
.news_single h5 {margin: 0.5em 0;}
.news_latest_newsitem {padding-bottom:10px;}
.news_latest_newsitem h6 {padding:0;}


/* HOME --------------------------------------------------------------------------------------------*/
.csc-menu dd {margin:0 0 10px 0;}

/* BILDUNTERSCHRIFT --------------------------------------------------------------------------------------------*/
.csc-textpic-caption {padding:5px 0 15px 0; font-style:oblique; color:#666666;}

/* RAHMEN UM BILDER */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;

border-top-color:#999999;
border-right-color: #999999;
border-bottom-color:#999999;
border-left-color: #999999;

padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}


/* Tabellenlayout fur Anzeige downloads*/

.csc-uploads-icon{
vertical-align:top
}

.csc-uploads-fileName{
vertical-align:top;
line-height:1.1em;

}
.csc-uploads-description {
margin-top:-0.3em;
}

.csc-uploads-fileSize{
line-height:1.1em;
vertical-align:top;
text-align:right;
width:100px;

}

/* Typo3-Stil Einruecken (blau mit Linie darüber) --------------------------------------------------------------------------------------------*/
.csc-frame-indent {color:#3366cc; font-style:italic; border-top:#ccc 1px solid; padding-top:8px;
border-bottom:#ccc 1px solid; padding-bottom:8px;}


/* Typo3-Stil RAHMEN-1 (mit Linie darüber) --------------------------------------------------------------------------------------------*/
.csc-frame-frame1 {border-top:#ccc 1px solid; padding-top:8px;}


/* Typo3-Stil RAHMEN-2 (fuer Kleingedrucktes) --------------------------------------------------------------------------------------------*/
.csc-frame-frame2 p {color:#666666; font-size:0.9167em;}

/* EXTENSION NEWLOGINBOX --------------------------------------------------------------------------------------------*/


.tx-newloginbox-pi1 table { width:200px;}
.tx-newloginbox-pi1 th {background-color:#ffffff; }


/* EXTENSION POWERMAIL --------------------------------------------------------------------------------------------*/
fieldset.tx-powermail-pi1_fieldset {border: 1px solid #aaa; background-color:#fff;padding: 10px;}
fieldset.tx-powermail-pi1_fieldset div.even {background-color:#FFF;}
/* das Label */
fieldset.tx-powermail-pi1_fieldset label {display: block; width:8em; float: left; clear: both; font-weight:bold; font-size:0.9167em; padding-top:4px;}

/* div umschliesst jede Formularzeile */
div.tx_powermail_pi1_fieldwrap_html {margin:5px 0; background-color:#e4e4e4; float:left; clear:both; padding:3px 10px; width:420px;  }
fieldset.tx-powermail-pi1_fieldset div.even {background-color: #e4e4e4; }

fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset select.powermail_select
{font-size:0.9167em}

/* Button Datenschutz */
#powermaildiv_uid110 label, #powermaildiv_uid123 label {width:300px; margin-right:20px; font-weight:normal;}

/* Buttons Senden und Loeschen */
fieldset.tx-powermail-pi1_fieldset input.powermail_submit { margin-left:20px; background-color:#9CF}
.tx_powermail_pi1_fieldwrap_html_reset {}

/*Error-Anzeige */
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed */
	background-color:#FCC;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 98% 0px;
}

/*Confirmataion Pages*/
.tx-powermail-pi1_confirmation, .tx-powermail-pi1_thx {border: 1px solid #aaa; background-color:#fff;padding: 10px 10px 40px 10px;}
.tx-powermail-pi1_confirmation p:first-child, tx-powermail-pi1_thx p:first-child  { font-weight:bold; }
.tx-powermail-pi1_confirmation_submit, .tx-powermail-pi1_confirmation_back {margin-left:20px; background-color:#9CF; padding:2px; width:150px; float:left; border:none; font-weight:bold;}