/**********************************************/
/************ REFLEKTOR **********************/
/********************************************
                      
           Styles by outline4.ch
           
          grau schrift normal: a3a4a9
		  background grau: f3f3f3
		  links: 2e333d
           
************************************************/
/*      BODY // FONT // TABLES                */
/*********************************************/

@import url('yui-reset.css');
/* {-webkit-text-size-adjust: none;} */
body { margin:0; padding:0; font: normal 12px/22px Arial, sans-serif; color: #a3a4a9; width: 650px; height: 100%; background: #f3f3f3; letter-spacing: 0.015em; }

body.arbeiten {font: normal 12px/22px Arial, sans-serif;}
body.kontakt, body.portrait, body.leistungen {font: normal 14px/20px Arial, sans-serif;}

/***********************************************/
/*         TITEL DEFINITIONEN                 */
/*********************************************/

/* Logo */
h1 {font: normal 20px/26px Arial, sans-serif;  color: #a3a4a9;}
	h1 a, h1 a:link, h1 a:visited   {display: block; width: 161px; height: 102px; text-indent: -9999px; background: transparent url(/media/images/layout/logo_grau_161x102.png) no-repeat 0 0; margin-bottom: 7px;}
	h1 a:hover, h1 a:active, h1 a:focus {background: transparent url(/media/images/layout/logo_rot_161x102.png) no-repeat 0 0; }

/* home / kontakt style */
h2 {font: normal 20px/26px Arial, sans-serif;  color: #a3a4a9; margin:0; font-style: normal; margin-bottom: 4px; letter-spacing: 0.03em;} 
body.home h2 {width: 550px;}

/* unter arbeiten */
h3 {font: normal 14px/22px Arial, sans-serif;  color: #a3a4a9; margin:0; letter-spacing: 0.015em; margin-bottom: 2px;} 

/***********************************************/
/*       PARAGRAPHEN                          */
/*********************************************/

p { margin: 0; padding: 0; margin-bottom: 22px; }
body.arbeiten p {width:410px;}

hr {color: #f3f3f3; background-color: transparent; background: none; border-bottom: 1px solid #666666; margin: 0; padding: 0; margin-top: 15px; margin-bottom: 13px;}
em {color: #000; font-weight: normal; font-style: normal;}

/***********************************************/
/*  Tables brauchen class damit sie richtig  */
/*  formatiert werden                       */
/*******************************************/

table { border-collapse: collapse; caption-side:bottom; }
table tbody td { border:none; padding: 0px; height: 22px; font: normal 14px/20px Arial, sans-serif; background-color:transparent; padding-bottom: 15px; } /* Height gleich setzen wie den zeilenabstand! */
table thead th { border:none; padding: 0px; font: normal 14px/20px Arial, sans-serif; background-color:transparent; color: black; padding-bottom: 15px; }

/***********************************************/
/*                LINKS                       */
/*********************************************/

a, a:link, a:visited { color: #2e333d; text-decoration:none; font-style: normal;} 
a:hover, a:active, a:focus {color: #dc0032}

a:visited.noborder,
a:hover.noborder,
a:link.noborder,
a.noborder {border:0; border: none;}

a:visited img,
a:hover img,
a:link img,
a img {border:0; border: none;}


/***********************************************/
/*   ABSOLUTE DIVS | CONTENT BOXEN            */
/*********************************************/

#wrapper {position: relative; width:860px; margin: 20px 48px 20px 48px; background: transparent; } /* 7 pixels zu gross wegen adresse div */

#content {position: absolute; left: 209px; top:150px; width: 650px; border-top: 1px dotted #a3a4a9; } /* border bottom is in jqGalScroll */
	.text { padding-top: 4px; z-index: 1; } /* padding-top: 3px; */
	.image { padding: 0; margin: 0; }
	
	#portrait_image {position: absolute; top:315px; left: 340px; z-index: 0;}

#navigation {position: absolute; left: 0; top:150px; border-top: 1px dotted #a3a4a9; padding-top: 5px; } /* padding-top: 3px; */
	/* MAIN */
	#navigation ul {width: 165px;}
	#navigation li { display: block; list-style-type: none; margin: 0; padding: 0; line-height: 18px; width: 150px; } /* height: 18px; fuer IE 6 */
	
	#navigation li a,
	#navigation li a:link,
	#navigation li a:visited { display: block; font: bold 12px/18px Arial, sans-serif; text-decoration: none; text-transform: uppercase; color: #a3a4a9; letter-spacing: 0.03em; }

	#navigation li a:hover,
	#navigation li a:active, 
	#navigation li a:focus {color: #dc0032; }
				
	#navigation li a.selected {color: #000;}
	/* SUB ARBEITEN */
	#navigation ul ul.inactive {display: none;}
	#navigation ul ul {position: absolute; top: 112px; left: 0; border-top: 1px dotted #a3a4a9; padding-top: 5px;} /* padding-top: 3px; */
	#navigation ul ul li a:link,
	#navigation ul ul li a:visited {font: normal 10px/15px Arial, sans-serif;}
	
	#navigation ul ul li a.selected {color: #000!important; }
	#navigation ul ul li a.content_new { margin-top: 22px; padding: 0 7px; background-color: red; color: white!important; font-size: 0.8em; text-transform: none; width: 60px;}

#arrow_1 {position: absolute; top: 136px; left: 0; width: 9px; height: 10px; background: transparent url(/media/images/layout/pfeil_unten.png) no-repeat left top;}
#arrow_2 {position: absolute; top: 249px; left: 0; width: 9px; height: 10px; background: transparent url(/media/images/layout/pfeil_unten.png) no-repeat 0 0;}
	

#adresse {position: absolute; top: 72px; right:0; width: 300px; font: normal 11px/17px Arial, sans-serif; color: #a3a4a9;  letter-spacing: 0.015em; }
	#adresse a, #adresse a:link, #adresse a:visited {font: normal 11px/17px Arial, sans-serif; letter-spacing: 0.015em; color: #2e333d;}
	#adresse a:hover, #adresse a:active, #adresse a:focus {color: #dc0032;}
	#adresse ul {float: right; text-align: right; margin: 0; padding: 0;}
	#adresse li {display:block; list-style-type:none; margin:0; padding:0;}
	#adresse p {float: right;}


/***********************************************/
/*         STYLES {fonts}                     */
/*********************************************/

a.content_edit {display: inline; margin: 0; padding: 2px 7px; background-color: red; color: white; font-size: 0.8em;}

.kontakt_special {font: normal 20px/32px Arial, sans-serif;}