/* Standard-Elemente */

p {
	font-size: 13px;
	line-height: 1.5normal;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

em {
	/* font-weight : bold; */
	font-size: 18px;
	color: #eeeeee;
	font-style : normal;
}

h1 {
	/* width: 600px; */
	font-size: 28px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.24;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat : no-repeat;
	color: #ffffff;
}

h2 {
	font-size: 21px;
	font-weight: normal;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
}

h3 {
	font-size: 15px;
	line-height: 1.5;
	font-weight: normal;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
}

h4 {
	font-size: 13px;
	line-height: 1.5;
	font-weight: normal;
	margin:  5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
}


.clearer {
	clear: both;
}

p.lookup {
	margin: 0px 0px 10px 0px;
	padding: 4px 0px 0px 0px;
	border-bottom: 1px solid #aaaaaa;
}

a.link {
	font-size: 13px;
	color: #eeeeee;
	text-decoration: none;
	cursor: pointer;
}

a.blacklink {
	color: #aaaaaa;
	text-decoration: none;
	cursor: pointer;
}
a.blacklink:hover {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

a.s2d:hover, a.link:hover, a.teaserlink:hover, #youarehere a:hover, #commonbox a:hover, #plaintext a:hover {
	color: #eeeeee;
	text-decoration: underline;
}



/* Layout-Elemente  */
HTML {
height: 101%;
}

BODY {
	background: #303030;
	margin: 0;
	padding: 0;
}
#wrap {
	background-color: #303030; 
	width: 980px; 
	min-height: 100%; /* Mindesthöhe in modernen Browsern */
	height: auto !important; /* !important-Regel für moderne Browser */
	height: 100%; /* Mindesthöhe in IE (<7) */
	margin: 10px auto;
}
#logo {
	margin-top: 0px;
	background : url(../images/plogo.gif) no-repeat top right;
	width:980px;
	height:130px;
}

#top_container {
	height: 25px;
	background : url(../images/bgtop.gif) center no-repeat;
	margin: 10px 0px 10px 0px;
	padding:0 12px 0 0;
}


#top_container_wide {
	height: 11px;
	background : url(../images/bgwtop.gif) center no-repeat;
	margin: 10px 0px 10px 0px;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


#container {
	background : url(../images/bgmiddle.gif) center repeat-y;
	min-height: 805px; /* (Kissling) */
}

#container_wide {
	background : url(../images/bgwmiddle.gif) center repeat-y;
	min-height: 805px;
}

#bottom_container {
	height: 11px;
	background : url(../images/bgbottom.gif) center repeat-y;
	margin: 0 0 0 0;
}

#bottom_container_wide {
	height: 11px;
	background : url(../images/bgwbottom.gif) center repeat-y;
	margin: 0 0 15px 0;
}

#plaintext {
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:160px;
}

#plaintext a {
	color: #444444;
	text-decoration: none;
}

#content {
	padding: 0px 20px;
	float:right;
	width: 600px;
}

#contentwide {
	padding: 0px 12px;
	/*background-color: #ffffff;*/
	float:right;
	width: 767px;
}

/* richtig */
/* IE 6 */
* html #nav{
   margin-top: 135px; /* (Kissling) */
}
/* IE 7 */
* + html #nav{
   margin-top: 135px; /* (Kissling) */
}

#nav {
	padding: 0;
	width:160px;
}

*+ html #nav {
	position:absolute;
	top:50px;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {list-style: none;}

#eyecatcher {
	width: 1px;
	height: 1px;
	background : url(../images/peye.jpg) no-repeat top right;
	overflow: hidden;
	/*border-bottom: 1px solid #aaaaaa;*/
}

#searchbox {
	width: 150px;
	background-color: #303030;
	/* border-bottom: 1px solid #aaaaaa; */
	/* border-top: 1px solid #eeeeee; */
	/* padding: 10px 0px 10px 10px; */
}

#searchbox_topright {
	width: 160px;
	height: 20px;
	position: absolute;
	top: 118px;
	left: 1280px;
	background-color: #303030;
	padding: 2px 0px 2px 2px;
}

/* IE 6 */ /* (Kissling) */
* html #searchbox_topright{
	left: 1277px; 
}

/* IE 7 */ /* (Kissling) */
* + html #searchbox_topright{
  left: 1277px;
}

div .commonbox.topright {
	width: 340px;
	/*background: #ff0000 url(../images/pfds.gif) repeat-x left top;*/
	}

div .commonbox {
	width: 140px;
	background: #ff0000 url(../images/pfds.gif) repeat-x left top;
	/* border-bottom: 1px solid #aaaaaa; */
	/* border-top: 1px solid #eeeeee;  */
	padding: 8px 10px 8px 10px;
}

div .commonbox {
	\width: 160px;
	w\idth: 140px;
}


div .commonbox ul {
	list-style: none;
}

div .commonbox li {
	padding:0px;
}

/*
div .commonbox a {
	text-decoration: none;
}
*/


#main {
	float:left;
	width: 810px;
}
#mainwide {width: 970px; float:left;}

#youarehere {
	padding:2px 0px 0px 0px;
	margin:0px 10px 0px 10px;
}

#youarehere a {
	color: #eeeeee;
	text-decoration: none;
	cursor: pointer;

}

#more {

/*neue Version ATU*/
margin: 10px 0px 0px 0px;
padding: 15px 0px 0px 0px;
text-align: center;

/*alte Version */
/*	padding:15px 0px 0px 0px;
	margin:0px;
	text-align: right; */
}

#more a {
	color: #eeeeee;
	text-decoration: none;
	cursor: pointer;
	padding: 2px 0px 2px 26px;
	background-image: url(../images/pbul.gif);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}

#more a:hover {
		color: #eeeeee;
		text-decoration: underline;
		cursor: pointer;
}



#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, #maintopwide {	
	height:10px;
	float:right;
	overflow: hidden;
}
#maintop {width:640px; background : url(../images/pmts.gif) no-repeat top right;}
#maintopwide {width:800px; background : url(../images/pmt.gif) no-repeat top right;}

#mainbottom, #mainbottomwide {
	height:11px;
	float:right;
	overflow: hidden;
	margin-bottom: 10px;
}
#mainbottom {width:640px; background : url(../images/pmbs.gif) no-repeat top right;}
#mainbottomwide {width:800px; background : url(../images/pmb.gif) no-repeat top right;}

#topfooter, #topfooterwide {	
	margin: 0px 0px 0px 0px; 
	float:right;
	height:10px;
	overflow: hidden;
}

#topfooter {width:640px; background : url(../images/pmtfs.gif) no-repeat top right;}
#topfooterwide {width:800px; background : url(../images/pmtf.gif) no-repeat top right;}

#bottomfooter, #bottomfooterwide {
	height:11px;
	float:right;
	overflow: hidden;
	margin-bottom: 10px;
}

#bottomfooter {background: url(../images/pmbfs.gif) no-repeat top right; width:640px;}
#bottomfooterwide {background: url(../images/pmbf.gif) no-repeat top right; width:800px;}

#footer, #footerwide {
	font-size:0.9em;
	text-align:center;
}

#footer {
	width: 980px;
	background : url(../images/bgbottom.gif) center repeat-y;
	/*background : url(../images/bgmiddle.gif) center repeat-y;*/
}

#footerwide {
	width: 980px;
	background : url(../images/bgbottom.gif) center repeat-y;
	/*background : url(../images/bgwmiddle.gif) center repeat-y;*/
}

#footer p {
	padding:0 10px;
}

#footerwide p {
	padding:0 10px 0 180px;
}

#footer a, #footerwide a {
	text-decoration: none;
	cursor: pointer;
	font-weight : none;
	color: #eeeeee;
}

#footer a:hover, #footerwide a:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #eeeeee;
}


/* 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;
}

input.search_topright {
	font-size: 12px;
	color: #ffffff;	
	background-color: #222222;
	border-bottom: 0px solid #eeeeee;
	border-right: 0px solid #eeeeee;
	border-top: 0px solid #aaaaaa;
	border-left: 0px solid #aaaaaa;
	width: 105px;
	vertical-align: top;
	padding: 2px 16px 2px 4px;
	margin: 0;
}

form.search {
	margin: 0px;
}


/* Marginalie */

div.sidepicture {
	float: right;
	/* padding: 10px;  */
	margin: 0px 0px 10px 10px;
	/* 	border-bottom: 1px solid #aaaaaa; */
	/* 	border-top: 1px solid #eeeeee; */
	/* 	border-left: 1px solid #eeeeee; */
	/* 	background: #444444 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 20px 10px 0px;*/
	margin: 10px 20px 10px 0px; /* Mittig setzten des Bildes mit Margin (Kissling) */
	border: none;
}


/* Absatztype Aufzählung */

ul.content {
	list-style: none outside none;
	padding: 10px 0px 0px 10px;
	margin: 10px 0px 10px 0px;
	/*background: #444444 url(../images/pfd.gif) repeat-x left top;*/ /* Kissling: Nur in der EBERLE benötigt*/
	background: #222222;
	border-top: 1px solid #222222;	
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-left: 1px solid #222222;
}

li.content {
	background: url(../images/pbul.gif) no-repeat scroll 0 50% transparent;	
	/*background-position: top left;*/
	padding: 0px 0px 0px 15px;
	cursor: pointer;
	text-decoration: none;
}


/*-------------- Absatztyp Tabelle --------------*/

td.headercell {
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	background-color: #444444;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #444444;
	padding: 9px 0px 10px 10px;
	margin: 10px 0px 0px 0px;
}

tr.header {
	background-color: #aaaaaa;
}

tr.row {
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

td.cell {
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	padding: 6px;
	margin: 0px;
}

table.content {
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	/*background: #444444 url(../images/pfds.gif) repeat-x left top;*/ /* Kissling: Kein Hintergrund bei V4D */
}


/* ---------- Absatztyp Teaser -----------*/

div.teaserelement {
	float: left;
	background: #222222;
	border-top: 1px solid #222222;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-left: 1px solid #222222;
	padding: 4px 10px 6px 10px; 
	margin: 10px 10px 10px 0px;
}

div.teaserelementright {
	float: left;
	padding: 6px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
	background: #222222;
	border-top: 1px solid #222222;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-left: px solid #222222;
}
#content .teaser {
	min-width: 580px;
}

#contentwide .teaser {
	min-width: 780px;
}

div.teaser {
	margin: 0px 0px 10px 0px; /*orginal: 10px 0px 10px 0px; Kissling */
	border: none;	
}

div.h2teaser {
	font-size: 21px;
	font-weight: normal;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

div.teaserpicture {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 6px; /* orginal:0px 0px 10px 10px (Kissling) */
	border: none;
}

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

div.teasernav {
	clear: both;
	padding: 0;
	margin: 0;
	border: none;
	text-align: center;
}

a.teaserlink {
	/* font-weight: bold; */
	font-size: 18px;
	color: #eeeeee; /* Geändert auf neue Farbe (Kissling) */
	text-decoration: none;
}


/*------------- 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: ;/* Geändert auf neue Farbe (Kissling) */
	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: #aaaaaa;
	text-decoration: none;
}

P.s2d  {
	font-size: 16pt;
	color: #aaaaaa;
	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: #444444;
	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 #aaaaaa;
	background-color: #444444;
}

/* 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: 600px;
	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: 300px;
}

/* H�he der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height: 120px;
}

/* 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;
}
/* Eigene-Elemente */

HTML, BODY {
	/* repariert bei den Externen Dateien die Standardschrift und Farbe */
	font:12px/18px 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
	color: #aaaaaa;
}


ul {
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 15px;
}


li {
	font-size: 13px;
	margin:0 0 10px 0;
}

p.softtech-h1{
	font-size:20px;
	font-weight: normal;
	color: #ff0000;
}

div.linelong {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	width: 600px;
	height: 1px;
	border-bottom: 1px solid #545454;
}

div.lineshort {
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 10px 25%;
	width: 50%;
	height: 8px;
	border-bottom: 1px solid #545454;
}

img { border: 0px; }

iframe {
	border: 0px;
}