/* Allgemein ================================================================== */

/*       height 102% to force a scrollbar to prevent page jumping */
html { 	height:102%; margin: 0 0 0 0; padding:0 0 0 0; }

* {margin:0;padding:0;}
td {vertical-align: top;} 

#preload { display: none; }
#preload img {
	height: 0; width: 0; border: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}
.wichtig,
.hide    		{ display:none; }
.show    		{ display:block; }
.block   		{ text-align:justify; }
.bold    		{ font-weight: bold; }
.red     		{ color: red; }
.green     	{ color: green; }
.black   		{ color: black; }
.white		{ color: white; }
.sbig    		{ font-size: 110.01%; }
.aboutright  { border: 0px solid blue; width:300px;margin-left:430px; }
.aboutright2 { border: 0px solid blue; width:400px;margin-left:330px; }
.aboutright3 { border: 0px solid blue; width:500px;margin-left:230px; }
.tright  	 { text-align:right; }
.eingerueckt { padding-left:30px; list-style-image:url(http://demo01.binaryco.de/images/minidot8x8-18.gif);}
.thbg             { background-color:#dddddd;padding-left:10px; }
.even		 { background-color:#eeeeee; }
.left             { width:200px; }
.lefttab       { width:200px;padding-left:40px; }
.fbutton       { height:22px; }
.tdheight     { height:22px; }
#oben_rechts { position:relative; float:right; width:300px; height:30px; border: 0px solid red; text-align:right; margin-right:30px; margin-top:20px;}
a.obre { text-decoration:none; font-size:24px; font-weight: bold; color: white; }
a.obre:hover { color:red; }


body {
     	margin:  	0;
        padding: 	0;
		font:   	90.01% Verdana, arial, hevetica, sans-serif;
		color:  	#565656;
        background: black url(http://binaryco.de/images/dompark/design02/bg.jpg) repeat-x;
        text-align: center;
}

div {	text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbuendig ausgerichtet sind */}


h1, h2, h3, h4, h5 { font-weight:bold; font-family:Verdana, arial, hevetica, sans-serif;; }

/* h2 sind die Kategorie-Ueberschriften, z.B. +++ Kunst +++ */
h2, h3, h1 { font-size: 			20px; 
	color:				#2D0059;/*Lila*/ 
	margin-top:			20px; 
	padding: 			10px 10px 10px 10px;
	background: 		transparent url(http://binaryco.de/images/dompark/design02/sub_oben.jpg) top left no-repeat;
}
h1 {
    font-size: 			24px;
    font-style:			italic;
	color: 				#000062; /* dunkles Blau */
    margin-bottom:		0px;
    margin-top:			5px;
}
h1 span { display:none; }
h3 { font-size: 18px; color:#255F7A;/* blaugruen */ }
h5 { margin:				-5px 0 0 0;
	padding: 			5px 10px 10px 20px;
	color:				blue; 
	font-style:			italic;
	font-size:			100%;
	background-color: 	#f2f2f2; 
	border-left: 		1px solid #c3c3c3; 
	border-right: 		1px solid #c3c3c3;
}
h4 { background: transparent url(http://binaryco.de/images/dompark/design02/sub_unten.jpg) bottom left no-repeat; } 
img.markdown    { 
	border: 			1px solid #c3c3c3; 
	height:				130px; 
	width:				200px; 
	margin: 			0 3px 0 3px; 
	border-top: 		1px solid #c3c3c3; 
	border-bottom: 		1px solid #c3c3c3;
}
img.bg { border: 0; }
#inner img { border: 0; width: 200px; max-height: 110px;}

.bslidhigh { height:380px; }
.bsildwidth { width:925px; }
.bnext { position: absolute; top: 0; left:0px; border:0; overflow:hidden;}
.bslide { position: relative;border:0; top:0; left:0px;overflow:hidden;}
.bprog  { position: relative;border:0; top:-35px; width:100px; height:15px;left:58px;}
#slidecont { position: relative;overflow:hidden;z-index:0; margin-left:50px; width:925px;}




a 			{background-color:transparent; outline:none; color:#ab0751; font-style:italic;}  /* outline: none; == against Ameisen */

ul 			{list-style-image:url(http://demo01.binaryco.de/images/list10x10-kugel15.gif); }
p 			{
	padding: 			0 10px 0 20px;
	background-color: 	#f2f2f2; 
	border-left: 		1px solid #c3c3c3; 
	border-right: 		1px solid #c3c3c3;
}


#background { width:102%; height:200%; position: absolute; z-index: -1; top: 0; left:-5px; }

#container {

		width: 			1024px;					/* GESAMTBREITE */
        min-width:		1024px;
        margin: 		0 auto;
        margin-top: 	0px;
		background: 	transparent;
}
* html #container {height:1%; }

.inner_with { width: 924px; }					/* GESAMTBREITE minus left+right_border  */


#scroll { font-size: 1px; }
/* left_border + wrap_main_and_left + right_border ==> muss breite von container ergeben */
.left_border_2   { background: transparent url(http://binaryco.de/images/dompark/framelib/frame3/links.png) top left repeat-y;}
.right_border_2 { float:left; width:100%; background: transparent url(http://binaryco.de/images/dompark/framelib/frame3/rechts.png) top right repeat-y;}


/* left_border + wrap_main_and_left + right_border ==> muss breite von container ergeben */
.left_border   { background: transparent url(http://binaryco.de/images/dompark/framelib/frame3/links.png) top left repeat-y;}
.right_border { float:left; width:100%; background: transparent url(http://binaryco.de/images/dompark/framelib/frame3/rechts.png) top right repeat-y;}

/* hier border breite links und rechts einstellen */
.left_border_width   { margin-left:  50px; }		
.right_border_width { margin-right: 50px; }
.border_high 		{ height: 50px; }
.border_corner_width{ width:  50px; }
.border_pre 			{ clear: both; }

/* ie okay
.some_up                     { position:relative; top: 60px; }
.some_up_2                  { position:relative; top: 15px; }
.some_up_3                  { position:relative; top: -10px; }
.some_up_4                  { position:relative; top: 15px; }
*/

.some_up                     { position:relative; top: -10px; }
.some_up_2                  { position:relative; top: -50px; }
.some_up_3                  { position:relative; top: -10px; }
.some_up_4			{ position:relative; top: -20px; }



#wrap_main_and_left {
		background-color: white;
		/*background:  	  transparent url(http://binaryco.de/images/dompark/design02/transparent_white_50.png) repeat;*/
		border-top:		  2px solid white;
		border-left:   	  2px solid white;
		border-right:  	  2px solid white;
		border-bottom: 	  2px solid white;
		width:			  922px;	/* width + border = container - left_border - right_border */
}

/* clearfix zum Aufheben der Floatumgebung */
.clearfix:after {
	content: 		".";
	display: 		block;
	height: 		0;
	clear: 			both;
	visibility: 	hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.tl2 {/* top left      */ position: relative; float:left; background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/kreis.png)    top left     no-repeat;}
.tm2 {/* top middle    */ position: relative; float:left; background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/oben.png)                     repeat-x;}
.tr2 {/* top right     */ position: relative; float:right;background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/kreis.png)    top right    no-repeat;}

.tl {/* top left      */ position: relative; float:left; background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/kreis.png)    top left     no-repeat;}
.tm {/* top middle    */ position: relative; float:left; background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/oben.png)                     repeat-x;}
.tr {/* top right     */ position: relative; float:right;background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/kreis.png)    top right    no-repeat;}
.header_mid_high { height: 380px; }
#header 	{
         height: 		50px;		/* gleiche Hoehe wie Border */
         background-color: 	transparent;
}

div.langswitch {
		position:		relative;
		margin-top:		23px;
        bottom:			0;
        right:			0;
        padding:		0px 5px 3px 0;
        height:			23px;
        width:			75px;
        text-align:		right;
        border:       	0px solid white;
        float:			right;
        display:		inline;
}

a.langswitch     { display: inline; outline: none;}
img.langswitch  { position:relative;float:left;padding-left:5px;border:0; }


#headerrinc__ {
		position:		relative;
		margin-left: 	60px;
        width:			157px;
        height:			261px;
        background:		transparent url(../images/transp_wh3.png) repeat;
         /*background:transparent url(../images/transp_grau.gif) repeat; */
        z-index:		44;
        border: 		0px solid yellow;
        float:			left;
}

#logo {  /* innerhalb von header, linke Seite */
         position: 		relative;
         margin-top:	0px;		/* margintop statt top, wegen IE7 */
         left:			15px;
         width:			180px;
         height:		70px;
		 float:			left;
         background:  	transparent url(http://binaryco.de/images/dompark/design02/BICO_Logo.png) left top no-repeat;
         border: 		0px solid red;
}

#statusbar, #statusbar1 {   /* Statusbar, optional */
		position: 			relative;
        height:				25px;
        background-color:	red;
        font-size:			14px;
        font-weight:    	bold;
        color:				white;
        border-top:			2px solid black;
        border-bottom:		2px solid black;
                      	  /* oben rechts unten links */
		padding:	      	3px 20px 1px 20px;
        overflow:			hidden;
        clear:				both;
}


#mainbox {
        border:0; margin:0; padding:0;
     /*  width:       		703px; */  /* 1024 - 217 px   minus 4px wegen wrap_main_and_left border  */
									 /* minus left+right_border  */
     /*  margin-left: 		217px; */
		
		width:				922px;  /* nur main */
        height:  			100%;
        background-color: 	transparent;
}

#contents {
        overflow:			hidden;
        padding:			20px 20px 20px 20px;
        z-index:			4;
}
#inner { height:1%;} /* to avoid the IE6 3 pixel jog bug - sonst ist text nach float um 3px versetzt */


div.textblock,  div.textblock2 {
             	  /* oben rechts unten links */
		margin:	      10px 0px 20px 0px;
		display:      block;
		padding:      0;
		text-align:   left;
        border:		  0px solid blue;
}
div.textblock2 ul, div.textblock ul {
        line-height: 			1.5em;
		text-indent: 			2px;			/* Listen-Element-Einrückung !!! */
		list-style-position: 	outside;
		list-style-type: 		disc;
        margin-left:			15px;
}
div.textblock2 h2, div.textblock h2 { padding-bottom: 10px; padding-top: 15px; }
div.textblock2 {  margin-right: 50px; }		    /* Einziger Unterschied zw. textblock + textblock2  */


#footer, #footer2 {
        clear: 			both;
        height: 		25px;
        border-top: 	1px solid gray;
        font-weight:	bold;
        font-size:		11px;
        font-family:	veranda, Arial,Helvetica;
        text-decoration:none;
        text-align: 	center;
        color: 			#bbbbbb;
        padding-top:	 3px;
        padding-right:  15px;
        padding-left:   15px;
        padding-bottom:  5px;
        overflow:		hidden;
        z-index:		3;
}
.bl2 {/* bottom left   */ position: relative; float:left; background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/kreis.png)    bottom left  no-repeat;}
.bm2 {/* bottom middle */ position: relative; float:left; background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/unten.png)                    repeat-x;}
.br2 {/* bottom right  */ position: relative; float:right;background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/kreis.png)    bottom right no-repeat;}

.bl {/* bottom left   */ position: relative; float:left; background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/kreis.png)    bottom left  no-repeat;}
.bm {/* bottom middle */ position: relative; float:left; background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/unten.png)                    repeat-x;}
.br {/* bottom right  */ position: relative; float:right;background:transparent url(http://binaryco.de/images/dompark/framelib/frame3/kreis.png)    bottom right no-repeat;}

#footer, #footer2 { 
		margin-top: 	0px;
		border-top: 	0px solid gray;	
		position:		relative;
		top:			-50px;
}
#footer2 { top: -80px; }


#footer a, #footer2 a {outline: none;font-weight:bold;font-family:Veranda,Arial,Helvetica;text-decoration:none;background-color:transparent;color:#bbbbbb;vertical-align:bottom;}
#footer a:hover, #footer2 a:hover {background-color:transparent;color:#ec7405; /* orange */font-weight:bold;}



#agb        #navagb a,
#banner     #navban  a,
#partner    #navpart a,
#impressum  #navimpr a,
#datenschutz #navdat a
{
         color: 		yellow; /* blue */
         font-weight:	bold;
         text-decoration:none;
         cursor:		default;
}





/* Menue Definitionen ========================================================= */

/* ###################### Menue oben ################### */
.menubar_height   { height:	25px;  }
.menu_item_width { width: 	184px; }

#menubar {     /* menubar: Menu */
		position: 			relative;
        border:0; padding:0;
        font-size:			0px;
        clear:				both;
		float:				left;
		clear:				none;
		display:			inline;
		background:  		transparent url(http://demo01.binaryco.de/images/transp_schwarz_70_grau_oben.png) left top repeat;
}

/* Menue-Tags, Ebene 1, oben - wenn selected */
#faq	        #nav17 a,
#neuigkeiten #nav16 a,
#ueber_uns	 #nav15 a,
#kontakt	 #nav14 a,
#galerie	 #nav13 a,
#produkte      #nav12 a,
#startseite	 #nav11 a
{
         color: 			red;           /* #ec7405;    dunkelorange */
		 background: 	  	transparent url(http://demo01.binaryco.de/images/menu-hover-sel.png) 2px bottom no-repeat;
         cursor:			default;
         float:				left;
}

div.mainnav, div.mainnav2 {
		position:		relative;
        padding:	    0;
		padding-top:	4px;
		margin:			0;
        overflow:		hidden;
        font-size:		12px;
        border:			0;
}
/* IE6 l?t in CPU Loop, wenn white-space:nowrap genutzt wird !!! */
* html div.mainnav{height:25px;} 		/* bis IE6 	*/
html>body div.mainnav { white-space:nowrap; } 	/* IE7, FF3 	*/
* html div.mainnav2{height:45px;} 		/* bis IE6 	*/
html>body div.mainnav2 { white-space:nowrap; } 	/* IE7, FF3 	*/


/* Menue oben */
a.mainnav, a.mainnav2 {
            /* oben rechts unten links */
        margin: 0px    0      0px     0;
				  /* oben/unten links/rechts */
		padding:  		1px      0px;
        font-size:		14px;
        font-weight:	bold;
		font-style:		normal;
        font-family: 	veranda,Arial, Helvetica, sans-serif;
        text-align: 	center;
        text-decoration:none;
        color:			white;
        border: 		0px solid black;
        float:			left;
        display: 		inline;
		outline: 		none;
}
a.mainnav { top: -2px; }
a.mainnav:link,
a.mainnav:visited {
		background-color: 	transparent;
        border-top:    		0px solid #000066;
        border-bottom: 		0px solid #000066;
}
a.mainnav:hover {   
		border: 0px solid red; color: #b8b8b8;
		overflow:			visible;
		z-index:			10;
		background: 	  	transparent url(http://demo01.binaryco.de/images/menu-hover.png) 2px -1px no-repeat;
}

a.mainnav2 {
		padding-bottom:	4px;
		padding-top:	25px;
		width: 			auto;
		font-size:		100.01%;
		float:			right;
		font-weight:	normal;
		color:			black;  
}

a.mainnav2:link,
a.mainnav2:visited {
		background-color: 	transparent;
        border-top:    		0px solid #000066;
        border-bottom: 		0px solid #000066;
}
a.mainnav2:hover {   background-color: transparent; border: 0px solid black; color: #ec7405; /* orange */ }






#mainleft {
		color: 			#2D5EAE; /* blue */
		padding-bottom:	5px;
		padding-top:	24px;
		position:		relative;
		float:			left;
		font-size:		18px;
}


/* ######################### Menue links ########################## */

#leftbar {
	/*float:left;
         margin-left:	 	60px;
         margin-right:	  	0px;
         margin-bottom:	 	35px;
         width:				157px;
         font-size:	 	 	14px;
         overflow:			hidden;
         background-color: 	transparent;
         color:		  		#565656;*/
}

#leftmenu {
         float:			left;
         margin:		0;
		 padding-top:	35px;
		 margin-left:	57px;
         width:			160px; /* siehe dazu #mainbox:    margin-left:217px ==> hier margin-left+width */
		 
		 width: 		0px;   /* nur main */
		 
         background-color: transparent;
         color:			#565656;
         font-size:		14px;
         font-family: 	veranda, Arial, Helvetica, sans-serif;
         z-index:	0;
		 overflow:		hidden;
         display:inline; /* wegen: double float margin bug IE6 - nimmt sonst das Doppelte von margin-left --> hier: 10px */
}

/* menu2 (links) ist mit Linien oben und unten */
div.menu, div.menu2 {
         position: 	relative;
         float:		left;
         top:		0;
}



/* Menue links */
a.menu, a.menu2, a.menu3 {
            /* oben rechts unten links */
        margin:0px    3px   0px   5px;
               /* oben/unten links/rechts */
		padding:      5px      0px;

        font-size:  		14px;
        font-family: 		veranda, Arial, Helvetica, sans-serif;
        text-align: 		left;
        text-decoration:	none;
        font-weight:		normal;
        color: 				#565656;
        display: 			block;
        width:				157px;
		outline: 			none;
}                             /* oben rechts unten links */
a.menu3 { font-size:12px; margin:0px    2px    0px   1px;}

/* IE6 läuft in CPU Loop, wenn white-space:nowrap genutzt wird !!! */
html>body a.menu3 { white-space:nowrap; } 	/* IE7, FF3 	*/


a.menu2 {border-top:    1px solid #565656; }

a.menu2:link,
a.menu2:visited {
		background-color: transparent;
        border-top:    1px solid #565656;
        border-bottom: 0px solid #565656;
}
a.menu3:link,
a.menu3:visited,
a.menu:link,
a.menu:visited {
		background-color: transparent;
        border-top:    0px solid #565656;
        border-bottom: 0px solid #565656;
}
a.menu3:hover,
a.menu2:hover,
a.menu:hover {   background-color: transparent; border: 0px solid black; color: #ec7405; /*orange */}
a.menu2:hover {  border-top: 1px solid #565656; }






/* Bildertabelle auf der Künstler-Detail-Seite */
table.artistgallery {
		float:				right;
        margin-left:		20px;
        width:				400px;
        padding:			2px;
        border-collapse: 	collapse;
}

td.artistgallery {
		padding:			10px;
        padding-bottom:		20px;
        text-align:			center;
         /*vertical-align: 	middle;  */
        vertical-align: 	top;
        font:   	  80% Verdana, arial, hevetica, sans-serif;
}

/* Bildertabelle auf der Kalender-/Galerieseite  */
table.artistcalendar {
         margin-left:		0px;
         width:				680px;
         padding:			2px;
         border-collapse: 	collapse;
}

td.artistcalendar {
		padding:			10px;
        padding-bottom:		20px;
        text-align:			center;
        vertical-align: 	top;
         /*border: 1px solid black;  */
        font:   	  80% Verdana, arial, hevetica, sans-serif;
}



/* Auswahlmen� mit allen K�nstlern */
table.artistmenu {
         width:				700px;
         padding:			2px;
         border-collapse: 	collapse;
}

td.artistmenu {
         text-align:		left;
         vertical-align: 	middle;
         width:				350px;
         padding-bottom:	10px;
}

a.artistmenu {
		text-decoration:	none;
        font-size:			100%;
        font-weight:		bold;
		outline: 			none;
}

/* Bildertabelle auf der Shopseite  */
table.shop {
         margin:			0px;
         width:				700px;
         padding:			0px;
         text-align:		center;
         /*border-collapse: 	collapse;  */
         border-spacing:	10px;
		 border: 0px solid red;
}
	/* Shop-Cell-Breite */
td.shop, div.shopbg, div.shopbg_oben, div.shopbg_unten, div.simg  { width: 220px; }
div.simg { width:216px; }


td.shop {
	/*padding-top:		10px;
         padding-bottom:		20px; */
         margin:  			0;
         padding:			0;
         text-align:		center;
         vertical-align: 	top;
         border: 0px solid black;
         font:   	  		75% Verdana, arial, hevetica, sans-serif;
		 font-weight:		bold;
}
div.shopbg_oben {
		height: 		9px;
        padding: 0; margin: 0;
        font-size:		0px;
        float:			left;
		background: transparent url(../images/cell_oben.jpg) left top no-repeat;
}
div.shopbg_unten {
		height: 		9px;
        padding: 0; margin: 0;
        font-size:		0px;
        float:			left;
		background: transparent url(../images/cell_unten.jpg) left top no-repeat;
}

div.shopbg {
		text-align:		center;
        margin: 		0px;
        padding:		0px;

        float:			left;
        border: 0px solid yellow;
         /*border-left:  0px;
         border-right: 0px;
         border-top:   0px;  */
        background: transparent url(../images/cell_mitte.jpg) left top repeat-y;
}

div.shop {
		text-align:		center;
        width: 			220px;
        margin: 		0px;
        padding-top:	0px;
        border: 0px solid red;
}

div.simg, div.aimg, div.foto {
         height:			175px;
         text-align:		center;
         overflow:			hidden;
}
div.simg { height: 162px;}
div.foto { height: 145px;}

/* Foto Galerie  */
table.fotogal {
        margin-left:		0px;
        width:				876px;
        padding:			2px;
        border-collapse: 	collapse;
}

td.fotogal {
		padding:			8px;
        padding-bottom:		20px;
        text-align:			center;
        vertical-align: 	top;
         /*border: 1px solid black;  */
        font:   	  80% Verdana, arial, hevetica, sans-serif;
}


.outlined {
		position:relative;
		left:2px;
		border-top:    0px solid #6F6F6F;
        border-right:  0px solid #6F6F6F;
        border-left:   0px solid #6F6F6F;
        border-bottom: 0px solid #6F6F6F;
		width: 216px;
}



/* add Table fuer Shop Beschreibung */
table.add {
         padding:		0px;
         border-collapse: 	collapse;
}

td.addl, td.addll {
         text-align:		left;
         vertical-align: 	middle;
         padding-bottom:		5px;
         padding-left:		5px;
         border: 0px solid blue;
}
td.addl {width:			110px;}
td.addll{width:			130px;}

td.addr, td.addrr {
         text-align:		right;
         vertical-align: 	middle;
         width:			90px;
         padding-bottom:		5px;
         padding-right:		5px;
         border: 0px solid blue;
}
td.addr {width:			90px;}
td.addrr{width:			70px;}

.de, .en, .ru {
		position:		relative;
		width:			19px;
        height:			13px;
        display: 		inline;
}

a.langswitch 	       {color: #7d7d7d; text-decoration:none; font-weight: bold;outline: none;}
a.langswitch:hover    {color: #2D5EAE; /* blue */	 text-decoration:none; font-weight: bold;}
.spact, .spact:hover {color: #9d9d9d; text-decoration:none; font-weight: bold; text-transform: lowercase;}

.de { background: transparent url(../images/DE.gif) left top no-repeat; }
.en { background: transparent url(../images/GB.gif) left top no-repeat; }
.ru { background: transparent url(../images/RU.gif) left top no-repeat; }

.grad img { height: 13px; width: 19px; border: 0; z-index: 0;}

/* facebook */
.fb {
		height:			24px;
		width: 			1024px;
        min-width:		1024px;
        margin: 		0 auto;
		margin-top:     5px;
		font-size:		10px;
		color:			gray;
        vertical-align: middle;
        line-height:	24px;
   
}
img.fbi 		{float:left;}
a.fba       	{ line-height:24px;vertical-align: middle;color: gray;  text-decoration:none; font-size: 10px; }
a.fba:hover 	{ line-height:24px;vertical-align: middle;color: black; text-decoration:none; font-size: 10px; font-weight: bold; }

/* footer suchbegriffe */
div.fooall {
        	height:25px;
            width: 100%;
        	position:relative;
        	top: 0;
        	right: 0;
        	left: 0;
        	padding:0px 0px 0px 0px;
        	text-align: center;
        	background-color: transparent;
        	font-size:14.0px;
        	font-family:Arial,Helvetica;
        	text-decoration:none;
        	color:#bcbcbc;
            overflow:hidden;
}


#foo2 {
    	 width: 100%;
         height: 10px;
         border-top: 1px solid #efefef;
         background-color: transparent;
         font-size:7.0px;
         z-index:3;
         line-height:10px;
         vertical-align:top;
         color: #efefef;
}

/* Menue-Tags, links - wenn selected */
#about      #knav01 a,
#about2     #knav02 a,
#about3     #knav03 a
{
         color: 			#2D5EAE; /* blue */
         background-color: 	transparent;
         cursor:			default;
}



/* Menue-Tags, Ebene 2, oben - wenn selected */
#dummy #dummnav
{
         color: 			#2D5EAE;   /* blau */
         background-color: 	transparent;
         cursor:			default;
         /*width: 			170px;*/
         float:				right;
}


/*sphider search*/

.ssearchbox { 
	position:relative;
	height:39px;
	width:185px;
	border:0px solid red; 
	padding-top:12px; 
	padding-left:42px; 
	cursor:pointer;
	
}

.input1 {
		color:white;
		font-size: 14px;
		line-height: 1.5;
		border: 0px solid black;
		background-color: #777777;
}

.sbutton {
		position:relative;
		top:-17px;
		left:100px;
        width:17px;
        height:17px;
        background: transparent url(http://demo01.binaryco.de/images/play2.png) top left no-repeat;
		border: 0px solid black;
		outline: none;
         
}


.sbutton:hover   {
		position:relative;
		top:-17px;
		left:100px;
        width:17px;
        height:17px;
        background: transparent url(http://demo01.binaryco.de/images/play.png) top left no-repeat;
		border: 0px solid black;
		outline: none;
		cursor:pointer;
         
}



/* ---------------------- Anfrageformular ------------------------*/
.input, .inp_w300, .inp_w540, .inp_w680  {
    border: 1px solid #006;
    background: #ffc;
    font: 100.01% arial, helvetica, sans-serif;
}
.inp_w300 { width:300px; }
.inp_w540 { width:450px; }
.inp_w680 { width:650px; }

.input:hover, .inp_w300:hover, .inp_w540:hover, .inp_w680:hover {
    border: 1px solid #f00;
    background: #ff6;
}


.button, .button:hover {
    border: none;
    padding: 2px 8px;
    width:180px;
    text-align:center;
    font-size: 100.01%;
	outline: none;
	color: white;
	background: 	  	transparent url(http://demo01.binaryco.de/images/menu-bar.png) left top no-repeat;
}
.button:hover {
	border: 2px solid yellow;
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	color: yellow;
	font-weight:bold;
}

label {
    display: block;
    width: 120px;
    float: left;
        /* oben rechts unten links */
    margin: 0px 4px 8px 0px;
    text-align: left;
}

#hinweis {
		 width: 680px;
         color: red;
         font-weight:bold;
         text-align: left;
}
br { clear: left; }
/* ---------------------- Ende: Anfrageformular ------------------------*/


/* column classes for markdown tables */
.mrktab   { width:800px; border-spacing: 5px; margin-left:5%; }
.colcl_0 { width:20%; }
.colcl_1 { width:80%; }

/* ---------------------- Login Form ------------------------*/


form.login {
    margin-left: 80px;
	border: 1px solid #cccccc;
	width: 270px;
	background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 14px;
    padding:5px;
    margin-bottom:10px;
}



.text { border: 1px solid #cccccc; }
.tw { width:150px; }
.btn { margin-top:10px; cursor:pointer; }

input.login { border: 1px solid #cccccc; }

.frame_left   { text-align:left;  float:left; margin: 5px 20px 20px 0px;}
.frame_right { text-align:right; float:right;margin: 15px 0px 20px 20px;}





#cookiedingsbums a {color:#000; text-decoration:none;font-weight:bold;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding:10px; padding-right:40px;}
#cookiedingsbums span { color:black; }
#cookiedingsbums { 
   left:0;
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}