/* GWI 2010 V 1.0  */
/* Styles by elfnullfuenf, Joerg Gehring, www.elfnullfuenf.de, info@elfnullfuenf.de, 2010 */


/* General */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body {
	color: #444;
	text-align: center;
	font: 500 0.78em Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #e1e0dc url(../pics/ag/HGBody.png) repeat-x fixed;
	overflow-y: scroll;
	overflow-x: auto;
}



h2 {
	font: 600 1.7em Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
	line-height: 1.2em;
	color: #000;
	}

h2.avenir {
	color: #000;
	font: 500 22px Arial, Helvetica, sans-serif;
	}
	
	
h2.avenir img {
	margin-bottom: 5px;
	}
	
h2.avenirSmall {
	color: #000;
	font: 500 16px Arial, Helvetica, sans-serif;
	}

	
h3 { 
	font: 500 1.2em Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 0.3em;
	}
	
h3.avenir {
	color: #000;
	font: 500 16px Arial, Helvetica, sans-serif;
	}
	
h4 { 
	font: 500 1em Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 0.3em;
	}



/* --- Links --- */


#content p a:link, #content p a:visited {
	text-decoration: none;
	color: #ae0e1b;
	border-bottom: 1px solid #ae0e1b;
	}
	
#content p a:hover {
	color: #000;
	background: #e1e0dc;
	border-bottom: 1px solid #444;
	}
	
#content p a.more, #content p a.more:visited, a.more, a.more:visited, .more {
	float: left;
	color: #fff;
	display: block;
	background: #c7c7c5 url(../pics/ag/arrowWhite.png) center right no-repeat;
	padding: 5px 20px 5px 5px;
	cursor: pointer;
	border: none;
	border-bottom: none;
	border-right: 5px solid #c7c7c5;
	text-decoration: none;
	}
	
#content p a.more:hover, a.more:hover, .more:hover {
	background: #ae0e1b url(../pics/ag/arrowWhite.png) center right no-repeat;
	border-bottom: none;
	border-right: 5px solid #ae0e1b;
	}
	
#content .box p a.referenz:link, #content .box p a.referenz:visited {
	text-decoration: none;
	color: #444;
	border-bottom: none;
	}
	
#content .box p a.referenz:hover {
	background: none;
	color: #ae0e1b;
	}

/* --- Helpers --- */


.noscript {
	position: absolute;
	top: 0px;
	padding: 20px;
	background: #ff0000;
	color: #fff;
	font: 500 1em Arial, Helvetica, sans-serif;
	z-index: 100;
	}


.small {
	font-size: 0.8em ;
	line-height: 1.3em;
	}
	
.big {
	font-size: 1.6em;
	}
	
.red {
	color: #ae0e1b;
	}
	
.black {
	color: #000;
	}
	

.clear {
	clear: both;
	font-size: 0px;
	overflow: hidden;
	height:0;
	width: 0;
	}

.upper {
	text-transform:uppercase;
	}

.mR20 {
	margin-right: 20px;
	}
	
.mR60 {
	margin-right: 60px;
	}
	
.mB20 {
	margin-bottom: 20px;
	}

.p15 {
	padding: 15px;
	}

.pT5 {
	padding-top: 5px;
	}

.sep20 {
	float: left;
	width: 20px;
	height: 20px;
	}

.sep19 {
	float: left;
	width: 19px;
	height: 19px;
	}
	

#content ul.square {float: left; padding: 10px 0px 30px 15px; width: 100%;}
#content ul.square li {display:list-item; list-style-type:square; line-height: 1.5em; padding: 0px 0px 6px 0px;}
#content ul.square li a:link, #content ul.square li a:visited {
	text-decoration: none;
	color: #ae0e1b;
	border-bottom: 1px solid #ae0e1b;
	}
	
#content ul.square li a:hover {
color: #000;
	background: #e1e0dc;
	border-bottom: 1px solid #444;
	}
	

/* --- Logo  --- */


h1#logo  {
	position: absolute;
	width: 161px;
	top: 37px;
	right: 40px;
	z-index: 10;
	}
	
h1#logo a {
	display: block;
	background: url(../pics/ag/logoTop.png) no-repeat;
	width: 161px;
	height: 59px;
	cursor: pointer;
	text-indent: -9999px;
	font-size: 0;
	}




/* Container */

#containerAll {
	margin: 0 auto;
	width: 960px;
	}

#containerMain  {
	float: left;
	width: 960px;
	text-align: left;
	position: relative;
	overflow: hidden;
	}


#content {
	float: left;
	margin: 162px 0 20px 0;
	width: 960px;
	}

.wide {
	float: left;
	background: #fff;
	padding: 16px;
	width: 928px;
	overflow: hidden;
	}
	
.start {
	float: left;
	padding-top: 278px;
	}

.box {
	float: left;
	width: 306px;
	height: 200px;
	overflow: hidden;
	}

.hgWhite {
	background: #fff;
	}

.lastCol {
	width: 307px;
	}
	
.half {
	float: left;
	width:430px;
	}


/* --- Header  --- */



#header {
	position: absolute;
	width: 960px;
	height: 151px;
	overflow: hidden;
	top: 0;
	left: 0;
	background: url(../pics/ag/HGHeader.jpg) no-repeat;
	z-index: 0;
	}



/* --- Navigation --- */



#nav {
	position: absolute;
	top: 107px;
	left: 16px;
	width: 900px;
	height: 44px;
	z-index: 10;
	}


#nav li {
	float: left;
	list-style: none;
	line-height: 39px;
	}


#nav li a:link, #nav li a:visited {
	color: #444;
	text-decoration: none;
	padding: 0px 24px 5px 12px;
	display: block;
	}

#nav li a:hover {
	color: #ae0e1b;
	}


#nav li a:hover {
	background: #999 url(../pics/ag/navHover.jpg) no-repeat bottom right;
	color: #fff;

}

#nav li a.on {
	background: #ae0e1b url(../pics/ag/navActive.jpg) no-repeat bottom right;
	color: #fff;
	}

	

	


/* Bottom */

#footer {
	clear: both;
	float: left;
	padding: 16px;
	width: 928px;
	color: #e0dfdf;
	background: #908f8b url(../pics/ag/logoBottom.jpg) 900px 16px no-repeat;
	font-size: 0.9em;
	line-height: 1.35em;
	}


.boxFooter {
	float: left;
	width: 307px;
	}	
	
.navFooter ul {
	float: left;
	list-style-type: none;
	}

.navFooter li {
	list-style-type: none;
	padding: 0 0 5px 0;
	}

.navFooter li a:link, .navFooter li a:visited {
	color: #e0dfdf;
	text-decoration: none;
	}

.navFooter li a:hover {
	color: #fff;
	text-decoration: underline;
	}
	


#footer p a:link, #footer p a:visited {
	color: #e0dfdf;
	text-decoration:none;
	border: none;
	}

#footer p a:hover {
	color: #fff;
	text-decoration: underline;
	background: none;
	}
	

/* --- Teaser / Slider --- */
	

#teaser {
position: absolute;
top: 162px;
left: 0;
width: 960px;
height: 250px;
}


.anythingSlider                         { position:relative; top: 0px; left: 0px; width: 960px; height: 250px; }
.anythingSlider .wrapper                { width: 960px; overflow: hidden; height: 250px; margin: 0x; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 200px; width: 960px; margin: 0; position: relative; }
.anythingSlider .arrow                  { display: none; height: 200px; width: 67px; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: absolute; top: 225px; right: 30px;text-align: center; z-index: 20;}
#thumbNav a                             { text-indent: -9999px; background: url(../pics/ag/teaserCircleWhite.png) no-repeat 0 0;color: black; font: 9px Arial, Helvetica, sans-serif; display: block; float: left; width: 12px; height: 12px;margin: 0 5px 0 0; text-align: center; text-decoration: none; line-height: 12px; }
#thumbNav a:hover                       { background: url(../pics/ag/teaserCircleRed.png) no-repeat 0 0; }
#thumbNav a.cur                         { background: url(../pics/ag/teaserCircleRed.png) no-repeat 0 0; }

#start-stop                             { text-indent: -9999px; background: url(../pics/ag/teaserPlay.png) no-repeat 0 0; width: 12px; height: 12px; text-align: center; position: absolute; right: 10px; top: 225px; }
#start-stop.playing                     { background: url(../pics/ag/teaserPause.png) no-repeat 0 0; }
#start-stop:hover                       { background: #ae0e1b; }


/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


.teaserContent {
	position: absolute;
	top: 0px;
	left: 580px;
	height: 250px;
	padding: 35px 0 0 0;
	width: 170px;
	overflow: hidden;
	z-index: 30;
	}
	
.teaserContent h3 {
	font: 500 1em Arial, Helvetica,sans-serif;
	margin-bottom: 0.5em;
	}
	
.teaserContent ul {float: left; padding: 10px 0px 20px 15px;}
.teaserContent ul li {display:list-item; list-style-type:square; line-height: 1.5em; padding: 0px 0px 6px 0px;}
	


	
.boxgrid{ 
	width: 307px; 
	height: 200px; 
	margin:0px; 
	float:left; 
	background:#ae0e1b; 
	border: 0; 
	overflow: hidden; 
	position: relative;
	}


				
.boxcaption { 
	float: left; 
	position: absolute;
	top: 0;
	left: 0; 
	background: #fff; 
	height: 200px; 
	width: 100%;
	color: #000;
	cursor: pointer;
	}
	
.boxcaption p { 
	color: #000;
	padding: 15px; 
	}
 
 .captionfull .boxcaption {
 	top: 200;
 	left: 0;
 	}
 .caption .boxcaption {
 	top: 160;
 	left: 0;
 			}

.boxActive {
	float: left;
	padding: 80px 15px 15px 15px;
	overflow: hidden;
	color:#fff;
	cursor: pointer;		
	}
	
.boxActive h3{
	color: #fff;
	margin-bottom: 0.2em;	
	}

#content .boxActive p a:link, #content .boxActive a:visited, #content a.boxLink:link, #content a.boxLink:visited {
	color: #fff;
	text-decoration: none;
	}

#content .boxActive p a:hover {
	text-decoration: underline;
	background: none;
	border-bottom: none;
	}

.boxLink {
	display: block;
	height: 200px;
	width: 307px;
	padding: 90px 20px 0 20px;
	overflow: hidden;
	color:#fff;		
	}	


/* --- Gallery (has more styles in theme folder --- */

#galleria {
	float: left;
	width: 460px;
	}
	

.referenceDetail {
	float: left;
	margin: 0 20px;
	width: 400px;
	overflow: hidden;
	}
	
.referenceNavContainer {
	float: left;
	width: 26px;
	}
	
	
.referenceFirst, .referenceNext, .referenceBack {
	float: left;
	display: block;
	width: 26px;
	height: 22px;
	margin: 0 0 5px 0;
	background: url(../pics/ag/navGallery.png) 0 0;
	text-indent: -9999em;
	cursor: pointer;
	}

.referenceFirst {
	background-position: 0 0;
	}
	
.referenceFirst:hover {
	background-position: 0 22px;
	}
	
.referenceNext {
	background-position: 26px 0;
	}
	
.referenceNext:hover {
	background-position: 26px 22px;
	}
	
.referenceBack {
	background-position: 52px 0;
	}
	
.referenceBack:hover {
	background-position: 52px 22px;
	}
	
table.mailform td {
	padding: 2px;
	}

table.mailform td.col1 {
	width: 146px;
	}
	
table.mailform td.col2 {
	width: 236px;
	padding-left: 40px;
	}

.inputText {
	border: 1px solid #999;
	font: 500 1em Arial, Helvetica, sams-serif;
	color: #000;
	}
	
h3.mailHeader {
	width: 100%;
	border-bottom: 1px dotted #000;
	padding: 0 0 5px 0;
	margin: 50px 0 10px 0;
	}

.ndash {
	padding: 0 8px 9px 2px;
	}