﻿/*  --- Typo und Schrift ---  */

* {
	margin: 0;
	padding: 0;
}


p,ul,ol {
	margin-bottom:8px;
}
ul {
	list-style-type:none;
}
ul li {
	margin-left:8px;
	padding-left:12px;
	margin-bottom:1px;
	background-image:url(/images/layout/listdot.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}
ol li {
	margin-left:20px;
	padding-left:5px;
}
* html ol li {
	margin-left:23px;
	padding-left:2px;
}
h1,h2,h3,h4 {
	line-height:normal;
}
h1 ,
#main #content h1 {
	text-transform:uppercase;
	font-weight: normal;
	font-size:20px;
	margin-bottom:28px;
}
h2 ,
#main #content h2 {
	text-transform:uppercase;
	font-size:13px;
	font-weight: bold;
	color:#717171;
	position:relative;
	top:-28px;
}
h3 {
	text-transform:uppercase;
	font-size:13px;
	font-weight: bold;
	color:#717171;
	margin-top:18px;
	margin-bottom:6px;
}
h4 {
	font-size:11px;
	font-weight: bold;
	margin-bottom:1px;
}

a {
	color:#b12329;
	text-decoration:none;
}	
a:hover {
	text-decoration:underline;
}

/*  --- Content Styles ---  */

table.lines {
    border-collapse: collapse;
	border-bottom:none;

}
table.lines tr {
}
table.lines td ,
table.lines th {
	padding:1px;
	border-bottom:1px solid #b5b5b5;
	vertical-align:top;
	text-align:left;
}
table.lines.wide td ,
table.lines.wide th {
	padding:5px;
}
table.lines tr:last-child td ,
table.lines tr:last-child th ,
table.lines tr.last-child td ,
table.lines tr.last-child th {
	border-bottom:none;
}
table.lines {  /* Last-Child Hack for IE6 */
 /*	 behavior:expression(this.firstChild.lastChild.bgColor = ''); */
		/* firstChild = TBODY   lastChild = TR  */
}
table.lines th ,
table.lines.wide th {
	font-weight:bold;
	padding-left:0px;
}


.thumbnail {	
	display:block;
	width:80px;
	height:80px;
	background-position:0 0;
	background-repeat:no-repeat;
}
a:hover .thumbnail.hilight {
	background-position:0 -80px;
}


#gallery {
	width:465px;
	padding:0;
	margin:0;
	margin-right:-30px;
}
#gallery:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#gallery .item {
	padding:0;
	margin:0;
	background-image:none;
	width:80px;
	float:left;
	margin-right:13px;
	margin-bottom:8px;
	_overflow-x:hidden;
}
#gallery .item a {
	display:block;
	width:80px;
	font-size:10px;
	color:#999999;
	line-height:11px;
	cursor:pointer;
}	
#gallery .item a .thumbnail {
	margin-bottom:5px;
}
#gallery .item a strong {
	color:#666666;
	font-weight:normal;
}
#gallery .item a:hover {
	color:#666666;
	text-decoration:none;
}
#gallery .item a:hover strong {
	color:#333333;
}

a.checkbox {
	background-image:url(../images/layout/checkbox.gif);
	background-repeat:no-repeat;
	background-position:0 -17px;
	padding:4px 0px 2px 18px;
	color:#333333;
	line-height:15px;
}
a.checkbox:hover {
	text-decoration:none;
	color:#b12329;
}
a.checkbox.checked {
	background-position:0 3px;
}

#referenzen {
	padding:0;
	margin:0;
}
#referenzen .item {
	padding:0;
	margin:0;
	background-image:none;
	padding-top:6px;
	padding-bottom:5px;
	border-bottom:1px solid #b5b5b5;
}

#referenzen .item a {
	display:block;
	position:relative;
	min-height:80px;
	_height:80px;
	padding-left:90px;
	padding-bottom:1px;
	color:#333333;
}
#referenzen .item a .thumbnail {
	position:absolute;
	left:0px;
}
#referenzen .item a:hover {
	text-decoration:none;
	color:#666666;
}

.pagination {
	padding-top:8px;
	padding-left:87px;
	position:relative;
}
.pagination .left {
	position:absolute;
	margin-left:-87px;
	width:80px;
	text-align:right;
}
.pagination a {
	color:#666666;
}
.pagination a:hover {
	color:#b12329;
	text-decoration:none;
}

/*  --- Seitenlayout ---  */

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color:#333333;
	background-color:white;
}

/*  GENEVA derzeit nicht verwendet  
#main #content h1 ,
#main #content h2 ,
#footer #footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
*/

#minwidth {
	min-width:715px;        /* Min-Width für Geckos */
	position:relative;
	width:100%;
	_width:expression(document.documentElement.clientWidth<715?'715px':'100%');  /* Min Width for IE6 */
}
.centering {
	clear:right;
	float:right;
	width:57%;
	background-repeat:repeat-x;
	min-width:512px;
}
.position {
	position:relative;
	margin-left:-341px;
	width:853px;
	background-repeat:no-repeat;
}

/*  --- Headerbereich ---  */
#header_top {
	position:absolute;
	top:0px;
	width:100%;
}
#header.centering  {
	background-image:url(/images/layout/header-right.gif);
}
#header.centering .position {
	height:280px;
	background-image:url(/images/layout/header.gif);
}
#header .logo {
	position:absolute;
	display:block;
	left:104px;
	top:14px;
	width:194px;
	height:219px;
	padding-left:237px;
	padding-top:47px;
	background-image:url(/images/layout/torero.jpg);
	background-repeat:no-repeat;
}
#header #claim {
	position:absolute;
	bottom:25px;
	left:560px;
	width:258px;
	height:37px;
	background-image:url(/images/layout/think.act.succeed.gif);
}
#header #claim h2 {
	display:none;
}

/*  --- Mainbereich ---  */
#main.centering {
	margin-top:280px;
	background-color:#e0e0e0;
}
#main.centering .position {
	background-image:url(/images/layout/main-background.gif);
	background-repeat:repeat-y;
	padding-bottom:12px;		/* Minimum 1px notwendig, das die Bottom-Margins nicht aus dem Div rausragen */
}
#main #corner {
	width:100px;
	height:100px;
	position:absolute;
	bottom:-1px;
	left:241px;
	background-image:url(/images/layout/footer-corner.gif);
	_z-index:-1;
}
#main #logoshadow {
	width:171px;
	height:18px;
	position:absolute;
	top:0px;
	left:130px;
	background-image:url(/images/layout/logo-shadow.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.adwerba.at/images/layout/logo-shadow.png",sizingMethod="scale");
	_z-index:-1;
}
#main #content {
	float:right;
	width:452px;
	padding-left:20px;
	padding-right:30px;
}	
#main #menu {
	position:relative;   /* damit es über dem #corner liegt */
	_position:static;    /* für IE6 - sonst Darstellungsfehler im Menü (kein hintergrund), dafür über z-index:-1 gelöst */
	width:170px;
	padding-left:148px;
	z-index:1;
}

/*  --- Hauptmenü ---  */
#menu li ,
#menu ul {
	margin:0;
	padding:0;
	background-image:none;
}
#menu ul {
	list-style:none;
	padding-top:2px;
	*padding-top:3px;
}
#menu ul li {
	padding-bottom:6px;
}
#menu ul li a {
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:13px;
	color:#333333;
	text-transform:uppercase;
	background-image:url(/images/layout/menudot.gif);
	background-repeat:no-repeat;
	background-position:0 0; 
	padding-left:15px;
}
#menu ul li a:hover {
	color:black;	
}
#menu ul li a:hover ,
#menu ul li.active a {
	text-decoration:none;
	background-position:0 -51px;
	*background-position:0 -52px;
}
#menu ul li.active a:hover {
	background-position:0 -101px;
	*background-position:0 -102px;
}

/*  --- Submenü ---  */
#menu ul li ul {
	padding-top:5px;
	padding-bottom:3px;
}
#menu ul li ul li {
	padding-bottom:4px;
}
#menu ul li ul li a ,
#menu ul li.active ul li a {
	font-size:11px;
	line-height:11px;
	color:#333333;
	font-weight:normal;
	letter-spacing:1px;
	padding-left:16px;
	background-position:0 0;
}
#menu ul li ul li a:hover {
	color:black;
}
#menu ul li ul li a:hover ,
#menu ul li ul li.active a ,
#menu ul li.active ul li a:hover ,
#menu ul li.active ul li.active a {
	background-position:0 -52px;
	*background-position:0 -53px;
}
#menu ul li ul li.active a:hover ,
#menu ul li.active ul li.active a:hover {
	background-position:0 -102px;
	*background-position:0 -103px;
}
	

/*  --- Footerbereich ---  */

#footer.centering  {
	background-image:url(/images/layout/footer-right.gif);
}
#footer.centering .position {
	height:80px;
	background-image:url(/images/layout/footer.gif);
}
#footer #footer {
	padding-left:371px;
	padding-top:20px;
	font-size:9px;
	line-height:11px;
	color:#999999;
}
#footer #footer a {
	color:#999999;
}

/*  --- Dreamweaver Styles ---  */

body.content {
	width:452px;
	padding:25px 30px;
	background-color:#e0e0e0;
	background-image:url(../images/layout/main-background.gif);
	background-position:-341px 0;
	background-repeat:repeat-y;
}
