/* ============= BODY DEFINITION =============*/
body {
	background-color:#bec6d5;
	height: 888px;
	width: 100%;
	margin: 0;
}

/* =============================== Hauptbereiche Positionierung====================================*/
#header {
	background-image: url(common_i/background_header.jpg);
	background-repeat: repeat-x;
	width: 927px;
	height: 95px;
	margin: 0 auto;
}

#content {
	height: auto;
	width: 927px;
	overflow:auto;
	background-image: url(common_i/background_content.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	position:relative;
	top:0px;
}





#content_information {
	height: auto;
	float: left;
	background-color: #FFFFFF;
}

#footer {
	background-image: url(common_i/background_footer.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #787878;
	text-align: center;
	height: 35px;
	margin: 0 auto;
	padding-top: 4px;
	width: 927px;
	float: left;

}
/* ------------------- Hauptbereiche Positionierung Ende -----------------------*/



/* ==============================Hauptnavigation - obere Reihe =======================================*/
#header_mainnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	padding-top: 60px;
	padding-right: 27px;
	padding-bottom: 7px;
}


#header_mainnav a:link,
#header_mainnav a:visited,
#header_mainnav a:active {
	color:#FFFFFF;
	text-decoration:none;
}



/* ======================== Hauptnavigation - untere Reihe ============================*/
#header_subnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #636363;
	text-align: right;
	padding-right: 27px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#header_subnav a:link,
#header_subnav a:visited,
#header_subnav a:active {
	color: #636363;
	text-decoration:none;
	padding-right:0px;
}

/* ------------------------------ Ende Hauptnavigation ------------------------------*/





/* =========================== Pfad =======================================*/
#content_information_header {
	vertical-align: middle;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	padding-left: 22px;
	width: 503px;
	background-image: url(common_i/background_content.jpg);
	overflow: visible;
	background-position: top center;
	background-repeat: repeat-y;
	margin-bottom: 7px;
}

#content_information_header a:link,
#content_information_header a:visited,
#content_information_header a:active {
	color:#0000c0;
	text-decoration:none;
	padding-right:0px;
}
/* ---------------- Ende Pfad---------------------*/



/* ==================== Empfehlen-Box in rechter Spalte================== */
#content_empfehlungen {
	background-image: url(common_i/background_content_right.jpg);
	height: auto;
	width: 201px;
	position: relative;
	top: 10px;
	background-repeat: repeat-y;
	background-position: right;
	float: right;
	background-color: #F7F7F7;
}

#content_empfehlungen_box {
	padding-left: 19px;
	width: 164px;
	height: auto;
	background-image: url(common_i/empfehlungen_mitte.gif);
	background-repeat: repeat-y;
}
#content_empfehlungen_box a:link,
#content_empfehlungen_box a:visited,
#content_empfehlungen_box a:active,
#content_empfehlungen_box_engl a:link,
#content_empfehlungen_box_engl a:visited,
#content_empfehlungen_box_engl a:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	font-weight: bold;
	text-decoration:none;
	padding-left: 0px;
	background-image: url(../../style.css);
	float: none;
	width: 150px;
}

#content_empfehlungen_box_engl {
	padding-left: 19px;
	width: 164px;
	height: auto;
	background-image: url(common_i/empfehlungen_mitte.gif);
	background-repeat: repeat-y;
}
/* ------------------------- Box 1 rechte Spalte Ende ---------------------------- */

/* ========================== Werbebox Testimonials ============================== */
#content_werbe {
	background-image: url(common_i/background_content_right.jpg);
	height: auto;
	width: 201px;
	position: relative;
	top: 38px;
	background-repeat: repeat-y;
	background-position: right;
	float: right;
	background-color: #fbfbfb;
}
#content_werbe_box {
	padding-left: 19px;
	padding-right:19px;	
	width: 150px;
	height: auto;
	background-image: url(common_i/werbe_mitte.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}
/* ------------------------------ Werbebox Testimonials Ende --------------- */


/* ========================== Box Tagcloud ============================== */
#content_tagcloud {
	background-image: url(common_i/background_content_right.jpg);
	height: auto;
	width: 201px;
	position: relative;
	top: 38px;
	background-repeat: repeat-y;
	background-position: right;
	float: right;
	background-color: #fbfbfb;
}
#content_tagcloud_box {
	padding-left: 19px;
	padding-right:19px;	
	width: 150px;
	height: auto;
	background-image: url(common_i/tagcloud_mitte.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
}

#content_tagcloud a:hover {background-color:white; text-decoration:underline; }

/* ------------------------------  Box Tagcloud Ende --------------- */



/* ========================== Referenzen Box  ============================== */
#content_referenz {
	background-image: url(common_i/background_content_right.jpg);
	height: auto;
	width: 201px;
	position: relative;
	top: 38px;
	background-repeat: repeat-y;
	background-position: right;
	float: right;
	background-color: #fbfbfb;
}
#content_referenz_box {
	padding-left: 19px;
	padding-right:10px;	
	width: 150px;
	height: auto;
	background-image: url(common_i/empfehlungen_mitte.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

#content_referenz_box h1 
{
font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	color: #525252;}
	
img.referenzlinie {
width: 150px;
height: 1px;
margin-top:0px;
margin-bottom:6px;
marging-left:-2px;}	
/* ------------------------- Referenzenbox Ende --------------- */	
	

/* ================= Banner Benutzertester werden ==================*/	
#content_empfehlungen_banner {  // Werden Sie Benutzbarkeitstester-Banner
  padding-top: 20px;
	padding-left: 12px;
	position: relative;
	top: 10px;
}

#content_empfehlungen_banner img {
  border: none;
}
/* ------------------------- Banner Benutzertester werden Ende --------------- */	


/* =========================== Navigation 2. Ebene (left)======================= */
#content_navigation {
	height: auto;
	width: 186px;
	padding-left: 15px;
	background-image: url(common_i/background_content.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #333333;
	float: left;
}

#content_navigation a:link,
#content_navigation a:visited,
#content_navigation a:active {
	color: #636363;
	text-decoration:none;
	padding-left: 0px;
	background-image: url(common_i/spacer.gif);
	float: none;
	background-repeat: no-repeat;
}
#content_navigation a:hover {
	color: black;background-color:white;}

#content_navigation a.aktiv {color:#030303;}
#content_navigation a:link.aktiv {color:#030303;font-weight:bold;}
#content_navigation a:visited.aktiv {color:#030303;font-weight:bold;}
#content_navigation a:active.aktiv {color:#030303;font-weight:bold;}
/* ------------------------------------------ Navigation 2. Ebene (left) Ende ----------------------- */





#content_index a:link,
#content_index a:visited,
#content_index a:active {
	text-decoration:none;
	padding-right:0px;
	color: #000099;
}



/* ============================ Inhaltsbereich ====================================== */

#inhalt {
	height: auto;
	background-color: #FFFFFF;
	text-align: left;
	width: 505px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #1a1a1a;
	padding: 4px 7px 10px 13px;
	min-height:300px;
}

img.trennlinie {
margin-top:4px;
margin-bottom:4px;}



	
#inhalt a:link,
#inhalt a:visited,
#inhalt a:active {
	font-size:1em;
	color: #0000c0;
	text-decoration:none;
	font-weight: normal;
	padding-right:0px;
	font-family: Arial, Helvetica, sans-serif;
}

#inhalt h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #dd6f00;
	margin: 12px 0 2px 0;
}
#inhalt h2 a:link,
#inhalt h2 a:visited,
#inhalt h2 a:active {
	font-weight:bold;
	color: #0000a0;
	text-decoration:none;
	padding-right:0px;
	font-family: Arial, Helvetica, sans-serif;
}

#inhalt h3 {font-size:1.1em;margin-bottom:2px;margin-top:3px;color: #dd6f00;}
#inhalt h3 a:link,
#inhalt h3 a:visited,
#inhalt h3 a:active {
	font-size:1.2em;
	font-weight:bold;
	color: #0000c0;
	text-decoration:none;
	padding-right:0px;
	font-family: Arial, Helvetica, sans-serif;
}

#inhalt h4 {font-size:1em;margin-bottom:2px;margin-top:3px;}
#inhalt h4 a:link,
#inhalt h4 a:visited,
#inhalt h4 a:active {
	font-size:1em;
	font-weight:bold;
	color: #0000c0;
	text-decoration:none;
	padding-right:0px;
	font-family: Arial, Helvetica, sans-serif;
}
#inhalt p {font-size:1em;margin-top:1px; margin-bottom: 1px;}

.mussfeld
	{background-color:#FFFF99;}
	
#inhalt ul {list-style-image:url(common_i/listdreieck.gif)}


/* --Textbox im Inhaltsbereich-- */
.textbox {
font-size:0.9em;
border-color: #aeaeae;
border-width:1px;
border-style:solid; 
padding:2px;
margin-bottom:5px;
padding-right:3px;
}

.textbox a:link,
.textbox a:visited,
.textbox a:active  {
text-decoration:none; font-weight:normal !important;}

#footer a:link,
#footer a:visited,
#footer a:active {
	color:#787878;
	text-decoration:none;
}

/* 
#inhalt a.content_headlines_small:link,
#inhalt a.content_headlines_small:visited,
#inhalt a.content_headlines_small:active {
	color: #000099;
	text-decoration:none;
	padding-right:0px;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} */




/* ======= Bilder Rahmen ======= */
.rahmen {
	
	border-color: #aeaeae;
	border-width:1px;
    border-style:solid; 
	padding:0px;
	margin: 2px;
}
/* ================================================= Inhaltsbereich Ende ==================================================== */



/* ======= Suchfeld ======= */
.suche {
	padding-left: 16px;
}

/* ======= ??? ======= */
.ref_kopf {
	vertical-align: middle;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	padding-left: 22px;
	width: 504px;
	background-image: url(common_i/ref_head.jpg);
	height: 32px;
	padding-top: 8px;
	margin: 0;
}

.ref_inhalt {
	padding-left: 22px;
}

/* ======== CAPTION STYLES ========== */
#content_information h1 {
	vertical-align: middle;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	padding-left: 22px;
	width: 503px;
	background-image: url(common_i/content_caption.jpg);
	height: 32px;
	padding-top: 13px;
	margin: 0;
}