/* NAVI */
#bg_stripe	{ width:100%; position:relative; background: url(../images/streifen.gif) repeat-x top center;  }

#logo                   { width:100%; position:relative;  clear:left;}
#main #logo             { height: 325px;  background: url(../images/main.gif) no-repeat center 0px; }
#secondary_progr #logo  { height: 246px;  background: url(../images/secondary_webprogrammierung.gif) no-repeat center 0px;}
#secondary_design #logo { height: 246px;  background: url(../images/secondary_design.gif) no-repeat center 0px;}
#secondary_reports #logo{ height: 246px;  background: url(../images/secondary_reports.gif) no-repeat center 0px;}
#impressum #logo        { height: 246px;  background: url(../images/impressum.gif) no-repeat center 0px; }
#it_training #logo      { height: 246px;  background: url(../images/it_training.gif) no-repeat center 0px; }
#referenzen_all #logo   { height: 246px;  background: url(../images/referenzen.gif) no-repeat center 0px; }

#navi_content {
			width:500px; margin: 0  auto;  padding-left:0px; position:relative;   /* (width) Anz. Navi-Links x 100px */
			font-family:Verdana; font-size:13px; font-weight:bold;
}

#navi_content .inactive a, .active a
{
	width:100px; height:30px;
	display:block;
	text-align:center;
	float:left;
	text-decoration:none;
	padding-top:5px;
}

#navi_content .active   a 		{ color:#574A3F; }
#navi_content .inactive a 		{ color:#AB9C8F; }
#navi_content .inactive a:hover { color:#574A3F; }

/* Sub Navigation im main Bereich */
#sub_navi_web         { text-align:center; font-family:"Arial Narrow"; font-size:16px; font-weight:bold; width:100%; margin: 0 0 30px 0;}
#sub_navi_web a       { padding-right:40px; padding-left:40px;}
#sub_navi_web a       { text-decoration:underline; color:#574A3F;}
#sub_navi_web a:hover { text-decoration:none; }

#main_content, #footer, .row { margin: 0 auto; position:relative;}
#main_content, #footer       { width:900px; }
.row                         { width:100%; }

#main_content { height:300px;}

#main_content {
	font-family:"Verdana";
	font-size:0.8em;
	color:#3B1300;
}

#main_content[id]{min-height:300px; height:auto;}  /* IE */


#footer {
	/* display: block; */
	clear:right;
	padding-top:35px;
	font-family:"Arial Narrow";
	text-align: center;
	color: #9A9A9A;
	font-size: smaller;
}
.row {
	clear:left;
	padding-bottom:0px;
}

.border {
	/*background-color:#F0B543;*/
	padding:10px 6px 15px 8px;
	border-style:solid;
	border-width:thin;
	border-color:#CCCCCC;
}

/*  Wildcard für: div's mit einer id:  id="*row"
 *  div[id$='row'] {border:2px solid;}
 *  !! IE 6 geht nicht
 */

/* Überschriften */
.h1             { font-size:2.0em; }
.h2             { font-size:1.5em; font-weight:bold;}
.h3             { font-size:1.3em; font-family: "Arial Narrow"; color:#BC0658; margin-bottom:0px; margin-top:8px;}
.h1, .h2        { font-family: "Arial Narrow"; color:#BC0658; margin-bottom:10px;} /* kirschrot */

/* AKTIVER TOGGLE BEKOMMT EIN KREIS  */
/* alle div's mit id=div_tog* u. class=h1  !! IE6 incompatible !! */
/* div[id^="div_tog"].h1 { line-height:35px; text-decoration:none; background: url('../images/toggle_bg_circle.gif') no-repeat;} */

/* div's mit id=div_tog1 u. class=h1 */
div#div_tog1.h1, div#div_tog2.h1
{
	line-height:35px;
	margin-top:20px;		/* Abstand zum vorherigen Toggle */
	text-decoration:none;
	background: url('../images/toggle_bg_circle.gif') no-repeat;
}


/* Links */
a                      { text-decoration:underline; color:#0347D1;}   /* blau */
a:hover                { text-decoration:none;}
#footer a.dezent, .dezent       { text-decoration:none;      color: #9A9A9A;}  /* hell-hellgrau */ 
a.tog1_cont1           { text-decoration:none;      color:inherit;}
#roundedbox a          { text-decoration:underline; color: #0347D1;}  /* blau */
span#details1_main_content             { color:#0347D1; }
span#details2_main_content             { color:#0347D1; }

/* Images */
img                  { border:none }
.toggle_bg285x35 img { margin-left:135px; }
.toggle img, .h1 img { margin-left:8px; margin-right:10px;}
.referenzen img      { vertical-align:text-bottom;  margin-right:5px; margin-left:10px;}
.referenzen          { height:21px;}

#details1_main_content, #details2_main_content 
			{font-size:15px; color:#3B1300; font-weight:normal; padding-left:20px; text-decoration:underline;}
li          { margin-bottom:5px; }
.miniheader { padding-top: 5px; padding-bottom:3px; font-weight:bold; cursor:pointer; text-decoration:underline; vertical-align:middle;}
.miniheader2 { font-size:1.1em; font-weight:bold; margin-bottom:3px; margin-top:7px;}
.hinweis    {color: #9A9A9A; font-size:10px;}
.details    { font-size:15px; color:#0347D1; font-weight:normal; padding-left:20px; text-decoration:underline; }

.toggle { 
			font-family: "Arial Narrow";
			font-size:1.5em;
			color:#BC0658;
			line-height:25px;
			text-decoration:none;
			margin-bottom:0px;
	border: 1px solid #e6e6e6; 
}


/* TOGGLE backgrounds */
.toggle_bg285x35 {
	height:35px;
	line-height:35px;
	width: 265px;
	background: url('../images/toggle_bg285x35.gif') no-repeat;
	margin: 10px 0 10px 0;
	padding-left: 20px;
	font-size: 1.1em;
	font-weight:bold;
	clear:left;
}

/* C O N T A I N E R   und Toggle */
#slide_container0 { margin-top:30px; }

#slide_container1_1,
#slide_container1,
#slide_container2
{ 
	display:none;
	margin-bottom:15px;
}

#slide_container_refA1,
#slide_container_refA2,
#slide_container_refA3,
#slide_container_refA4,
#slide_container_refA5,
#slide_container_refB1,
#slide_container_refB2,
#slide_container_refProg1,
#slide_container_refProg2,
#slide_container_refProg3,
#slide_container_refProg4,
#slide_container_refProg5,
#slide_container_refProg6,
#slide_container_refProg7,
#slide_container_refProg8
{	display:none;
	margin-left:41px;
	margin-bottom:0px;
	font-size:11px;
}

#merchant_content, #sidemap_content
{ display:none;}



#toogle1 {margin-top:20px;}
#toogle2 {margin-top:20px;}

#tog_refA1,
#tog_refA2,
#tog_refA3,
#tog_refA4,
#tog_refA5,
#tog_refB1,
#tog_refB2,
#tog_refProg1,
#tog_refProg2,
#tog_refProg3,
#tog_refProg4,
#tog_refProg5,
#tog_refProg6,
#tog_refProg7,
#tog_refProg8,
#div_tog1,
#div_tog2
{
	 cursor:pointer;
}

/* S P A L T E N  */
.col1, .col2, .col3, .col50span1, .col50span2, .col70span1, .col70span2, .col30span1, .col30span2
				{ margin-top:0px; margin-bottom:0px; text-align:left;}
.col1, .col2    { width:32%; float:left; margin-right:1.8%;}
.col3           { float:right; width:32%; }

/* 2-spaltiges Layout 50/50 */
.col50span1          { width:48%; float:left; margin-right:3.8%; }
.col50span2          { float:right; width:48%; }
/* 2-spaltiges Layout 70/30 */
.col70span1          { width:68%; float:left; margin-right:3.8%; }
.col70span2          { float:right; width:28%; }
/* 2-spaltiges Layout 30/70 */
.col30span1          { width:28%; float:left; margin-right:3.8%; }
.col30span2          { float:right; width:68%; }

#desc .col50span1, #desc .col50span2, #desc .col70span2 {
	font-style:italic;
}

#roundedbox {
	background:#574A3F;
	color:#F6E6D7;
	background:#CEF3E7;
	color:#574A3F;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px; 
	padding-bottom: 8px;
	font-size:0.85em;
	font-family:"Verdana";
	text-align:center;
}

/*  Infobox 
#roundedbox img { position:absolute;}
#roundedbox img.eck1 { top:0; left:0; }
#roundedbox img.eck2 { top:0; right:0; }
#roundedbox img.eck3 { bottom:0; left:0; }
#roundedbox img.eck4 { bottom:0; right:0; }

#roundedbox { position:relative;}
#roundedbox {
	background:#574A3F;
	color:#F6E6D7;
	background:#CEF3E7;
	color:#574A3F;
	padding-left:10%;
	padding-right:5%;
	padding-top: 1px;    */ /* Abstand von Eckgrafik 
	padding-bottom: 10px;
	position:relative;
	font-size:0.85em;
	font-family:"Verdana";
}
*/