/* #########################################################################################
** # Anpassungen von YAML für web-to-date sind alle hier zusammengefasst dadurch ist es    #
** # leichter ein Update auf eine neue YAML - Version durchzuführen                        #
** #########################################################################################
*/

/* Formatierung der Seite */
body { background: #333333; }

/* Formatierung der Kopfbereiches */
#header { height: 70px; background: #E6E6E6 url(../images/s2dlogo.jpg) no-repeat; }

/* Formatierung der Fußzeile */
#footer { text-align: center;}

/* linke Spalte */
#col1 {	width: 200px; }

/* Rechte Spalte */
#col2 {	width: 180px; }

/* Mittlere Spalte */
#col3
{
  	margin-left: 200px;
   	margin-right: 180px;
}

/* Bilder für die Hauptnavigation */
#nav_main {
    background: #b8b8b8 url(../images/pmb.gif) repeat-x center right;
}

#nav_main ul li#current {
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
    background: transparent url(../images/) repeat-x center right;
}

/* Farben der vertikalen Navigation */
#submenu li a:hover { background-color:#333333; }
#submenu li ul li a { background-color:#E6E6E6; }
#submenu li ul li a:hover { background-color:#333333; color: #fff; }
#submenu li#active { background-color:#22227C; }
#submenu li ul li#active { color: #000; background-color:#828282; }

/* #########################################################################################
** # Ab hier folgen web-to-date spezifische Format-Anweisungen                             #
** #########################################################################################
*/

/* Absatztype Formular */

input.box {
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #eeeeee 1px solid;
	border-right: #eeeeee 1px solid;
	color: #22227C;
	background-color: #fcfcfc;
	width: 300px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular textarea  {
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #eeeeee 1px solid;
	border-right: #eeeeee 1px solid;
	color: #22227C;
	background-color: #fcfcfc;
	width: 300px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
	width: 200px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #333333;
	line-height: 160%;
	padding: 2px 0px 10px 202px !important;
}

.buttoncaption {
	line-height: 200%;
}


/* Plugin-Styles */

P.s2d  {
	font-size: 180%;
	color: #22227C;
	font-weight : bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
}

P.s2dsmall {
	font-size: 80%;
}

a.s2dsmall, a.s2dinfo  {
	text-decoration: underline !important;
}

/* Such-Formular */

form.search { padding: 0px; margin: 0.5em; }
form.search input { margin: 0px; vertical-align : middle; }

input.search {
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	width: 120px;
	background-color: #ffffff;
	vertical-align: top;
	margin: 0;
}

input[type=text]:focus, form.formular textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

/* Absatzbild */

table.sidepicture { margin-right: 1em; margin-bottom: 0.15em; border:0; width: 200px;}

/* Teaser */

p.teasertext {
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

.teasernav {
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;
}

.subcolumns img {
	float: right;
	padding: 0px;
	margin: 4px 0px 10px 10px;
	border: none;
}

/* Tabellen */

table.cells {
	border: 1px solid #cccccc;
         width:99%;
         margin: 2px;
         padding: 2px;
}

td.cell {
	background-color: #E6E6E6;
}

td.headercell {
	background-color: #22227C;
	color: #ffffff;
	font-weight: bold;
}


}