/* 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;} */
* {margin:0;}
* {padding-top:0; padding-right:0; padding-bottom:0; }

#background { width:100%; height:100%; position: absolute; z-index: -1; top: 0; left:0; }
/*#background { width:100px; height:100px; position: absolute; z-index: -1; top: -100px; left:-100px; }*/

#preload { display: none; }
#preload img {
	height: 0; width: 0; border: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}
.getinfo,.hide  { display:none; }
.show    		{ display:block; }
.block   		{ text-align:justify; }
.bold    		{ font-weight: bold; }
.normal		{ font-weight: normal; }
.italic 		{ font-style:italic; }
.red     		{ color: red; }
.green     	{ color: green; }
.black   		{ color: black; }
.white		{ color: white; }
.sbig    		{ font-size: 110.01%; }
.errmsg		{ color: #b5124b; font-weight: bold; }
.grad      img { height: 13px; width: 19px; border: 0; z-index: 0;}
body[id="Administration"] #maincont_inner .errmsg { display:none; }
body[id="Administration"] #maincont_inner div.textblock .errmsg { display:block; }
.okmsg		{ color: green;   font-weight: bold; }
.filefmt	{ color: black;   font-weight: normal; font-style:italic; }
.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; }

.even		 { background-color:#eeeeee; }
.thbg             { background-color:#dddddd;padding-left:10px; }
.delfile        { width:600px; border: 0px solid blue;  }
.upld             { width:400px; border: 0px solid blue;  }
.outlined 	{ border: 2px solid #6F6F6F; }
.frame_left   { text-align:left;  float:left; margin: 5px 20px 20px 0px;}
.frame_right { text-align:right; float:right;margin: 15px 0px 20px 20px;}

body {
     	margin:  	0;
        padding: 	0;
		font:   	90.01% "myriad-pro", Verdana, arial, helvetica, sans-serif;
		color:  	#565656;
		background-color: rgb(122,195,236);
		/*background: rgb(122,195,236) url(http://zahnarzt-trudering.info/site_images/background_low.jpg) repeat-x; */
        text-align: center;
}

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

	
h1, h2, h3 	{font-weight: normal; background-color:transparent;color:#6795c7; font-family: "myriad-pro", Arial, sans-serif, helvetica; }
h1			{font-size: 140.01%; padding-bottom:15px; }
h2			{font-size: 130.01%; }
body[id="datenschutz"] h2 {text-transform: uppercase;}
h3			{font-size: 100.01%; padding-bottom:5px; }
a 			{background-color:transparent;color: #04B404; /*grün*/ outline: none; font-weight: normal; text-decoration:none;}
p 			{margin-bottom:  15px;	}
img 			{border: 0; }
ul 			{list-style-image:url(http://zahnarzt-trudering.info/site_images/list10x10-kugel15.gif); }
br 			{clear: left;}


#container { margin: 0 auto; margin-top: -20px; background: transparent;}
* html #container {height:1%; }
#scroll { font-size: 1px; }

.gesamt_breite_aussen { width: 900px; min-width:	900px; }
.inner_width      		  { width: 800px; }  /* innerer Platz des Containers: gesamt_breite_aussen - rahmen dicke */

/* ############################ [Rahmen-Definitionen] ######################### */
/* Rahmen: Breite */
/* hier rahmen 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; }

/* Rahmen: oberer Teil */
.tl {/* top left      */ position: relative; float:left; background:transparent url(http://zahnarzt-trudering.info/site_images/frame9/kreis.png)    top left     no-repeat;}
.tm {/* top middle    */ position: relative; float:left; background:transparent url(http://zahnarzt-trudering.info/site_images/frame9/oben.png)                     repeat-x;}
.tr {/* top right     */ position: relative; float:right;background:transparent url(http://zahnarzt-trudering.info/site_images/frame9/kreis.png)    top right    no-repeat;}

/* Rahmen: mittlerer Teil */
/* left_border + wrap_main_and_left + right_border ==> muss gesamt_breite_aussen ergeben */
.left_border   { background: transparent url(http://zahnarzt-trudering.info/site_images/frame9/links.png) top left repeat-y;}
.right_border { float:left; width:100%; background: transparent url(http://zahnarzt-trudering.info/site_images/frame9/rechts.png) top right repeat-y;}

/* Rahmen: unterer Teil */
.bl {/* bottom left   */ position: relative; float:left; background:transparent url(http://zahnarzt-trudering.info/site_images/frame9/kreis.png)    bottom left  no-repeat;}
.bm {/* bottom middle */ position: relative; float:left; background:transparent url(http://zahnarzt-trudering.info/site_images/frame9/unten.png)                    repeat-x;}
.br {/* bottom right  */ position: relative; float:right;background:transparent url(http://zahnarzt-trudering.info/site_images/frame9/kreis.png)    bottom right no-repeat;}


#wrap_header_area {}
#wrap_main_and_left { background-color: white; border: 0px solid #dddddd;}

/* 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 */

.header_mid_high { height: 170px; }
#header1 {background: transparent url(http://zahnarzt-trudering.info/site_images/head.jpg) top left no-repeat;}
#header2 {background: transparent url(http://zahnarzt-trudering.info/site_images/head2.jpg) top left no-repeat;}
#header3 {background: transparent url(http://zahnarzt-trudering.info/site_images/head3.jpg) top left no-repeat;}
#header4 {background: transparent url(http://zahnarzt-trudering.info/site_images/head4.jpg) top left no-repeat;}
#header5 {background: transparent url(http://zahnarzt-trudering.info/site_images/head5.jpg) top left no-repeat;}
#header6 {background: transparent url(http://zahnarzt-trudering.info/site_images/head6.jpg) top left no-repeat;}


div.langswitch {
		position:		relative;
		margin-top:		23px;
        right:			0;
		top:			18px;
        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;}
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;}

img.langswitch  { position:relative;float:left;padding-left:5px;border:0; }
.en, .de, .ru { position:relative;width:19px;height:13px;display:inline; }

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



#headerrinc__ {
		position:	relative;
		margin-left: 	 60px;
        width:		157px;
        height:		261px;
        z-index:	44;
        border: 	0px solid yellow;
        float:		left;
}

#logo {  /* innerhalb von header, linke Seite */
         position: 	relative;
         top:		-15px;
		 bottom:	0px;
         left:		620px;
         width:		174px;
         height:	185px;
		background: transparent url(http://zahnarzt-trudering.info/site_images/Logo_hawranek.png) left top no-repeat;
		border: 0px solid red;
}
#schrift {  /* innerhalb von header, linke Seite */
         position: 	relative;
         top:		-90px;
         left:		20px;
         width:		586px;
         height:	39px;
         background: transparent url(http://zahnarzt-trudering.info/site_images/Schrift_hawranek.png) left top no-repeat;
         border: 0px solid red;
		 z-index:   50;
}

#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;
}

		/* mleft (18) + menubar (822) + mright (186) = mwrap (1026) px */
		
#mwrap {
		height:				30px;
		clear:				both;
		/*background: 	  	transparent url(http://zahnarzt-trudering.info/site_images/menubar.jpg) left top no-repeat;*/
}
#mleft {
		height:				30px;
		float:				left;
		background-color:	transparent;
		display:inline;
}
#mright {								
		height:				30px;
		float:				right;
		background-color:	transparent;
		display:inline;
}

#menubar, #menubar2, #menubar_leer {     /* menubar: Menu */
		position: 			relative;
        border:0; margin:0; padding:0;
        border-top: 		0px solid gray;
        height:				30px;
        background-color: 	blue;
        font-size:			0px;
        clear:				both;
}
#menubar   {
		float:				left;
		clear:				none;
		display:			inline;
		background: 	  	transparent url(http://zahnarzt-trudering.info/site_images/menubar.jpg) left top no-repeat;
		
}
#menubar2, #menubar_leer  {
		height:				4px;
		background-color: 	white;
		border-bottom: 		3px solid rgb(132,194,37); /* leuchtendgrün */
		margin-left: 		50px;
		
		
}


#mainbox {
        border:0; margin:0; padding:0;
        width:       		800px;   /* innere breite - minus linkes menue - minus 1px wegen warp  */
        margin-left: 		0px;   /* diesen Wert einstellen, wenn es ein Menu links gibt */
        height:  			100%;
        background-color: 	transparent;
}

#contents {
        overflow:			hidden;
         /* border: 2px solid yellow;  */
        padding:			0;
        margin: 			0;    /* 3-COLUMN */
         /* background-color: cyan; */
        z-index:			4;
}
#inner { height:1%;} /* to avoid the IE6 3 pixel jog bug - sonst ist text nach float um 3px versetzt */

/* ######### 3-column design main area */
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;		/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	z-index:5;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;		/* width of page */
	position:relative;
}
.maincont,
.lfa,
.rechts {
	float:left;
	position:relative;
	padding:0 0 1em 0;  /* no left and right padding on columns, we just make them narrower instead 
			     only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
.lfa, .maincont, #maincont_inner { z-index:4; top:0px; }

/* Basis von: http://matthewjamestaylor.com/blog/perfect-3-column.htm */
/* 3 Column settings */
.threecol {
	background:blue;		/* right column background colour */
}

/* Attention: the colum setting is found in the followings files:

lfa.css		- 2 columns, left:15%, middle: 85%, right:0%
no_lfa.css	- 1 column,  left:0%,  middle:100%, right:0%
3col.css	- 3 columns, left:15%, middle: 70%, right:15% (this layout is not used)
*/
/* column setting for the 3col case */
.threecol .colmid {
	right:0%;			/* width of the right column */
	background:white;	/* center column background colour */
}
.threecol .colleft {
	right:70%;			/* width of the middle column */
	background:white;		/* left column background colour */
	border-right: 0px solid #bbb;
}
body[id="Administration"] .threecol .colleft { right:100%; }
body[id="impressum"] .threecol .colleft,
body[id="datenschutz"] .threecol .colleft,
body[id="praxis"] .threecol .colleft { right:100%; }
body[id="startseite"] .threecol .colleft { background: white url(http://zahnarzt-trudering.info/site_images/design01_apfel.jpg) 100% 25px no-repeat; }
body[id="leistungen"] .threecol .colleft { background: white url(http://zahnarzt-trudering.info/site_images/design03_blume.jpg) 100% 25px no-repeat; }
body[id="neuigkeiten"] .threecol .colleft { background: white url(http://zahnarzt-trudering.info/site_images/design04_gras.jpg) 100% 25px no-repeat; }
body[id="error404"] .threecol .colleft { background: white url(http://zahnarzt-trudering.info/site_images/design04_gras.jpg) 100% 25px no-repeat; }
body[id="error401"] .threecol .colleft { background: white url(http://zahnarzt-trudering.info/site_images/design04_gras.jpg) 100% 25px no-repeat; }
body[id="error403"] .threecol .colleft { background: white url(http://zahnarzt-trudering.info/site_images/design04_gras.jpg) 100% 25px no-repeat; }
body[id="error410"] .threecol .colleft { background: white url(http://zahnarzt-trudering.info/site_images/design04_gras.jpg) 100% 25px no-repeat; }


.threecol .maincont {
	width:70%;	/* width of center column content (column width minus padding on either side) */
	left:100%;	/* 100% plus left padding of center column */
	min-height: 520px;
}
body[id="Administration"] .threecol .maincont { width:100%; }
body[id="impressum"] .threecol .maincont,
body[id="datenschutz"] .threecol .maincont,
body[id="praxis"] .threecol .maincont { width:100%; }
.threecol .lfa {
	width:30%;	/* Width of left column content (column width minus padding on either side) */
	left:0%;	/* width of (right column) plus (center column left and right padding) plus 
			  (left column left padding) */
}
body[id="Administration"] .threecol .lfa { width:0%; }
body[id="impressum"] .threecol .lfa,
body[id="datenschutz"] .threecol .lfa,
body[id="praxis"] .threecol .lfa { width:0%; }
.threecol .rechts {
	width:0%;	/* Width of right column content (column width minus padding on either side) */
	left:70%;	/* Please make note of the brackets here:
			(100% - left column width) plus (center column left and right padding) plus 
			(left column left and right padding) plus (right column left padding) */
}
body[id="Administration"] .threecol .rechts { left:100%; }
body[id="impressum"] .threecol .rechts,
body[id="datenschutz"] .threecol .rechts,
body[id="praxis"] .threecol .rechts { left:100%; }
#leftfake {	/* um den weissen LFA Hintegrund zu simulieren, wenn alles zugeklappt ist */
	background-color: white;
	color: white;
	position:relative;
	left:0;
	top:10%;
	bottom:0;	
	height:100%;	
	width:30%;	/* same width as left */
	min-width:120px;
	z-index:1;
	border-right: 2px solid #bbb;
	}
body[id="Administration"] #leftfake { width:0%; }
body[id="impressum"] #leftfake,
body[id="datenschutz"] #leftfake,
body[id="praxis"] #leftfake { width:0%; }
* + html #leftfake { height:0;} /* IE7 */



#rightfake {	/* um den weissen LFA Hintegrund zu simulieren, wenn alles zugeklappt ist */
	background-color: blue;
	position:relative;
	right:0;
	top:10%;
	bottom:0;	
	height:100%;	
	width:0%;	/* same width as right sidelfa */
	min-width:120px;
	z-index:1;
	border-left: 2px solid yellow;
	}
* + html #rightfake { height:0;}	/* IE7 */
	
#lfa_ctl { float:left;width:3%;height:200px; }
#hide_lfa {display:none;}
#hide_lfa {
	position:absolute;
	width:10px;
	height:10px;
	left:0px;
	top:0px;
	background-color:red;
	z-index:99;
}
#hide_lfa:hover {background-color:yellow;cursor:pointer;}

#maincont_inner { 
	position:relative; 
	margin: 0 auto;
	height:100%;
	width:97%;
	float:left;
	padding: 0;
	padding-top:10px;
	display:inline-block;
	border: 0px solid green;
	color:black;
}
/* ######### 3-column design main area */


div.textblock,  div.textblock2 {
             	  /* oben rechts unten links */
		margin:	      10px 15px 20px 0px;
		display:      block;
		padding:      0;
		text-align:   justify;
         /* border:1px solid blue;  */
}
div.textblock2 {  margin: 10px 0px 20px 0px; }
div.textblock2 ul, div.textblock ul {
        line-height: 			1.5em;
		text-indent: 			2px;
		list-style-position: 	outside;
		/*list-style-type: 		disc;*/
        margin-left:			15px;
}
div.textblock2 h2, div.textblock h2 { padding-bottom: 10px; padding-top: 15px; }


#footer, #footer_pre {
        clear: 			both;
        height: 		45px;
        border-top: 	1px solid gray;
        font-weight:	bold;
        font-size:		11px;
        font-family:	veranda, Arial,Helvetica;
        text-decoration:none;
        text-align: 	center;
        color: 			black;
        padding-top:	 3px;
        padding-right:  15px;
        padding-left:   15px;
        padding-bottom:  5px;
        overflow:		hidden;
        z-index:		3;
}
#footer_pre {
		border-top: 	0px solid gray;
		padding:		0;   /* 3-COLUMN */
		height: 		0px;
}
#footer { 
		position: 		relative;
		top: 			-40px;
		border-top: 	0px solid gray;	
		background-color: transparent;
}


#footer a, #footer_left a {outline: none;font-weight:bold;font-family:Veranda,Arial,Helvetica;text-decoration:none;background-color:transparent;color:black;vertical-align:bottom;}
#footer a:hover, #footer_left a:hover {background-color:transparent;color:white; font-weight:bold;}

#footer_left {
        float:			left;
        text-align: 	left;
        padding-left:   15px;
        padding-bottom:  5px;
}

/* potentielle footer Links, wenn aktiv */
#agb        #navagb a,
#banner     #navban  a,
#partner    #navpart a,
#about4        #navjobs a,
#impressum  #navimpr a,
#datenschutz #navdat a
{
         color: 		#2D5EAE; /* blue */
		 color:			#EEA2AD; /* LightPink2 */
		 color:			blue;
         font-weight:	bold;
         text-decoration:none;
         cursor:		default;
}





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

/* ###################### Menue oben ################### */
.menubar_height   { height:	25px;  }
/*.menu_item_width { width: 	160px; } */  /* innere_width dividiert durch Anzahl der Menuepunkte, z.B. 800/5=160 */

div.mainnav, div.mainnav2 {
		position:		relative;
		padding: 		3px 15px 0 15px;
        margin-right:  	0px;
		margin-left: 	0px;
        overflow:		hidden;
        font-size:		14px;
        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:  		4px      0px;
        font-size:		14px;
        font-weight:	bold;
        font-family: 	veranda,Arial, Helvetica, sans-serif;
		font-family: 	Trebuchet MS, 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: 0px; 	
	margin-left:  5px;  /* sorgt für gleichen Abstand */
	margin-right: 5px;
}
a.mainnav { top: 0px; }
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: rgb(132,194,37); /* leuchtendgrün */
}

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:	 	10px;
         margin-right:	  	20px;
         margin-bottom:	 	35px;
         width:				157px;
         font-size:	 	 	14px;
         overflow:			hidden;
         background-color: 	transparent;
         color:		  		#565656;
}

#leftmenu {
         float:			left;
         margin:		0;
         margin-top:	15px;
         width:			157px;         /* hier linker Abstand left + width */
         background-color: transparent;
         color:			#565656;
         font-size:		14px;
         font-family: 	veranda, Arial, Helvetica, sans-serif;
         z-index:	0;
         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; }


/* Menue-Tags, Ebene 1, oben - wenn selected */
#startseite       	#nav11 a,
#praxis		 	#nav12 a,
#leistungen		#nav13 a,
#neuigkeiten 	#nav14 a,
#kontakt		#nav15 a
{

		 color:				rgb(132,194,37); /* leuchtendgrün */
         background-color: 	white;
		 /*background: 	  	transparent url(http://zahnarzt-trudering.info/site_images/hover_sel.png) 0px 17px no-repeat;*/
         cursor:			default;
         float:				left;
		 height:			30px;
}
#menu1,
#menu2,
#menu3,
#menu4,
#menu5 { padding: 4px 15px 0 15px; margin-left: 5px; margin-right: 5px; }

/* 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;
}


/* die Class 'button' wird auch im CMS verwendet, nicht nur auf der Website selbst */
.button, .button:hover {
    border: 	none;
    padding: 	2px 8px;
    width:		180px;
	height:		35px;
    text-align:	center;
    font-size: 	100.01%;
	outline: 	none;
	color: 		white;
	background: transparent url(http://zahnarzt-trudering.info/images/button_sprite.jpg) top left no-repeat;
}
.button:hover {
	color:		black;
	background:	transparent url(http://zahnarzt-trudering.info/images/button_sprite.jpg) top right no-repeat;
	cursor:		pointer;
}

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

/* alignment for markdown tables */
.align_left { text-align:left; }
.align_right { text-align:right; }
.align_center { text-align:center; }


/* ab hier Fancy Inogrid */
div.infogrid {
	border: 0px solid #ccc;
	width: 250px;
	height:105px;
	float:left;
	margin:0;
	padding:0;
	margin-right:10px;
	margin-bottom:15px;
	overflow:hidden;
}
div.infogrid a { font-weight:normal; font-style:italic; padding-top:3px; padding-left:35px;}

div.leistungen {
	position:relative;
	top:0px;
	width:250px;
	z-index:3;
	text-align:left;
}
div.leistungen h2 {
	padding-top:0; 
	padding-bottom:2px;
	padding-left:37px;
	height:35px;
	font-weight:normal;
	color: #6795c7;
	font-family: "myriad-pro", Arial, sans-serif;
	font-size:18px;
}
div.leistungen p {
	font-family: "myriad-pro", Arial, sans-serif;
	font-size:13px;
	padding-left:35px;
}
div.leistungen li {
	font-family: "myriad-pro", Arial, sans-serif;
	font-size:13px;
}
div.leistungen ul {
	padding-bottom:10px;
	margin-left:20px;
}

div.morewrap {
	position:relative;
	top:0px;
	width:250px;
	height:85px !important;
	z-index:5;
	border: 0px solid black;
	overflow:hidden;
	float:left;
}
.infogrid.leistung0 h2,#leistung0 h2 { background: transparent url(http://zahnarzt-trudering.info/data/leistungen/icons/00.png) top left no-repeat;}
.infogrid.leistung1 h2,#leistung1 h2 { background: transparent url(http://zahnarzt-trudering.info/data/leistungen/icons/01.png) top left no-repeat;}
.infogrid.leistung2 h2,#leistung2 h2 { background: transparent url(http://zahnarzt-trudering.info/data/leistungen/icons/02.png) top left no-repeat;}
.infogrid.leistung3 h2,#leistung3 h2 { background: transparent url(http://zahnarzt-trudering.info/data/leistungen/icons/03.png) top left no-repeat;}
.infogrid.leistung4 h2,#leistung4 h2 { background: transparent url(http://zahnarzt-trudering.info/data/leistungen/icons/04.png) top left no-repeat;}
.infogrid.leistung5 h2,#leistung5 h2 { background: transparent url(http://zahnarzt-trudering.info/data/leistungen/icons/05.png) top left no-repeat;}
.infogrid.leistung6 h2,#leistung6 h2 { background: transparent url(http://zahnarzt-trudering.info/data/leistungen/icons/06.png) top left no-repeat;}
.infogrid.leistung7 h2,#leistung7 h2 { background: transparent url(http://zahnarzt-trudering.info/data/leistungen/icons/06.png) top left no-repeat;}

.infogrid.leistung0 a:hover,
.infogrid.leistung1 a:hover,
.infogrid.leistung2 a:hover,
.infogrid.leistung3 a:hover,
.infogrid.leistung4 a:hover,
.infogrid.leistung5 a:hover,
.infogrid.leistung6 a:hover,
.infogrid.leistung7 a:hover,

/* <p> formatting raus
.infogrid.leistung0:hover,
.infogrid.leistung1:hover,
.infogrid.leistung2:hover,
.infogrid.leistung3:hover,
.infogrid.leistung4:hover,
.infogrid.leistung5:hover,
.infogrid.leistung6:hover,
.infogrid.leistung7:hover,
*/

.infogrid.leistung0 h2:hover,
.infogrid.leistung1 h2:hover,
.infogrid.leistung2 h2:hover,
.infogrid.leistung3 h2:hover,
.infogrid.leistung4 h2:hover,
.infogrid.leistung5 h2:hover,
.infogrid.leistung6 h2:hover,
.infogrid.leistung7 h2:hover { color:green;}



.infowrap { position:relative;float:left; }




#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;}