@import url("/de/wLayout/design/style/weblics_new.css");
/**BEGINN**************************************sf.css**/
HTML, BODY, TD, INPUT, SELECT {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

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

/* Schriftart für Formulartabellen und Formularelemente */
table.formtab td,
table.formtab input,
table.formtab select,
table.formtab textarea {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/**ENDE****************************************sf.css**/
/**BEGINN**************************************sd.css**/
/* Designmodifikationen: 98fahrenheit.de - www.webtodateforum.de */
BODY {	
	background: #E4E3E3 ;
	width:904px;
	background: #E4E3E3 url('/de/wLayout/design/img/pbk.gif') center repeat-y;
	margin: 0 auto;
}

#maintopic {
	margin-left: 2px;
	width: 900px;
	height: 32px;
	border-top: 1px solid #cccccc;
	background: url('/de/wLayout/design/img/pmt.gif') repeat-x;
	overflow: hidden;
}

#maintopic a {
	display: block;
	float: left;
	height: 32px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
	font-size: 10px;
	letter-spacing : 2px;
	background : url('/de/wLayout/design/img/pln.gif') no-repeat right;
}

#maintopic a:hover {
	background: url('/de/wLayout/design/img/pmta.gif') repeat-x;
	color: #333333;
}

#maintopic a.active {
	background: url('/de/wLayout/design/img/pmta.gif') repeat-x;
	color: #333333;
	font-weight: bold !important;
	font-size: 11px;
}


li.menuButton {
	display: inline;
}

a.menuButton  {
	color: black;
	margin: 0;
	padding: 7px 10px 7px 10px;
	background: white;
}

a.menuButtonActive, a.menuButton:hover {
	position: relative;
	color: black;
	margin: 0;
	padding: 27px 10px 7px 10px;
	background: #cccccc;
}

.menu {
    margin-top: -6px;
	font-size: 10px;
	letter-spacing : 2px;
	background-color: ;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding: 0px;
	position: absolute;
	text-align: left;
	visibility: hidden;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	z-index: 20;
	border-bottom: 1px solid #cccccc;
}

a.menuItem, a.menuItemActive {
	color: #999999;
	background-color: white;
	display: block;
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	white-space: nowrap;
	
}

a.menuItem:hover, a.menuItemActive {
	background-color: ;
	color: black;
	background: url('/de/wLayout/design/img/pmta.gif') repeat-x;
}


/* 
Designmodifikationen: 98fahrenheit.de - www.webtodateforum.de
*/

a.tagcloudlink:link, a.tagcloudlink:visited { 
text-decoration:none;
color: #ffffff;
}
 
a.tagcloudlink:hover, a.tagcloudlink:active { text-decoration:underline; }
a.level1 { font-size: xx-small; }
a.level2 { font-size: small; }
a.level3 { font-size: medium; }
a.level4 { font-size: large; }
a.level5 { font-size: xx-large; }


#zentrieren {
	width: 900px;
	height: 100%;
	}

#inhalt {
margin-left:2px;
width: 900px;
}
	
	


#logo {
	margin-left: 2px;
	top: 0px;
	width: 900px;
	height: 90px;
	background: url('/de/wLayout/design/img/s2dlogo.jpg') ;
	padding 10px;
	text-align: right;
}



#plaintext {
	margin-left:  750px;
	top: 86px;
	width: 195px;
	height: 30px;
	text-align: right;
	z-index: 100;
}

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


#youarehere {
	margin-left: 10px;
	top: 111px;
	width: 900px;
	height: 30px;
}

#youarehere a {
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 23px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
	font-size: 11px;
	background : url('/de/wLayout/design/img/pmr.gif') no-repeat;
}

#youarehere a:hover {
	color: #A3A3A3;
	background : url('/de/wLayout/design/img/pmra.gif') no-repeat;
}





#topic {
	position: absolute;
	left: 50%;
	top: 153px;
	margin-left: -451px;
	width: 201px;
	min-height: 400px;
	background-color: #A3A3A3;
}

#topic a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #F00000;
	padding: 0px;
	margin: 3px 20px 3px 20px;
	text-transform: uppercase;
	font-size: 10px;
}

#topic p {
	text-align: center;
}

#topic p a {
	border-bottom: none !important;	
}

#topic a:hover, #topic a.active {
	color: #F00000;
}

#topic h1 {
	padding: 9px 20px 9px 20px;
	background-color: #B5B5B5;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px;
}

#cpages {
 
	position: absolute;
	top: 460px;
	left: 50%;
	margin-left: -451px;
	width: 201px;
	height: 150px;
	background-color: #A3A3A3;
}

#cpages a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #F00000;
	padding: 0px;
	margin: 3px 20px 3px 20px;
	text-transform: uppercase;
	font-size: 10px;
}

#eyecatcher {
  float: right;
  margin-right: 2px;
	height: 185px;
}

#dreix {
	position: absolute;
	left: 50%;
	top: 239px;
	margin-left: 106px;
	width: 318px;
	height: 64px;
	background-repeat:no-repeat;
	background-position:top right;
}

#content {
	position: absolute;
	top: 320px;
	left: 50%;
	margin-left: -232px;
	width: 460px;
	padding: 0px;
	
}

#sidebar {
	float: right;
	width: 200px;
	margin-top: 10px;
	background-color: #A3A3A3;
	color: #ffffff;
	clear: both;
}

form.search {
  text-align: right;
	padding: 20px 20px 0px 20px;
}

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

input.search {
  border : 1px solid #cdcdcd;
	color: #333333;
	width: 118px;
	padding: 2px;
	background: url('/de/wLayout/design/img/pmt.gif') repeat-x;
	font-size: 10px;
}
/**ENDE****************************************sd.css**/
/**BEGINN**************************************sc.css**/
/* Content und Sidebar-Elemente */

#sidebar a:visited{ 
color: yellow;
}


#content h1 {
	font-size: 220%;
	font-weight : normal;
	margin: 0px;
	padding: 5px 0px 2px 0px;
	text-transform: uppercase;
	color: #444444;
}

#content h2 {
	font-size: 120%;
	font-weight : bold;
	margin: 0px;
	color: #B5B5B5;
}

#sidebar h1 {
	padding: 9px 20px 9px 20px;
	background-color: #B5B5B5;
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#sidebar h2 {
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
	color: #F00000;
	padding: 4px 0px 2px 0px;
}


.sb {
	padding: 9px 20px 9px 20px;
	color: #ffffff !important;
}

#content h2 {
	padding: 10px 0px 2px 0px;
}

#content h3 {
	font-size: 100%;
	font-weigth: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	color: #B5B5B5;
}

#content p, #sidebar p {
	margin: 0px;
	padding: 2px 0px 4px 0px;
	line-height: 160%;
}

#content a {
	text-decoration: none;
	font-weight : bold;
	color: #A3A3A3;
}

#sidebar a {
	font-weight : bold;
	color: #F00000;
	text-decoration: none;
}

#content a:hover, #sidebar a:hover {
	text-decoration: underline;
}


#content a:visited, #sidebar a:visited {
color: black;
}

#content .sidepicture {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 10px 10px;
	width: 160px;
}

#content .clearer {
	clear: both;
}

#content .spacer {
}

#more {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: right;
}

#more a {
	text-decoration : none;
	background : url('/de/wLayout/design/img/pbull.gif') no-repeat;
	padding: 2px 0px 4px 15px;
}

/* Liste */

#content ul, #sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 10px;
}

#content li, #sidebar li {
	padding: 2px 0px 2px 16px;
	background: url('/de/wLayout/design/img/pbull.gif') no-repeat top left;
}

/* Tabelle */

#content table.cells {
}

#content td.cell {
	background-color: #eeeeee;
}

#content td.headercell {
	background-color: #B5B5B5;
	color: #ffffff;
	font-weight: bold;
}

/* Teaser */

div.teaserelement {
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

div.teaser {
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

div.teaserpicture {
	float: right;
	padding: 0px;
	margin: 5px 0px 8px 5px;
	border: none;
}

div.elementPictureRight {
	float: right;
	padding: 0px;
	margin: 5px 0px 8px 5px;
	border: none;
}

div.elementPictureLeft {
	float: left;
	padding: 0px;
	margin: 5px 5px 8px 0px;
	border: none;
}

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

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

/* Absatztype Formular */

input.box {
	width: 300px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	border : 1px solid #cdcdcd;
	color: #333333;
	background: url('/de/wLayout/design/img/pmt.gif') repeat-x;
	font-size: 10px;
}

form.formular textarea  {
	background: url('/de/wLayout/design/img/pmt.gif') repeat-x;
	border : 1px solid #cdcdcd;
	width: 300px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

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

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

.buttoncaption {
	line-height: 200%;
}


/* Plugin-Styles */

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

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

#sidebar p {
	color: #ffffff !important;
}

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

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

/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border: 1px solid #B5B5B5;
	background-color: #d2d3d4
}

/* 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: 460px;
	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: 230px;
}

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

/* 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;
}
/**ENDE****************************************sc.css**/

.editButtons					{float:right; padding:0px 20px 0px 0px;}
.editButton						{}
.editButtonNavigation	{float:left;padding:5px 0px 0px 5px;}
#bannerEditor       {position:absolute;width:902px; margin:0px auto; text-align:left;height:300px;z-index:1000;}
#bannerEditorInner  {position:absolute;top:150px; right:0px;width:700px;height:150px;overflow:hidden;}



#navlevel3 {
	
	background-color: #A3A3A3;
}

#navlevel3 a {
	display: block;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	padding: 0px;
	margin: 3px 20px 3px 20px;
	text-transform: uppercase;
	font-size: 10px;
}


#navlevel3 a:hover, #topic a.active {
	color: #F00000;
}