/* Standard-Elemente */



#content p.emphasize {

	border-left: 8px solid #E6EAED;

	padding-left: 12px;

}



#content .w2dptablinks {

	padding: 12px 0 0 0;

	border-bottom: 1px solid #ABBAC2;

	margin-bottom: 10px;

	

}

#content .w2dptablinks a {

	font-weight: normal;

	padding: 4px 10px;

	border-left: 1px solid  #ABBAC2;

	border-top: 1px solid  #ABBAC2;

	border-right: 1px solid #ABBAC2;

	

	-moz-border-radius-topleft: 6px;

    -moz-border-radius-topright: 6px;

	-webkit-border-top-left-radius: 6px;

	-webkit-border-top-right-radius: 6px;

	border-top-left-radius: 6px;

	border-top-right-radius: 6px;

	

	display: block;

	float: left;

	margin-right: 3px;

	text-decoration: none;

	color: #6F8A98;

}

#content .w2dptablinks a.w2dptabsel {background-color: #E6EAED;}

#content .w2dptablinks a:hover {text-decoration: none;}



p {

	margin: 0;

	padding: 0px 0px 10px 0px;

	line-height: 180%;

}



em {

	font-weight : bold;

	color: #6F7D98;

	font-style : normal;

}



h1 {

	margin: 0;

	padding: 0;

	width: 778px;

	height: 90px;

	background-repeat : no-repeat;

}



h2 {

	margin: 0;

	padding: 4px 0px 3px 0px;

	font-size: 100%;

	color: #6F8A98;

}



h3 {

	margin: 0;

	padding: 2px 0px 2px 0px;

	font-size: 100%;

	color: #000000;

}



.clearer {

	clear: both;

}



a.link {

	font-weight: bold;

	color: #6F7D98;

	text-decoration: none;

}



a.s2d:hover, a.link:hover, a.teaserlink:hover, #youarehere a:hover, #commonbox a:hover, #more a:hover, #plaintext a:hover {

	text-decoration: underline;

}



/* Layout-Elemente  */



BODY {

	background: #ABBAC2 url(../images/pback.gif) repeat-x top left;

	margin: 0;

	padding: 0;

}





#content {

	width: 780px;

	padding: 0px 10px 0px 10px;

	background-color: #ffffff;

}



#content {

	\width: 800px;

	w\idth: 780px;

}





#logo {

	background : url(../images/plogo.gif) no-repeat top right;

	width:800px;

	height:50px;

	position: absolute;

	top: 0px;

	left: 180px;

}



#plaintext {

	position: absolute;

	top: 10px;

	left: 10px;

}



#plaintext a {

	color: #E6EAED;

	text-decoration: none;

}





#eyecatcher {

	width: 160px;

	height: 160px;

	background : url(../images/s2dlogo.jpg) no-repeat top right;

	overflow: hidden;

	border-bottom: 1px solid #aaaaaa;

}



#searchbox {

	width: 150px;

	background-color: #E6EAED;

	border-bottom: 1px solid #aaaaaa;

	border-top: 1px solid #eeeeee;

	padding: 10px 0px 10px 10px;

}



#commonbox {

	width: 140px;

	background: #E6EAED url(../images/pfds.gif) repeat-x left top;;

	border-bottom: 1px solid #aaaaaa;

	border-top: 1px solid #eeeeee;

	padding: 8px 10px 8px 10px;

}



#commonbox {

	\width: 160px;

	w\idth: 140px;

}





#commonbox ul {

	list-style: none;

}



#commonbox li {

	padding: 2px 0px 2px 18px;

	background-image: url(../images/pbul.gif);

	background-repeat: no-repeat;

	background-position: top left;

}



#commonbox a {

	color: #000000;

	text-decoration: none;

}





#main {

	position: absolute;

	top: 50px;

	left: 180px;

	width: 800px;

}



#youarehere {

	padding:0px;

	margin:0px;

}



#youarehere a {

	color: #000000;

	text-decoration: none;

}



#more {

	padding:10px 0px 0px 0px;

	margin:0px;

	text-align: right;

}



#more a {

	color: #000000;

	text-decoration: none;

	padding: 2px 0px 2px 26px;

	background-image: url(../images/pbul.gif);

	background-repeat: no-repeat;

	background-position: 10px 0px;

}





#navtop {

	background : url(../images/pnt.gif) no-repeat top right;

	width:160px;

	height:10px;

	overflow: hidden;

	border-bottom: 1px solid #aaaaaa;

}



#navbottom {

	background : url(../images/pnb.gif) no-repeat top right;

	width:160px;

	height:11px;

	overflow: hidden;

	border-top: 1px solid #eeeeee;

	margin-bottom: 10px;

}





#maintop {

	background : url(../images/pmt.gif) no-repeat top right;

	width:800px;

	height:10px;

	overflow: hidden;

}



#mainbottom {

	background : url(../images/pmb.gif) no-repeat top right;

	width:800px;

	height:11px;

	overflow: hidden;

	margin-bottom: 10px;

}



/* Menü */



#nav {

	position: absolute;

	padding: 0;

	margin: 0;

	left: 10px;

	top: 50px;

}



#nav ul {

	margin: 0;

	padding: 0;

}



#nav li

{

	list-style: none;

}



a.menuButton, a.menuButtonActive

{

	display: block;

	padding: 4px 10px 4px 10px;

	width: 140px;

	color: #000000;

	text-decoration: none;

	background: #E6EAED url(../images/pfds.gif) repeat-x left top;;

	border-bottom: 1px solid #aaaaaa;

	border-top: 1px solid #ffffff;

}



a.menuButton, a.menuButtonActive

{

	\width: 160px;

	w\idth: 140px;

}





.menu {

	border-bottom: 1px solid #aaaaaa;

	border-right: 1px solid #aaaaaa;

	border-top: 1px solid #eeeeee;

	border-left: 1px solid #eeeeee;

	background: #E6EAED url(../images/pfds.gif) repeat-x left top;;

	padding: 0px;

	position: absolute;

	text-align: left;

	visibility: hidden;

	left: 0px;

	top: 0px;

	z-index: 220;

}



a.menuItem, a.menuItemActive {

	color: #000000;

	background-color: transparent;

	display: block;

	padding: 4px 16px 4px 16px;

	text-decoration: none;

	white-space: nowrap;

}



a.menuButtonActive, a.menuButton:hover {

  background: #6F7D98;

  color: #ffffff;

}



a.menuItem:hover, a.menuItemActive {

  background: #6F7D98;

  color: #ffffff;

}



/* Suchfeld */



input.search {

	border-bottom: 1px solid #eeeeee;

	border-right: 1px solid #eeeeee;

	border-top: 1px solid #aaaaaa;

	border-left: 1px solid #aaaaaa;

	width: 105px;

	background-color: #ffffff;

	vertical-align: top;

	padding: 1px 4px 1px 4px;

	margin: 0;

}



form.search {

	margin: 0px;

}





/* Marginalie */



div.sidepicture {

	float: right;

	padding: 10px 10px 10px 10px;

	margin: 0px 0px 10px 10px;

	width: 200px;

	border-bottom: 1px solid #aaaaaa;

	border-right: 1px solid #aaaaaa;

	border-top: 1px solid #eeeeee;

	border-left: 1px solid #eeeeee;

	background: #E6EAED url(../images/pfd.gif) repeat-x left top;;

}



p.sidepicturetext {

	margin: 0;

	padding: 2px 0px 0px 0px;

	line-height: 160%;

	font-size: 90%;

	color: #000000;

}





/* Absatztyp BIld */



div.picture {

	padding: 0px;

	margin: 10px 0px 10px 20px;

	width: 480px;

	border: none;

}





/* Absatztype Aufzählung */



ul.content {

	list-style: none;

	padding: 10px;

	margin: 10px 0 20px 20px;

	background: #E6EAED url(../images/pfd.gif) repeat-x left top;;

	border-bottom: 1px solid #aaaaaa;

	border-right: 1px solid #aaaaaa;

	border-top: 1px solid #eeeeee;

	border-left: 1px solid #eeeeee;

	width: 490px;

}



li.content {

	padding: 2px 0px 2px 18px;

	background-image: url(../images/pbul.gif);

	background-repeat: no-repeat;

	background-position: top left;

}





/* Absatztyp Tabelle */



table.content {

	margin: 0px 0px 10px 0px;

	border-right: 1px solid #aaaaaa;

	border-left: 1px solid #eeeeee;

	background: #E6EAED url(../images/pfds.gif) repeat-x left top;;

}



tr.row {

	border-bottom: 1px solid #aaaaaa;

	border-top: 1px solid #eeeeee;

}





tr.header {

	background-color : #ABBAC2;

}



td.cell {

	border-top: 1px solid #eeeeee;

	border-bottom: 1px solid #aaaaaa;

	padding: 6px;

	margin: 0px;

}



td.headercell {

	border-top: 1px solid #eeeeee;

	border-bottom: 1px solid #aaaaaa;

	padding: 6px;

	margin: 0px;

	font-weight: bold;

}





/* Absatztyp Teaser */



div.teaserelement {

	float: left;

	padding: 6px 10px 6px 10px;

	margin: 0px 10px 10px 0px;

	background: #E6EAED url(../images/pfd.gif) repeat-x left top;;

	border-bottom: 1px solid #aaaaaa;

	border-right: 1px solid #aaaaaa;

	border-top: 1px solid #eeeeee;

	border-left: 1px solid #eeeeee;

}



div.teaser {

	margin: 10px 0px 10px 20px ! important;

	border: none;

	width: 750px;

}



div.teaserpicture {

	float: right;

	padding: 0px;

	margin: 0px 0px 10px 10px;

	border: none;

}



p.teasertext {

	margin: 0;

	padding: 4px 0px 4px 0px;

}



div.teasernav {

	clear: both;

	padding: 0;

	margin: 0;

	border: none;

	text-align: center;

}



a.teaserlink {

	font-weight: bold;

	color: #6F8A98;

	text-decoration: none;

}



p.lookup {

	margin: 0px 0px 10px 0px;

	padding: 4px 0px 0px 0px;

	border-bottom: 1px solid #ABBAC2;

}



/* Absatztype Formular */



input.forminput  {

	border-bottom: 1px solid #eeeeee;

	border-right: 1px solid #eeeeee;

	border-top: 1px solid #aaaaaa;

	border-left: 1px solid #aaaaaa;

	width: 300px;

	background-color: #ffffff;

	vertical-align: top;

	padding: 1px;

	margin: 0px 0px 10px 0px;

}



textarea.formtextarea  {

	border-bottom: 1px solid #eeeeee;

	border-right: 1px solid #eeeeee;

	border-top: 1px solid #aaaaaa;

	border-left: 1px solid #aaaaaa;

	width: 300px;

	height: 200px;

	background-color: #ffffff;

	vertical-align: top;

	padding: 1px;

	margin: 0px 0px 10px 0px;

}



.formcaption {

	width: 200px;

	line-height: 200%;

	float: left;

	clear: left;

}



p.formnote {

	color: #6F8A98;

	padding: 2px 0px 10px 202px !important;

}



.buttoncaption {

	line-height: 200%;

}



/* Plugin-Styles */





INPUT.s2d {

	border-bottom: 1px solid #eeeeee;

	border-right: 1px solid #eeeeee;

	border-top: 1px solid #aaaaaa;

	border-left: 1px solid #aaaaaa;

	background-color: #ffffff;

	vertical-align: top;

	padding: 1px;

}



SELECT.s2d {

	border-bottom: 1px solid #eeeeee;

	border-right: 1px solid #eeeeee;

	border-top: 1px solid #aaaaaa;

	border-left: 1px solid #aaaaaa;

	background-color: #ffffff;

	vertical-align: top;

	padding: 1px;

}



a.s2d, a.s2dinfo, a.s2dsmall {

	font-weight: bold;

	color: #6F7D98;

	text-decoration: none;

}



P.s2d  {

	font-size: 16pt;

	color: #6F7D98;

	font-weight : bold;

	margin-top : 5pt;

	margin-bottom : 5pt;

	line-height: 20pt;

}



textarea {

	border-bottom: 1px solid #eeeeee;

	border-right: 1px solid #eeeeee;

	border-top: 1px solid #aaaaaa;

	border-left: 1px solid #aaaaaa;

	width: 300px;

	height: 200px;

	background-color: #ffffff;

	vertical-align: top;

	padding: 1px;

}



#tsbox {

	width: 140px;

	background-color: #E6EAED;

	border-bottom: 1px solid #aaaaaa;

	border-top: 1px solid #eeeeee;

	padding: 8px 10px 8px 10px;

	margin: 0px;

	text-align: center;

}



#tsbox {

	\width: 160px;

	w\idth: 140px;

}



/** Für Formulare und Shopseiten **/



/* Rahmen und Farbe Formularelemente */

table.formtab select.tx,

table.formtab input.tx,

table.formtab textarea.tx {

	border: 1px solid #6F8A98;

	background-color: #E6EAED;

}



/* Weitere Styledefinitionen für Formularelemente */

/* Rahmen und Farbe Formularelemente Highlight */

table.formtab select.txh,

table.formtab input.txh,

table.formtab textarea.txh,

table.formtab td.txh,

table.formtab table.txh {

	border: 1px solid #A70C0C;

	background-color: #F5E5E5;

}



/* Tabellenbreite */

table.pluginwidth {

	width: 510px;

	margin: auto;

}



table.completewidth, td.completewidth {

	width: 100%;

}



/* Breite der Formularfelder */

table.formtab input.tx,

table.formtab input.txh,

table.formtab textarea.tx,

table.formtab textarea.txh {

	width: 255px;

}



/* Höhe der Formularfelder */

table.formtab textarea.tx,

table.formtab textarea.txh {

	height: 102px;

}



/* Farbeliche Anzeige von Fehlermeldungen, immer identisch */

table.formtab td.h, p.h {

	color: #A70C0C;

	font-weight: bold;

	text-align: center;

}



/* Focus und Mausover von Formularelementen, immer identisch */

/*

table.formtab textarea:focus,

table.formtab textarea:hover,

table.formtab select:focus,

table.formtab select:hover,

table.formtab input:focus,

table.formtab input:hover {

	background-color: #FFFFFF;

} */



/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */

table.formtab input,

table.formtab textarea,

table.formtab td {

	padding-left: 3px;

	padding-right: 3px;

	margin: 0px;

}


