/* 1. Seiten-CSS, Positionierung */

body {margin: 0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #A70D01; text-align: center; }
.bodykursiv {padding: 0px 40px 0px 40px; font-family: Arial, Helvetica, Verdana, sans-serif; font-style: italic;  color: #000080;}

/* 2. Kopf  */

#kopf 				{width: 700px; padding: 60px 0 10px 0}
#kopf a				{text-decoration:none; font-family: verdana, sans-serif; font-size: 11px; color: #999; font-weight: bold; margin: 0; padding: 0}
#kopf *				{padding: 0 !important; margin: 0 !important; border: 1px solid white}
#kopf a:link 		{ }
#kopf a:visited 	{ }
#kopf a:active 		{ }
#kopf a:hover 		{ color: #FF0000;  }

/* Auflistungen */

UL   { font-family: arial, verdana, times; font-size: 14px; line-height: 1.5em;  color: #000000; }
OL   { font-family: arial, verdana, times; font-size: 14px; line-height: 1.5em;  color: #000000; }

/* Seitenlayout */

#wrapper {
	position: relative;
	text-align: left;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding: 50px 0 0 0;
	background-image: url(images/logo-werbebriefe.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 2px solid #722100;
	border-right: 2px solid #722100;
	border-bottom: 2px solid #722100;
	background-color: #fff;
}

/* Inhalt */

#inhalt 	{ width: 645px; float: right; padding: 0 30px 0 0; border: 0px solid red; }
#inhalt h1 	{ font-family: arial, helvetica, verdana, sans-serif; font-size: 24px; color: #FF0000; padding: 0;margin: 0 }
#inhalt h2 	{ font-family: arial, helvetica, times, verdana, sans-serif; text-align: center; font-size: 18px; color: #000080; , background-color: transparent;}
#inhalt h3 	{ font-family: arial, helvetica, times, verdana, sans-serif; text-align: center; font-size: 16px; color: #940D1E; , background-color: transparent;}
	 
#inhalt p 	{ font-family: arial, verdana, times; font-size: 14px; line-height: 1.4 em; color: #000; }

.textbox { padding: 2px 4px 2px 6px;  margin: 15px 0.5em 10px 0.5em; border: 2px dotted #cc3300; }
.textbox1 { text-align: center; padding: 2px 4px 2px 6px;  margin: 15px 0.5em 10px 0.5em; border: 2px dotted #cc3300; background: #ffcc99; }


.textboxgelb { padding: 2px 12px 2px 12px;  margin: 15px 1.5em 10px 1.5em; border: 1px solid #cc3300; background: #FFFF99}
.textboxtabblau { padding: 2px 10px 2px 10px;  margin: 15px 0.5em 10px 0.5em; border: 0px dotted #cc3300; background: #cc3300}
.textboxtabgelb { padding: 2px 20px 2px 20px;  margin: 15px 0.5em 10px 0.5em; border: 2px dotted #cc3300; background: #ffff99}

A:link    		{ color: #0000FF; }
A:visited 		{ color: #000099; }
A:active  		{ color: #000099; }
A:hover   		{ color: #FF0033; }



/* Navigation links */


#links 			{ float: left; width: 0px; padding: 0 0 0 30px; border: 0px solid black; }
#links a:link 	{ text-decoration:none; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: #0000ff;  }
#links a:visited{ text-decoration:none; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: #0000ff;  }
#links a:active	{ text-decoration:none; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: #0000ff;  }
#links a:hover 	{ text-decoration:underline; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: #940D1E; }
#links h4 	{ font-family: arial, helvetica, times, verdana, sans-serif; font-size: 14px; color: #940D1E; padding: 0; margin: 0 }

.navi 			{ margin-top: 10px; }
.navi div 		{ padding-top: 2px; padding-bottom: 2px; }
.navi div 		{ border-bottom: 1px solid #940D1E; }


/* Spalte rechts */

#rechts 	{ float: right; width: 160px; margin-right: 10px; margin-left: 10 px; position: relative; border: 0px solid red; }
#rechts h3 	{ font-family: arial, helvetica, times, verdana, sans-serif; font-size: 14px; color: #940D1E; padding: 0 0 5px 5px; margin: 0 }
#rechts h4 	{ font-family: arial, helvetica, times, verdana, sans-serif; text-align: center; font-size: 14px; color: #940D1E; padding: 5px 0 5px 5px; margin: 0 }

#rechts p 	{ font-size: 12px; text-align: left;}
#rechts img	{ border: solid; border-width: 1px;  align:center; margin-right: 0px; float: none; }

#rechts a:link 	{ text-decoration:none; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: #0000ff;  }
#rechts a:visited{ text-decoration:none; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: #0000ff;  }
#rechts a:active	{text-decoration:none; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: #0000ff;  }
#rechts a:hover 	{text-decoration:underline; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: #940D1E; }


/* box rechts */

.adbox { padding: 2px 4px 2px 6px;  margin: 0 0.5em 10px 0.5em; border: 1px dotted #000080;, background-color: #FFFFFF;}
.img {border: solid; border-width: 1px; margin-right: -10px;  }

/* testimonialbox rechts */

.testimonialbox 		{ padding: 2px 4px 2px 6px;  border: 1px solid #000080; background-color: #ffffcc;}
.testimonial box img 	{ border: solid; border-width: 1px; margin-right: -10px;  }
.testimonialbox h1 		{ font-family: arial, helvetica, verdana, times, sans-serif; font-size: 14px; font-weight: bold; color: #940D1E; }
.testimonialbox p 		{ font-family: arial, verdana, times; font-size: 12px; line-height: 1.4em; padding-bottom: 3px; text-align: left;  color: #000; }




/* Fusspromotion */

#fusspromo 		{ width: 470px; float: left; padding: 0 25px 0 20px; border: 0px solid blue; }
#fusspromo p 	{ font-size: 14px; text-align: left;}

#fusspromo a:link 	{ text-decoration:none; font-family: verdana, sans-serif; font-size: 14px; color: #0000FF;  }
#fusspromo a:visited { text-decoration:none; font-family: verdana, sans-serif; font-size: 14px; color: #0000FF;  }
#fusspromo a:active 	{ text-decoration:none; font-family: verdana, sans-serif; font-size: 14px; color: #0000FF; }
#fusspromo a:hover 	{ text-decoration:none; font-family: verdana, sans-serif; font-size: 14px; color: #FF0033;  }






/* Fuss */

#fuss 			{ clear: both; padding: 0 0 0 0; 	font-size: 12px; color: #AAAAAA; background-color: transparent; }

#fuss a:link 	{ text-decoration:none; font-family: verdana, sans-serif; font-size: 11px; color: #999; font-weight: bold; }
#fuss a:visited { text-decoration:none; font-family: verdana, sans-serif; font-size: 11px; color: #999; font-weight: bold; }
#fuss a:active 	{ text-decoration:none; font-family: verdana, sans-serif; font-size: 11px; color: #999; font-weight: bold; }
#fuss a:hover 	{ text-decoration:none; font-family: verdana, sans-serif; font-size: 11px; color: #940D1E; font-weight: bold; }




/* Tabellen */

.datatable 		{ border: 0px solid #338BA6; border-collapse: collapse; width: 100%; }
p, td, th 		{font-family: arial, verdana, times, sans-serif; font-size: 12px; line-height: 1.5em;}
.datatable th 	{ width: 20%; }
.datatable td, .datatable th {border: 0px solid #73C0D4; padding: 4px;}



/* Bilder */

img 			{ border: solid; border-width: 1px; margin-right: 10px; float: left; }
img.noborder   	{ border: none !important; border-color: white !important }
img.center 		{border: none; margin-right: auto !important; margin-left: auto !important; }
img.centerb 	{border: solid; border-width: 1px; margin-left: 8px;}



/* Kann wahrscheinlich weg */

form 			{ background-image: url(i/formbg.png); }

/* Formulare */
label 			{ float: left; width: 160px; font-weight: bold; color: #000080; padding: 0px; }