/* Standard-CSS für dachdecker-reichelt.de */

/* Abstände aller Elemente werden auf Null gesetzt */
html, body, div, p, h1, h2, h3, ol,
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
   color: #555;
   font-size: 13px;
   line-height: 1.3em;}
}

/*  Formatierung weiterer Elemente */
html, body {
   font-size:101%;
         height:100%;
}

legend {
   color: #888;
   cursor: default;
   font-size: 13px;
}

fieldset {
   cursor: default;
}

img {
   border-width:0px;
}

input {
   font-size:12px;
   background-color:#f5f5f5;
   border-style:solid;
   border-width:1px;
   border-color:#ccc;
}

textarea {
   font-size:12px;
   background-color:#f5f5f5;
   border-style:solid;
   border-width:1px;
   border-color:#ccc;
}

ul, li {
margin-bottom: 5px;
}

body {
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
	background-color:#667079;
	margin: 40px auto 0px auto;
	background-position:top center;		
}

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:650px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:0px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	border:1px solid #494e52;
	background-color:#838d96;
	padding:8px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
	z-index:1;
}

ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#464c54;
	color:#fff;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
	background-image:url(images/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-image:url(images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #464c54; 	
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: #666; 
	background-image:url(images/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}

.content ul li a:hover {
	color:#D55049;
}

.foto {
	background-color: #d6dde0;
	padding: 10px;
	align: center;
}

li:last-child {
	border-bottom:none;
	padding:0px;
}

.bottom { font-size:9px; }
.bottom a:link 	   { font-size:9px; }
.bottom a:visited  { font-size:9px; }
.bottom a:active   { font-size:9px; }
.bottom a:hover    { font-size:9px; }

.bottom_left { float:left; width:50%;
}

.bottom_right { 
	float:right; text-align:right; width:50%;
}

#header h1, #header h2 { display: none; }

#logo {
	position:relative;
	height:98px;
	width:435px;
	background: url(../images/header.jpg) no-repeat top left;
}