@media all
{

*{margin:0; padding:0;}

body { background-color: #F9F9F9; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;}

/**********************/
/* Layout der Seite */

#page {border:1px solid #E2001A; height:657px; background: url(bilder/ihr_friseur_logo_neu.gif) right bottom no-repeat; }

/*#page_margins {
	position: absolute;
	margin-top: -328px;
	margin-left: -470px;
	border: 10px solid #eee; 
	top: 50%;
	left: 50%;
	width: 942px;
	height: 657px;
	background-color: #fff;
	}
	*/

#page_margins {
	margin: 10px auto;
	border: 10px solid #eee; 
	width: 942px;
	height: 657px;
	background-color: #fff;
	}
	
/* linke Spalte */
#col1 {width:290px; height:657px; float:right; border-left:1px dotted #E2001A; position:relative;}
#adresse { font-size:11px; color:#666; padding: 12px 15px;}

/* Rechte Spalte */
#col2 {width:554px; padding: 38px 35px 5px 48px; position:absolute;}

#nav {border-bottom: 5px solid #EFEFEF; padding: 0 0 0px 0;}
#seknav {}

#col2_content {padding:30px 10px 10px 0; height:496px; width:572px; background-color:#fff; overflow:auto; font-size:14px; position:relative;}

/* Formatierung der Fußzeile */
#footer { width:554px; position: absolute;	top:620px; margin: 0 48px 5px 0; padding: 5px 0; border-top: 5px solid #EFEFEF; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color:#666; background:#fff;}

/**********************/
/* Textformate */

h1 {font-size:24px; color: #E2001A; font-weight:normal; margin:0 0 5px 0;}
h2 {font-size:20px; color: #E2001A; font-weight:normal;}
p  {font-size:14px; color: #666; margin:0 0 8px 0;}

/**********************/
/* Navigation  */

/* 1. Ebene */
#nav ul li {padding-right:25px; list-style:none; display:inline;}
#nav ul li a {text-decoration:none; color:#666; font-weight:bold;}
#nav ul li.active {border-bottom:5px solid #ccc;}
#nav ul li.active a, #nav ul li a:hover {color:#E2001A; }

/* 2. Ebene */
#seknav ul {background:#fff; padding-left: 5px;}
#seknav ul li {margin-right:15px; list-style:none; display:inline; font-size:14px;}
#seknav ul li a {text-decoration:none; color:#666; }
#seknav ul li.active a, #seknav ul li a:hover  {text-decoration:underline; color:#E2001A; }

/**********************/
/* Typo3 Content */

div.csc-textpic-border img {border:8px solid #efefef;}
.csc-textpic-caption {font-size:11px; color:#999;}

}