/*
rot: #A52E2D, rgb(131, 41, 43)
rot: #83292B rgb(131, 41, 43)
gruen: #BAC844, rgb(131, 41, 43)
grau1: #888888, rgb(136, 136, 136)
grau2: #C7C7C7, rgb(199, 199, 199)
grau3: #E4E4E4, rgb(228, 228, 228)
*/

body  {
	background-color: rgb(228, 228, 228);
	color: rgb(53, 53, 53);
	font-family: Verdana, Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 100%;
	margin: 16px auto 32px auto;
	padding: 0;
	text-align: center; /* IE-Hack */ 
	width: 800px;
	background-color: rgb(255, 255, 255); 
	border: 1px solid rgb(136, 136, 136);
}


#linkeSpalte {
/*	background-color: rgb(204, 204, 204); */
        width: 220px;
        width: 200px;
        float: left; 
        padding-top: 12px;
        border-bottom: none;
        text-align: left;
}


#inhalt {
        text-align: left;
	padding: 12px 0px 32px 0px;
	margin: 0;

	margin: 12px 0px 32px 220px;
	padding: 6px 0 0 0;

	font-size: 90%;
	min-height: 400px;
        _height: 400px;	
}


a { text-decoration: none; }

.red {
        color: rgb(204, 51, 51);
        color: rgb(151, 196, 255);
}

#auessereKlammer { 
	margin-left: auto; 
	margin-right: auto;
	width: 800px;
	text-align: left; /* IE-Hack */ 
}

#auessereKlammer h1 {
	font-size: 2em;
	color: rgb(131, 41, 43);
	font-weight: bold;
	margin: 0;
	padding: 0;
        letter-spacing: -1px;
}

#auessereKlammer h2 {
	font-size: 1.2em;
	color: rgb(131, 41, 43);
	font-weight: bold;
	margin: 0;
	padding: 0;
        letter-spacing: -1px;
}

#innereKlammer {
	margin-bottom: 0;
	padding-bottom: 16px;
	float:left;  
	width: 800px;
	       	background-color: rgb(255, 255, 255); 
	border: 1px solid rgb(136, 136, 136);

}

#header  {
/*	width: 800px; */
       	background-color: rgb(255, 255, 255);
/*	border-top: 1px solid rgb(136, 136, 136);
	border-right: 1px solid rgb(136, 136, 136);
	border-left: 1px solid rgb(136, 136, 136); */
        vertical-align: middle;
        clear: both;
        margin: auto 0 auto 100px; 
        padding: 8px 0 22px 0;
        height: 100px;
        background-image: url(screen_02_FILES/psi-alpha-logo-sipp.jpg); /* 453x100 621x137px */
        background-repeat: no-repeat;
        background-position: 0 .2em; 
}

#headerStartseite {
       	background-color: rgb(255, 255, 255);
        vertical-align: middle;
        clear: both;
        margin: auto 0 auto 0; 
        padding: 0 0 0 0;
        height: 300px;
        background-image: url(psy-alpha-logo-sipp-sofa-v3.jpg); 
        background-repeat: no-repeat;
        background-position: 0 0; 
}

#header img {
        vertical-align: middle;
/*        margin-right: 24px; */
        margin-left: 24px;
        margin-right: 48px;
}


#teaser {
	width: 880px;
        margin: 0;
        padding: 0;
}

#teaser img {
        margin: 0;
        padding: 0;
}


#teaser div {
        margin: 0;
        padding: 0;
}


#teaser dt {
        margin: 0;
        padding: 0;
}


#teaser dl {
        margin: 0;
        padding: 0;
}



#linkeSpalte h1 {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(199, 199, 199);
        color: rgb(131, 41, 43);
        font-size: 22px;
        text-align: right;
        margin-top: 24px;
        margin-right: 16px;
	margin-bottom: 24px;
}


#linkeSpalte p {
	margin: 0px;
	margin-bottom: 16px;
        line-height: 160%;
	color: rgb(53, 53, 53);
	font-size: 12px;
}

#inhalt .contenttable td.align-right p, #linkeSpalte p.align-right {
       text-align: right;
       padding-right: 12px;
}

/* #linkeSpalte ul {
	list-style-type: none;
	line-height : 180%;
	font-size : 10px;
	padding-bottom: 32px;
}

#linkeSpalte li {
	line-height : 180%;
	font-size : 12px;
	margin-top: 12px;
	margin-right: 20px;
	padding-right: 128px;
}

#linkeSpalte a:link {
         color: rgb(131, 41, 43);
         border-bottom: 1px dotted rgb(131, 41, 43);
}

#linkeSpalte a:visited {
         color: rgb(131, 41, 43);
         background: rgb(255, 255, 255);
         border-bottom: 1px dotted rgb(131, 41, 43);
}

#linkeSpalte a:hover {
         color: rgb(255, 255, 255);
         background-color: rgb(131, 41, 43);
         border-bottom: 1px dotted rgb(131, 41, 43);
}

#linkeSpalte a:active {
         color: rgb(131, 41, 43);
         background: rgb(255, 255, 255);
         border-bottom: 1px dotted rgb(131, 41, 43);
} */

#linkeSpalte .csi-imagewrap a { color: transparent; border: none; background: transparent; }

#navigation {
/*        margin-bottom: 24px; */
        padding: 8px 0 8px 10px;
        background-color: rgb(131, 41, 43);
       	text-align: left;
	color: rgb(255, 255, 255);
}

#navigation ul {
	margin: 0;
	padding: 0;
	width: 750px;
}

#navigation li {
	list-style: none;
	display: inline;
	margin: 5px 0 5px 0;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
}

#navigation a {
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-decoration: none;
}


#navigation a:hover {
	color: rgb(255, 255, 255);
	text-decoration: none;
/*	border-top: 3px solid rgb(234, 234, 234); 
	border-bottom: 3px solid rgb(244, 244, 244); */
}

#subNavigation {
	padding-left: 8px;
}

#subNavigation ul {
	margin: 0;
	padding: 0;
        padding-top: 8px;
}

#subNavigation li {
	list-style: none;
/*	display: inline; */
	margin: 4px 4px 4px 0px;
	margin: 6px 4px 6px 0px;
	padding: 4px 4px 4px 10px;
	padding: 0 4px 0 10px;
	color: rgb(51, 51, 51);
	font-size: 12px;
       background-image: url(screen_02_FILES/bullet.gif);
       background-repeat: no-repeat;
       background-position: 0 .5em; 
}

#subNavigation a {
	color: rgb(53, 53, 53);
	text-decoration: none;
}


#subNavigation a:hover {
	color: rgb(153, 153, 153);
	text-decoration: none;
}



#inhalt h1 {
        font-size: 110%;
        margin: 12px 36px 8px 0;
        border-bottom: 1px solid rgb(199, 199, 199);
        color: rgb(131, 41, 43);
}


#inhalt h2 {
        font-size: 100%;
        margin: 12px 36px 8px 0;
        border-bottom: 1px solid rgb(199, 199, 199);
        color: rgb(131, 41, 43);
}

#inhalt h3 {
        font-size: 100%;
        margin: 24px 36px 8px 0;
        color: rgb(131, 41, 43);
}

#unsichtbarerrahmen h2 {
	font-size: 120%;
	color: rgb(131, 41, 43);
	font-weight: bold;
	margin: 0;
	padding: 0;
        margin-bottom: 8px;
        letter-spacing: -1px;
}

#inhalt h4 {
        font-size: 90%;
/*        font-weight: normal; */
        margin-top: 16px;
	margin-bottom: 0px;
        margin-left: 0;
/*        border-bottom-width: 1px;
        border-bottom-style: solid;
	border-bottom-color: rgb(204, 51, 51);
	border-bottom-color: rgb(199, 199, 199); */
        color: rgb(51, 51, 51);
}

#inhalt p {
	margin: 0px;
        padding-right: 32px;
	margin-bottom: 8px;
        line-height: 160%;
	color: rgb(53, 53, 53);
	font-size: 90%;
}

#inhalt .csc-textpic-caption { font-size: 80%; }

#inhalt .csc-textpic-caption a {
         color: rgb(131, 41, 43);
         background: rgb(255, 255, 255);
         border-bottom: 1px dotted rgb(131, 41, 43);
}

#inhalt .csc-textpic-imagewrap { padding-right: 8px; }

#inhalt dl img {
	border-top: 1px solid rgb(240, 240, 240);
	border-right: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(240, 240, 240);
	padding: 3px;
	background: rgb(255, 255, 255);
	background: rgb(250, 250, 250);
}

#inhalt dl dt a img, #inhalt dl dt a {
	text-decoration: none;
/*	border: 0px; */
}


#inhalt ul {
	list-style-type: none;
	line-height : 100%;
	font-size : 90%;
	padding-bottom: 16px;
	margin: 0;
}

#inhalt li {
	width: 480px;
	line-height : 145%;
	font-size : 100%;
	margin-top: 4px;
	margin-left: 20px;
/*	padding-right: 128px; */
/*	padding-right: 22px; */
        background-image: url(screen_02_FILES/bullet.gif);
        background-repeat: no-repeat;
        background-position: 0 .2em; 
        padding-left: 24px;
        padding-left: 12px;
}

#inhalt li.csc-section {
	width: 480px;
}

#inhalt p.bodytext a:link, 
#inhalt li a:link,
#inhalt .address a:link {
         color: rgb(131, 41, 43);
         border-bottom: 1px dotted rgb(131, 41, 42);
}

#inhalt p.bodytext a:visited,
#inhalt li a:visited,
#inhalt .address a:link {
         color: rgb(131, 41, 43);
         background: rgb(255, 255, 255);
         border-bottom: 1px dotted rgb(131, 41, 42);
}

#inhalt p.bodytext a:hover,
#inhalt li a:hover,
#inhalt .address a:link {
         color: rgb(255, 255, 255);
         background-color: rgb(131, 41, 42);
         border-bottom: 1px dotted rgb(131, 41, 43);
}

#inhalt p.bodytext a:active,
#inhalt li a:active,
#inhalt .address a:link {
         color: rgb(131, 41, 43);
         background: rgb(255, 255, 255);
         border-bottom: 1px dotted rgb(131, 41, 43);
}

#inhalt table { font-size: 90%; border: 1px solid rgb(128, 128, 128); margin: 4px 0 12px 0; padding: 0; border-collapse: collapse;}
#inhalt table td { vertical-align: top; }

#inhalt table.contenttable td {
         vertical-align: top;
}

#inhalt table.contenttable li {
         font-size: 100%;
/*         font-weight: bold; */
}

#inhalt table th { text-align: left; background-color: rgb(131, 41, 43); color: rgb(255, 255, 255);  padding: 4px 4px 4px 4px ;}
#inhalt table td { margin: 4px 0 4px 0; padding: 4px 4px 4px 4px ;}
#inhalt table tr { background: transparent; }
#inhalt table tr.tr-even { background: #D8C2C2; background: rgb(207, 166, 147); background: rgb(227, 227, 227);}

#inhalt table td { border-left: 1px solid rgb(153, 153, 153);  }
#inhalt table td.td-0 { border-left: none; }

#inhalt table {width: 430px;}
#inhalt table td.td-1 { text-align: right ; }
#inhalt table td.td-2 { text-align: right ; }
#inhalt table td.td-last { text-align: right ; }

#inhalt table.zweiSpalten td.td-0 {
	width: 340px;
}

#inhalt table.dreiSpalten {width: 430px;}
#inhalt table.dreiSpalten td.td-0 { text-align: left ; }
#inhalt table.dreiSpalten  td.td-1 { text-align: left ; }
#inhalt table.dreiSpalten  td.td-last { text-align: left ; }

#inhalt table.dreiSpaltenBreit {width: 530px;}
#inhalt table.dreiSpaltenBreit td.td-0 { text-align: left ; }
#inhalt table.dreiSpaltenBreit  td.td-1 { text-align: left ; }
#inhalt table.dreiSpaltenBreit  td.td-last { text-align: left ; }

#inhalt table.vierSpaltenFilm {width: 530px;}
#inhalt table.vierSpaltenFilm td.td-0 { text-align: left ; }
#inhalt table.vierSpaltenFilm td.td-1 { text-align: left ; }
#inhalt table.vierSpaltenFilm td.td-2 { text-align: left ; }
#inhalt table.vierSpaltenFilm td.td-last { text-align: left ; width: 220px; }


.clear {
	clear: both;
}

#navlist li a:hover, #navlist li a:active
{
	color: #FFFFFF;
	text-decoration: none;
	background: #CC3333;
}

#footer {
	clear: both;
	border: 0px;
	margin: 0;
	padding: 0;
        padding: 8px;
	background-color: rgb(131, 41, 43);
	text-align: right;
	color: rgb(222, 222, 222);
	font-size: .8em;
}

#footer a {
	color: rgb(222, 222, 222);
	text-decoration: none;
}

/* ########################
#     STYLES  PLUGIN/EXT
######################## */

/* ADRESSEN */

#inhalt .address {
	margin: 0 0 0 36px;
	padding: 0 4px 0 0;
	padding: 4px 4px 0 0;
}

#inhalt .address .infos-mit-bild {
	margin: 0 0 0 110px;
	padding: 0;
}

#inhalt .address .bild {
	float: left; 
	border-top: 1px solid rgb(240, 240, 240);
	border-right: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(240, 240, 240);
	padding: 3px;
	margin: 4px 4px 0 0;
	margin: 0 0 0 0;	
}

#inhalt .address h2 { font-size: 90%; font-style: normal; font-weight: bold; margin: 8px 0 0 0; padding: 0; border: 0px;}
#inhalt .address h2.description { font-size: 100%; font-style: normal; font-weight: bold; margin: 8px 0 0 0; padding: 0; border: 0px;}
#inhalt .address p { font-size: 90%; line-height: 136%; margin: 0 0 0 16px; padding: 0;}
#inhalt .address ul { font-size: 90%; line-height: 136%; margin: 4px 0 0 0; padding: 0;}
#inhalt .address li {width: 300px; line-height: 120%; margin: 4px 0 0 0; padding: 0 0 0 24px; background-repeat: no-repeat; background-position: 0 0;}
#inhalt .address li.adresse {background-image: url(screen_02_FILES/vcard.png); }
#inhalt .address li.email {background-image: url(screen_02_FILES/email.png); }
#inhalt .address li.telefon {background-image: url(screen_02_FILES/telephone.png); }
#inhalt .address li.www {background-image: url(screen_02_FILES/information.png); }


/* MAILFORMULAR */

/* Felder und Submit Button für Email-Formulare */

.csc-mailform-field input {
	background-color: #ffffff;
	border: 1px solid #BDBDBD;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 150%;
}

.csc-mailform-field textarea {
	background-color: #ffffff;
	border: 1px solid #BDBDBD;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height:150%;
}

.csc-mailform-field label {
	margin: 2px 0 2px 2px;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
	/*float: left;*/
	text-align: left;
	width: 100px;
	display: block;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
}

/*Border um gesamtes Formular wenn gewünscht */
.csc-mailform {
	border: 1px solid #FFFFFF;
}

/*Ausrichtung des Submit Buttons*/

#mailformformtype_mail 
{
margin-left: 0px;
margin-top: 15px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #CCCCCC;
border-width: 1px;
border-top-color: #ffffff;
border-left-color: #ffffff;
border-bottom-color: #A2A2A2;
border-right-color: #A2A2A2;
border-style: solid;
}



/* TT_NEWS */

.news-list-item {
	margin: 0;
	padding: 0;
}

.news-list-item h3 a {
	color: rgb(131, 41, 42);
	text-decoration: none;
	line-height: 160%;
}

#inhalt .news-list-item h3 {
	color: rgb(131, 41, 42);
	font-size: 90%;
	font-weight: bold;
	padding: 0 28px 0 0;
        margin: 0 0 0 0;
        border-bottom: none;
}

#inhalt .news-list-date {
	font-size: 80%;
	font-weight: normal;
	color: rgb(136, 136, 136);
	margin-top: 6px;
	margin-bottom: 2px;
}

.news-list-item a  {
	margin: 0;
	padding: 0;
	margin-top: 0 ! important;
	margin-bottom: 0  ! important;
}

.news-list-morelink {
	margin-bottom: 36px;
}

.news-list-morelink a  {
	font-size: 80%;
	font-weight: bold;
	color: rgb(136, 136, 136);
	margin: 0;
	padding: 0;
	margin-top: 0 ! important;
	margin-bottom: 0  ! important;
}


.news-list-item p.bodytext {
	margin-top: -10px;
	margin-bottom: -20px;
	margin: 0 ! important;
	padding: 0 ! important;
/*	padding-right: 128px ! important; */
	text-decoration: none;
}

#inhalt .news-single-item h2 {
	color: rgb(131, 41, 42);
	font-size: 90%;
	font-weight: bold;
	line-height: 160%;
	padding: 0 28px 0 0;
        margin: 0 0 0 0;
        border-bottom: none;
}

#inhalt .news-single-item h3 {
	color: rgb(53, 53, 53);
	font-size: 90%;
	font-weight: bold;
        line-height: 160%;
	padding-right: 28px;
}

#inhalt .news-single-item p {
/*	margin-top: 8px ! important;
	margin-bottom: 18px ! important; */ /* keine Ahnung, was das soll... */
}

#inhalt .news-single-item li {
	line-height : 126%;
	font-size : 100%;
	margin-top: 4px;
	margin-right: 20px;
	padding-right: 32px;
        background-image: url(screen_02_FILES/bullet.gif);
        background-repeat: no-repeat;
        background-position: 0 .2em; 
        padding-left: 12px;
	/* xcv */
}

#inhalt .news-single-timedata {
	font-size: 80%;
	font-weight: normal;
	color: rgb(136, 136, 136);
	margin-top: 6px;
	margin-bottom: 2px;
}

#inhalt .news-single-backlink {
	margin-top: 6px;
        margin-bottom: 6px;
}

#inhalt .news-single-backlink a {
	color: rgb(53, 53, 53);
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}


/*- Menu Tabs 5--------------------------- */

    #tabs {
      border-top: 1px solid rgb(136, 136, 136);
/*      border-bottom: 1px solid rgb(136, 136, 136); */
      padding-top: 12px;
      float:left;
      width:100%;
      background:#fff;
      background:rgb(228, 228, 228);
      font-size:83%;
      line-height:normal;

      }
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0 24px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      font-weight: bold;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }  
	
    #tabs a span.act { background-position:100% -42px; }
    #tabs a.act {       background-position:0% -42px;  }


/* Google-Maps */

#gmapmarker {
	width: 400px;
}

/* JS-Effekte */

a.blinddown  { font-size: 80%; text-decoration: none; }

div.blinddown-einruecken { margin-top: 0px; margin-left: 16px;}

.tooltip {
	position: absolute;
	display: none;
	width: 280px;
	background-color: #FFFFFF;
	border-color: rgb(136, 136, 136);
	border-width: 1px;
	border-style: solid;
	margin: 5px;
	padding: 5px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif; 
	-moz-opacity: 0.95;
	filter: alpha(Opacity=95);
        line-height: 120%;
}

#inhalt .tooltip h1 { color: rgb(111, 184, 8); font-size: 130%; padding: 0; margin-top: 4px; margin-bottom: 8px; }

.tooltip .gruen { color: rgb(111, 184, 8); font-weight: bold; }

#inhalt .contenttable { border: 1px solid #ccc; }
#inhalt .contenttable td { border-bottom: 1px solid #ccc; }
#inhalt .contenttable tr.last { border-bottom: 0px solid #ccc; background-color: #e3e3e3; }
#inhalt .contenttable p.bodytext { padding: 6px; margin: 0; }

#inhalt p.csc-frame-frame1 { font-size: 73%; float: right; width: 36%; margin-right: 16px; margin-left: 4px; padding: 6px; border: 1px solid #CCC; background-color: #EEE; }