/* ------------------------------------------------------------------------------
Web2Date

Layout:   	Theta  
Modifiziert,
validiert by:	Webdesignconsult.de  06.04.2009  
--------------------------------------------------------------------------------- */
/* gewählte Designfarben */
/*

usercolor.medium = "#E6150C"
usercolor.bright = "#0C3370"


*/

BODY {
	margin:					0px;
	padding:				0px;
	background-color:			#0C3370;
	min-width:				850px;
}
.clearer, .clear, div.clearer {
	clear:					both;
}

#content table.spalten {
	width:				100% !important;
	font-size:			9pt !important;
	border:				1px solid #ccc;
	padding:			3px;
}
#content h1 {
	font-size: 260%;
	font-weight : normal;
	margin: 0px;
	padding: 0px 0px 2px 0px;	
	color: #666666;
}

#content h2, #sidebar h2 {
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
}

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

#sidebar h2 {
	padding: 2px 0px 2px 0px;	
}

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

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

#sidebar p, #sidebar h2 {
	color: #666666 !important;
}

#content a, #sidebar a {
	text-decoration: none;
	font-weight : bold;
	color: #E6150C;
}

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

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

.clearer {
	clear: both;
}

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

/* 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(../images/pbull.gif) no-repeat top left;
}

/* Tabelle */
#content table.content {
	width:					99% !important;
	font-size:				9pt !important;
	border:					1px solid #ededed;
}
#content tr.odd td.cell a {
	color: 					#fff;
}
#content tr.even td.cell a {
	color: 					#330033;
}
#content tr.header, #content tr.rowheader {
	font-size:				85% !important;
	font-weight:				bold !important;
	color:					#fff;
	line-height:				140%!important;
	background-color:			#E6150C;
	padding:				0.4em !important;
}
.rowheader, .colheader   {	
	padding:				0.2em 0.4em !important;
}
#content td.colheader {
	padding:				0.2em 0.4em !important;
	vertical-align:				top;
	background-color:			#f4f4f4;
	color:					#0C3370;
	font-weight:				bold;
}
#content td.cell{
	padding: 				5px;
	line-height:				150%!important;
}
#content tr.even td.cell{
	background-color:			#0C3370;
	color: 					#fff;
}
#content td.tablepic {
        background-color:                       #fff;
        padding:                                5px;
        text-align:                             center;

}
#content tr.odd td.cell {
        background-color:                       #fff;
        color:                                  #000;
}

#content table.spalten {
	width:				100% !important;
	font-size:			9pt !important;
	border:				1px solid #ccc;
	padding:			3px;
}
/* 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:			6px 0px 10px 10px;
	border:			none;
}
p.teasertext {
	margin:			0px;
	padding:		4px 0px 4px 0px;
}
.teasernav {
	clear:			both;
	padding:		2px 0px 2px 0px;
	margin:			0px;
	text-align:		center;
}
/* Kontaktformular */
#formular{
	font-size:			1.0em !important; 
	float:				left;
	width:				95%;  
	margin-left: 			0px; 
	margin-right: 			10px; 
	margin-bottom: 			20px; 
}
fieldset legend {
	padding-left: 			0.5em; 
	padding-right: 			0.5em; 
	color:				#000;
	background-color:		transparent;
	font-size:			0.75em !important; 
}
fieldset.mainform, fieldset.button{
	margin: 			0.05em  auto   0.05em   0; 
	padding: 			0.5em; 
	background-color: 		transparent;
	color: 				#000; 
	border: 			1px solid ;
	clear: 				both;
 	display: 			block;
}
#formular p.formheader {
	font-size:			1.2em !important; 
	text-transform:			uppercase;
	letter-spacing:			0.3em;
	font-weight:			bold;
	background-color: 		transparent; 
	color: 				 !important; 
	margin-left: 			0.4em; 
}
label { 
	float:				left; 
	width:				120px; 
	font-size:			0.80em !important; 
	padding-left: 			2.0em; 
	padding-top: 			0.3em; 
	padding-bottom: 		0.3em; 
	clear:				both;
}
.formnote {
	color: 				;
	font-size:			0.75em !important; 
	background-color:		transparent;
	margin-left: 			2em!important; 
}
.checkbox{
	white-space:			nowrap;
	width:				100% !important;
}

span.radio { 
	float:				left; 
	font-size:			0.99em !important; 
	padding-left: 			0.35em;
	padding-top: 			0.1em; 
	padding-bottom: 		0.3em; 
	padding-right: 			0px; 
	white-space:			nowrap!important;
}
.field, .textarea {
	border: 			 1px solid; 
	background : 			#F2F2DD url(../images/) repeat-x;
	margin: 			5px    5px     5px    50px !important; 
	padding:			2px	0px	3px	0;      
	width:				300px; 
	font-size:			0.9em; 
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:				#006666;
	text-indent:			0.5em; 
	letter-spacing:			0.1em;
	clear:				both;
}
.field_anrede  {
	background-color: 		#0C3370;
	margin-left: 			4.5em!important; 
	padding:			2px	8px	2px	0px;	  
	width:				24.0em; 
	font-size:			1.0em; 
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
	color:				#000;  
	text-indent:			0.5em; 
	letter-spacing:			0.1em;
	clear:				both;
}
.submit{ 
	clear:				both; 
	margin-left:			20px; 
	height:				40px; 
	font-size:			0.9em; 
	font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:				; 
	width:				92px;
	padding: 			0.4em; 
}
.reset{ 
	clear:				both; 
	margin-left:			20px; 
	height:				40px; 
	font-size:			0.9em; 
	font-family:			Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color:				; 
	background-color:		#0C3370; 
	width:				92px;
	padding: 			0.4em; 
}
.submit:hover, .reset:hover {
	color:				#0C3370;
	background-color:		; 
	cursor: 			pointer; 
	background:			transparent url(../images/hoversend.gif) center no-repeat;
}


/* Plugin-Styles */

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

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

/* Formate für Sitemap von rudolf*/
#sitemap  {
	clear:				both;
	position:			relative;
	margin-left:			0px !important;
	width:				99%;
	line-height:			180%;
	padding-top:			0px;

}
#sitemap .sitemap1 a,#sitemap .sitemap2 a,#sitemap .sitemap3 a {
	text-decoration: 		none;
	background-color:		transparent;
	line-height:			190%;
}
#sitemap a.sitemap1:hover,#sitemap a.sitemap2:hover,#sitemap a.sitemap3:hover, a.sitemaphome:hover {
	text-decoration:		none !important;
}
#sitemap .sitemapoben {
	text-align:			left;
	padding:			10px;
}
#sitemap .sitemaphome {
	text-align:			left;
	font-weight:			bold;
	margin-left:			0px;
}
#sitemap a.sitemaphome {
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/bluelink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px   0px   15px;
	white-space:			nowrap;
	color:				#E6150C !important;
}
#sitemap a.sitemaphome:hover{
	background-image:		url(../images/redlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px   0px   15px;
}
#sitemap .sitemap1{
	text-align:			left;
	font-weight:			bold;
	margin-left:			16px;
	margin-top:			0px;
}
#sitemap a.sitemap1{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/redlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px   0px   15px;
	white-space:			nowrap;
	color:				#E6150C !important;
}
#sitemap a.sitemap1:hover{
	background-image:		url(../images/yellowlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px   0px   15px;
}
#sitemap .sitemap2{
	text-align:			left;
	font-weight:			bold;
	margin-left:			32px;
	padding-top:			1px;
}
#sitemap a.sitemap2{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/greenlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px   0px   15px;
	white-space:			nowrap;
	color:				#495A3D!important;
}
#sitemap a.sitemap2:hover{
	background-image:		url(../images/bluelink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px   0px   15px;
}
#sitemap .sitemap3{
	text-align:			left;
	margin-left:			50px;
	padding-top:			0px;
}
#sitemap a.sitemap3{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/yellowlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px   0px   15px;
	white-space:			nowrap;
	color:				#0C3370 !important;
}
#sitemap a.sitemap3:hover{
	background-image:		url(../images/redlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px   0px   15px;
}

/** Für Formulare und Shopseiten **/
/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border:					1px solid ;
	background-color:#fff;			#0C3370;
} 

/* 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: 540px;
	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: 270px;
}

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

/* 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;
}
/* für Haftzettel */
#postit{
	visibility:			hidden;
	z-index:			1000;
	cursor:				hand;
	position:			absolute;
	left:				250px;
	top:				50px;
	width:				253px;
	margin-left:			200px;
}
.sticky_note_container {
	float:				right;
	width:				253px;
	margin-right:			10px;
	margin-left:			40px;
}
.sticky_note {
	 width:				253px;
	 background:			url(../images/) repeat-y;
	 margin:			0px;
	 padding:			10px 0px 0px 10px;
}
.sticky_note_content {
	 padding:			10px;
	 color:				blue;
}
.sticky_note_footer {
	width:				253px;
	background:			url(../images/) 0% 100% no-repeat;
	margin:				0px;
	padding:			0px;
}