/*
 created by: Josef Florian Glatz <josef@josdesign.at>
 created for: fuernholzer.com
 Client: Donnerwirt
 Description: CSS
 Copyright: (C) josdesign - Josef Florian Glatz 2010
*/ 

html * {
	margin:	0;
	padding:0;
}

html {
	height: 100.1%;
	padding-bottom: 1px;
}

body {
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
	font-size: 14px;
	color: #333d48;
	background: #cebb74 url(../images/hg-greenverlauf.png) repeat-x top center;
}

a { outline:none; }

p {
	margin: 0 0 20px 0;
	line-height: 1.4em;
}

.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}

h3 {
	color: #a76d30;
	margin: 0 0 30px 0;
}

#col1 h2,
#col1 h3,
#col1 h4 {
	color: #a16d30;
	font-size: 44px;
	padding-bottom: 10px;
	line-height: normal;
}

#col1 h3 {
	font-size: 35px;
}
#col1 h4 {
	font-size: 30px;
}

#col1 a {
	color: inherit;
	text-decoration: underline;
}
#col1 a:hover {
	color: #404a55;
}

.cufon-active #col1 h2,
.cufon-active #col1 h3,
.cufon-active #col1 h4 {
	line-height: 20px;
}

.csc-textpic-caption {
	font-size: 12px;
	font-style: italic;
}

/* = = = = = = = = = = = = = = =   BASE   = = = = = = = = = = = = = = = */

#container {
	margin: 0 auto;
	position: relative;
	width: 950px;
	text-align: left;
}

#top {
	margin: 0px auto 0 auto;
	height: 12px;
	width: 950px;
	background: url(../images/top.png) repeat-x;
}

#header {
	background: url(../images/header.png) repeat-x;
}

#header h1 {
	margin: 0;
	padding: 10px 0 0 30px;
	height: 315px;
	background: url(../images/h1.png) no-repeat;
}


#header h1 a {
	display: block;
	width: 475px;
	height: 160px;
	overflow:hidden;
	text-indent:-999999%;
	background: url(../images/donnerwirt.png) no-repeat;
	font-size: 0;
	line-height: 0;
}

#media {
	position: absolute;
	top: 76px;
	z-index: -1;
	height: 630px;
	width: 950px;
	overflow: hidden;
}

#content {
	margin: 380px 0 0 0;
	background: url(../images/deco_top.png) #ffffff right top no-repeat;
}

#col1 {
	background: url(../images/deco_bottom.png) bottom left no-repeat;
	padding: 145px 0 200px 60px;
	width: 590px;
	line-height: 20px;
	float: left;
}

#col2 {
	position: absolute;
	top: 530px;
	margin: 0 0 0 35px;
	height: 250px;
}

#col2 h3 {
	color: #ffffff;
	margin: 10px;
}

#col2 span {
	position: absolute;
	right: 1px;
	bottom: 1px;
	display: block;
	width: 110px;
	height: 135px;
	background: url(../images/deco_teaser.png) no-repeat bottom right;
}

#col3 {
	width: 240px;
	float: right;
	margin: 0 31px 0 0;
	padding: 196px 0 200px 0;
}

.teaser {
	position: relative;
	float: left;
	margin: 0 18px 0 0;
	width: 279px;
	background: url(../images/teaser-green.png);
	padding: 1px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}

#footer {
	color: #a76d30;
	background: url(../images/footer.png) repeat-x;
	padding: 15px 0 1px 60px;
	margin: 0 0 30px 0;
	font-size: 12px;
}

#footer a {
	color: #a76d30;
	text-decoration:none;
}

#agentur {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 325px;
	height: 310px;
	background: url(../images/agentur.png) no-repeat;
}

/* = = = = = = = = = = = = = = =   MENU   = = = = = = = = = = = = = = = */

#menu {
	position: absolute;
	top: 15px;
	right: 20px;
}

#menu ul li {
	list-style: none;
	display: inline;
}

#menu ul li a {
	display: block;
	float: left;
	color: #ffffff;
	text-decoration: none;
	border-left: red;
	padding: 15px 25px;
	background: url(../images/a.png) no-repeat top left;
	font-size: 18px;
}
.cufon-active #menu ul li a {
	font-size: 26px;
	padding: 22px 25px 3px 25px;
}
.cufon-active #menu ul li a .firstletter {
	color: #a76d30;
}
.cufon-active #menu ul li a:hover .firstletter {
	color: #fff;
}
.cufon-active #menu ul li a {
	font-size: 26px;
	padding: 22px 25px 3px 25px;
}
.cufon-active #menu ul li a:hover {
	color: #a76d30;
}

#menu ul li a:first-letter {
	color: #a76d30;
}


/* = = = = = = = = = = = = = = =   TEASER   = = = = = = = = = = = = = = = */

.cufon-active .teaser a h3 {
	font-size: 45px;
	text-align: center;
	letter-spacing: 0.4px;
	padding: 0 0;
	margin: 0 0;
}
.cufon-active .teaser a:hover {
	color: #a76d30;
}



/* = = = = = = = = = = = = = = =   ADDITIONAL   = = = = = = = = = = = = = = = */

#toTop {
	width:100px;
	background:#f1f1f1;
	border:none;
	text-align:center;
	padding:5px;
	position:fixed;
	bottom:34px;
	right:10px;
	cursor:pointer;
	color:#00662E;
	text-decoration:none;
	font-weight:bold;
	display:none;
}

#agentur-footer {
	display: none;
}


/* @group DL-DT/DD for history */

dl.chronik{
	margin-top: 25px;
	
}
dl.chronik dt {
	display: block;
	float: left;
	margin: 0 0 0 0;
}
dl.chronik dd {
	display: block;
	margin: 0 0 12px 60px;
	padding: 0 0 0 0;
}

.cufon-active .chronik dt {
	font-size: 18px;
	line-height: normal;
}

/* @end */



/* = = = = = = = = = = = = = = =   FCEs   = = = = = = = = = = = = = = = */
  .subcolumns { width:100%; overflow:hidden; }
  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }


/* = = = = = = = = = = = = = = =   RTE Modifikationen   = = = = = = = = = = = = = = = */

.csc-frame-frame1,
.csc-frame-frame2 {
	border: 1px solid #333333;
	background-color: #EDEBF1;
	margin: 10px 80px 25px 0px;
	padding: 5px;
}
.csc-frame-frame2 {
	background-color: #F5FFAA;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-justify {
	text-align: justify;
}