/*
Theme Name: AwieAugenarzt
Theme URI: http://www.a-wie-augenarzt
Description: Webdesign by HDpublish
Version: 1.4
Author: Benjamin Bedekovic, J. Mech
Author URI: http://www.hdpublish.com
Webdesign by: HDpublish GmbH & Co. KG
LayoutDesign by: Buero Roman Lorenz

	The CSS, XHTML and design is restricted to 
	the use at the domain www.A-wie-Augenarzt.de

Main design ->

page (bacground: bg_main_1x676)
> container
	>> externallinksframe
		>>> externallinkscorner (z3)
		>>> externallinksleft (z1)
		>>> externallinksright (z2)
	<<
	>> actualpage
		>>> logo
			>>>> logoleft
			>>>> logoright
		>>> headernavigation
			>>>> leftline
			>>>> internalpath
			>>>> searchfield
		>>> content
		>>> sidebar
	<<


*/


/************** main settings  **************/

body
	{
  		background-image:url("pixs/bg_main_1x676.gif"); 
		background-position: 0 0;
		background-repeat: repeat-x;
		font-size:12px; 
		font-family: Arial,sans-serif;
	}

img
	{
		border:0 ;
		border-style: none;
		border-collapse:collapse; 
	}

#container
	{ 
		margin: 0;
		padding: 0;
	}


/************** external shadow & links  **************/


#externallinksframe
	{ 
  		background-image:url("pixs/shadow_left_206x1.gif");
		background-position: top left;
		background-repeat: repeat-y;
		background-color: transparent;
		height: 100%; 
		left: 0;
		margin:0
		padding:0;
		position: absolute; 
		top: 0;
		width: 100%;
		z-index: 5;
	}

#externallinksleft
	{ 
		height: 100%;
		left: 0px;
		padding:0 0 0 0px;
		position: absolute; 
		top: 20px;
		width: 206px;
		z-index: 6;
	}

#externallinkscorner
	{ 
  		background-image:url("pixs/shadow_corner_206x676.gif");
		background-position: top left;
		background-repeat: no-repeat;
		height: 676px; 
		left: 0px;
		margin: 0;
		padding: 0;
		position: absolute; 
		top: 0px;
		width: 206px;
		z-index: 7;
	}


#externallinks
	{ 
  		background-image:url("pixs/shadow_top.png");
		background-position: bottom left;
		background-repeat: repeat-x;
		background-color: transparent;
		height: 29px; 
		left: 219px;
		padding:7px 0 0 0px;
		position: absolute; 
		top: 0px;
		width: 500px;
		z-index: 8;
	}


/************** logo section  **************/

#logo
	{ 
		background-image:url("pixs/bg_blue_1x1.gif");
		height: 130px; 
		left: 0px;
		position: absolute; 
		top: 29px;
		width: 100%;
		z-index: 16;
	}


#logoleft
	{ 
		background-image:url("pixs/bg_blue_verlauf_186x1.gif");
		height: 130px; 
		left: 20px;
		position: absolute; 
		top: 0px;
		width: 130px;
		z-index: 17;
	}

#logoright
	{ 
		background-image:url("pixs/bg_blue_1x1.gif");
		height: 130px; 
		left: 206px;
		position: absolute; 
		top: 0px;
		width: 600px;
		z-index: 18;
	}



/************** below header the header and navigation line 2, searchfield  **************/

#headernavigation
	{ 
  		background-image: url("pixs/bg_grey_1x1.gif");
		background-repeat: repeat;
		height: 20px; 
		left: 20px;
		position: absolute; 
		top: 159px;
		min-width: 787px;
		width: 98%;
		z-index: 20;
	}

#leftline
	{ 
  		background-image: url("pixs/bg_darkblue_verlauf_186x1.gif");
		background-repeat: repeat;
		height: 20px; 
		left: 0px;
		position: absolute; 
		top: 0px;
		width: 186px;
		z-index: 21;
	}

#internalpath
	{ 
  		background-image:url("pixs/bg_grey_1x1.gif");
		background-repeat:repeat;
		height: 20px; 
		left: 186px;
 		list-style-type: none; 
		position: absolute; 
		top: 0px;
		z-index: 22;
	}


#searchfield
	{ 
		height: 14px;
		position: absolute; 
		right: 2px; 
		top: 0px;
		width: 170px;
		z-index: 23;
	}


/************** main navigation and sidebar settings  **************/

#sidebar
	{ 
		left: 0px;
		position: absolute; 
		top: 181px;
		width: 186px;
		height:500px;
		z-index: 25;
	}


#mainnavigation
	{ 
		left: 26px;
		position: absolute; 
		top: -19px;
		width: 181px;
		z-index: 26;
	}

#footer
	{
		left: 26px;
		position: absolute; 
		bottom: 10px;
		width: 181px;
		z-index: 27;
	}


/************** content settings  **************/


#content
	{ 
  		background-image:url("pixs/shadow_corner_206x2453.png");
		background-position: top left;
		background-repeat: repeat-y;
		background-color: white;
		left: 0px; 
		padding: 0 0 0 224px;
		position: absolute; 
		top: 204px;
		width: 495px;
		z-index: 9;
		font-size:14px; 
		font-family: Arial,sans-serif;
	}

#content p
	{ 
		clear:left; 
		margin-bottom:16px;
		font-size:14px; 
		font-family: Arial,sans-serif;
	}

#content a
	{ 
		color: #0064ae;
		text-decoration: none;
	}

#content a:hover
	{ 
		color: #000000;
		text-decoration: none;
	}

#content ul
	{ 
		margin: 0;
		padding: 0px 0 16px 0;
		white-space: nowrap;
	}

#content li
	{ 
		letter-spacing: 0px; 
		list-style-type: none;
	}



#content hr
	{ 
		border: 0;
	}

#content table
	{ 
		border: 0;
margin: 0; padding: 0;
	}


#content th, td
	{ 
		padding: 0;
		vertical-align: top;
	}

#content img.alignleft
	{ 
		float: left; 
		margin: 0 20px 10px 0;
		
	}

#content img.alignright
	{ 
		float: right; 
		margin: 0 0 10px 20px;
	}

#content img.aligncenter
	{ 
		float: left; 
		margin: 0 20px 10px 20px;
	}

#content img.alignone
	{ 
		float: left; 
		margin: 0 0 10px 0;
	}


/******************* individual tags *******************/

#externallinks ul
	{ 
		margin: 0; 
		padding: 0px 0 0 0px;
		white-space: nowrap;
	}

#externallinks li
	{ 
		display: inline;
		list-style-type: none;
	}

#externallinks li a
	{ 
		color: #ffffff;
		font-weight: bold;
		padding: 0 10px 0 10px;
		text-decoration: none;
	}

#externallinks li a:hover
	{ 
		color: #000000;
		font-weight: bold;
		padding: 0 10px 0 10px;
		text-decoration: none;
	}

#headerline ul
	{ 
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}

#headerline li
	{ 
		display: inline;
		letter-spacing: 0px; 
		list-style-type: none;
	}

#headerline li a
	{
		border: none; 
		color: #fff;
		float: left;
		font-weight: bold;
		padding: 4px 10px 3px 10px;
		text-decoration: none;
	}

#internalpath ul
	{ 
		margin: 0;
		padding: 0 0 0 12px;
		white-space: nowrap;
	}

#internalpath li
	{ 
		display: inline;
		list-style-type: none;
	}

#internalpath li:first-child a
	{
  		background: url(pixs/arrow.gif) no-repeat 0 50%;
		border: none; 
		color: #fff;
		float: left;
		font-weight: normal;
		letter-spacing: 0.9px; 
		padding: 4px 8px 3px 13px;
		text-decoration: none;
	}

#internalpath li a
	{
  		background: url(pixs/arrow.gif) no-repeat 0 50%;
		border: none; 
		color: #fff;
		float: left;
		font-weight: normal;
		letter-spacing: 0.9px; 
		padding: 4px 0px 3px 15px;
		text-decoration: none;
	}

#internalpath li a:hover
	{
		
	}

#searchfield
	{ 
		color: #fff;
		font-weight: normal;
		letter-spacing: 0.9px; 
		padding: 2px 0px 2px 20px;
	}

#searchfield input
	{ 
		border: 0px solid #000000;
		height: 12px; 
		width: 136px; 
	}

#searchfield input
	{ 
		background: #e7eef4; 
		border-bottom:0px; 
		border-top:0px solid #000000; 
		border-right:0px; 
		border-left:0px; 
		color: #000000; 
		font: 12px 'Helvetica', Arial, sans-serif; 
		height:14px; 
		line-height:16px; 
		margin: 0 0 0 0; 
		padding:2px 0 0 0; 
		width: 136px;
	}

#footer ul
	{ 
		margin: 0; 
		padding: 0;
	}

#footer li
	{ 
		line-height: 16px;
		list-style-type: none; 
	}

#footer li a
	{
		color: #000000;
		font-weight: bold;
		text-decoration: none;
	}


#mainnavigation ul
	{ 
		margin: 0; 
		padding: 0 0 0px 0;
	}

#mainnavigation ul ul
	{ 
		margin: 0; 
		padding: 25px 0px 0px 0;
	}

#mainnavigation ul ul ul
	{ 
		margin: 0; 
		padding: 0px 0px 16px 0;
	}

#mainnavigation li
	{ 
		font-weight: bold;
		line-height: 16px;
		list-style-type: none;
		margin: 0px 0 0px 0;
		padding: 0px 0 0px 0;
	}

#mainnavigation li a
	{
		color: #ffffff;
		font-weight: bold;
		letter-spacing: 0.4px; 
		text-decoration: none;
	}

#mainnavigation li a.current
	{
		color: #ffffff;
		font-weight: bold;
		letter-spacing: 0.4px; 
		text-decoration: none;
	}

#mainnavigation li li
	{
		color: #000000;
		font-weight: bold;
		letter-spacing: 0.4px; 
		text-decoration: none;
		line-height: 16px;
		list-style-type: none; 
		margin: 0; 
		padding: 0 0 0px 0;
	}

#mainnavigation li li a
	{
		color: #000000;
		font-weight: bold;
		letter-spacing: 0.4px; 
		text-decoration: none;
	}

#mainnavigation li li a.current 
	{
		color: #0064ae;
		font-weight: bold;
		letter-spacing: 0.4px; 
		text-decoration: none;

	}

#mainnavigation li li li
	{
		color: #000000;
		font-weight: bold;
		letter-spacing: 0.7px; 
		text-decoration: none;
		line-height: 16px;
		list-style-type: none; 
		margin: 0; 
		padding: 0 0 0px 0;
	}

#mainnavigation li li li a
	{
		color: #000000;


		font-weight: normal;
		letter-spacing: 0.7px; 
		text-decoration: none;
	}

#mainnavigation li li li a.current 
	{
		color: #0064ae;
		font-weight: normal;
		letter-spacing: 0.7px; 
		text-decoration: none;
	}

#mainarea h1, h2, h3
	{ 
		margin: 0 0 28px 0;
		padding: 0;
		font-size: 14px;
		font-weight: bold; 
	}