/* -------------------------------------- Basic Layout */

body {
	margin: 0 20px 20px 20px;
	padding: 0;
	background-color: #8b843f;
	font-family: Din, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, "Helvetica Neue", sans-serif;
	font-size: 11px;
	background-image: url(http://www.thea-gency.com/images/design/verlauf_2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#frame {
	width: 962px;
	margin: 0 auto;
	padding: 0 0 0 0;
	position: relative;
	background-image: url(http://www.thea-gency.com/images/design/chivas109.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 750px;
	height: auto !important;  /* für moderne Browser */
	height: 750px;  /*für den IE */
}
#leistungen #frame {
	background-image: url(http://www.thea-gency.com/images/design/chivas5.jpg);
	background-position: center -500px;
}
#referenzen #frame {
	background-image: url(http://www.thea-gency.com/images/design/homepage2.jpg);
	background-position: center -400px;
}
#team #frame {
	background-image: url(http://www.thea-gency.com/images/design/chivas102.jpg);
	background-position: center top;
}
#kontakt #frame {
	background-image: url(http://www.thea-gency.com/images/design/chivas100.jpg);
	background-position: center top;
}

#header {
	width: 942px;
	height: 37px;
	padding: 10px 0 8px 20px;
	margin: 0 0 5px 0;
}

#header a {
	float: right;
	width: auto;
	border: 2px solid !important;
	border-color: #8b843f;
	padding: 0;
	margin: -1px 20px 0 20px;
	text-shadow: none;
}

#header a:hover {
	border-color: #000;
}

#logo {
	margin: 0;
	border: 0;
}

#content {
	position: relative;
	float: left;
	width: 960px;
	/*height: 470px;*/
	padding: 0;
	margin: 0 1px;
	background-image: url(http://www.thea-gency.com/images/design/a_80.png);
	background-position: -15px 44px;
	background-repeat: no-repeat;
	color: #000;
	line-height: 1.4em;
	border-bottom: 1px solid #ddd !important;
}
#title {
	float: left;
	width: 960px;
	height: 40px;
	margin: 37px 0 4px 0;
	padding: 15px 0 0 0;
}
#title h1 {
	float: left;
	width: auto;
	height: auto;
	margin: 0 0 0 80px;
	padding: 0 10px 0 0;
}
/*#title h2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 0;
	padding: 0.4em 0 0 20px;
}*/
#leistungen #content {border-color: #fa6400;}
#referenzen #content {border-color: #b6000f;}
#team #content {border-color: #770030;}

#content #contentimage {
	float: left;
	width: 400px;
	margin: 0;
}
#contentimage img {
	margin: 10px 15px 15px 15px;
	width: 360px;
	border: 5px solid;	
	border-color: #8b843f;
}
#player {
	margin: 15px;
	width: 360px;
	border: 5px solid;	
	border-color: #8b843f;
}
#leistungen #contentimage img, #leistungen #player {border-color: #fa6400;}
#referenzen #contentimage img, #referenzen #player {border-color: #b6000f;}
#team #contentimage img, #team #player {border-color: #770030;}

#content #text {
	float: left;
	width: 282px;
	padding: 5px 20px 0 20px;
	margin: 0 0 10px 0;
	background-color: #fff;
	min-height: 462px;
	height: auto !important;  /* für moderne Browser */
	height: 462px;  /*für den IE */
}
#leistungen #content #text {
	border-color: #fa6400;
}
#referenzen #content #text {
	border-color: #b6000f;
}
#team #content #text {
	border-color: #770030;
}

#content #text.wide {
	width: 682px;
	border-right: 0;
}

#team #text p {
	float: left;
	width: 280px;
	height: 110px;
	margin: 0 0 10px 0;
}
#text p img {
	float: left;
	padding: 0 20px 10px 0;
}
#nav {
	float: left;
	width: 940px;
	height: 34px;
	border-top: 1px solid #333;
	margin: 0;
	padding: 5px 10px;
	background-color: #8b843f;
}
#leistungen #nav  {background-color: #fa6400;}
#referenzen #nav  {background-color: #b6000f;}
#team #nav  {background-color: #770030;}

#nav ul#langnav {
	margin: 0 5px 0 0;
	padding: 0;
	width: auto;
	float: right;
}
#nav ul#langnav li {
	float: left;
	margin: 0;
}
#nav ul#langnav a {
	padding: 0 5px 0 5px;
	color: #000;
	text-transform: none;
}

#nav a.sel, #nav ul#langnav a:hover, #nav ul#langnav a.sel {
	color: #fff;
}
#subnav {
	float: left;
	width: 210px;
	height: 380px;
	margin: 0;
	padding: 10px 10px 0 18px;
}
#footer {
	float: left;
	width: 942px;
	height: 53px;
	padding: 12px 0 0 20px;
	margin: 5px 0 5px 0;
	background-color: #000;
	border-top: 1px solid #555;
	color: #eee;
	font-size: 12px;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
}


/* -------------------------------------- Links and Navigation */

a {
	color: #8b843f;
	border-bottom: 1px dotted #8b843f;
	text-decoration: none;
}
#leistungen a {
	color: #fa6400;
	border-bottom: 1px dotted #fa6400;
}
#referenzen a {
	color: #b6000f;
	border-bottom: 1px dotted #b6000f;
}
#team a {
	color: #770030;
	border-bottom: 1px dotted #770030;
}

#text a:hover {
	color: #000;
	border-bottom: 1px solid #000;	
}
#accordion a:hover {border: 0;}

#nav ul {
	display: inline;
	width: 960px;
	margin: 0;
	padding: 0;
}

#nav li {
	display: inline;
	margin: 0 15px 0 0;
	padding: 0;
}

#nav ul li ul {
	float: left;
	margin: 2px 0 0 0;
}

#nav li a {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	border-bottom: none;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	text-transform: uppercase;
}

#nav li li a {
	font-size: 1.1em;
	font-weight: normal;
	text-shadow: none;
	text-transform: none;
}

#nav a:hover {
	color: #fff;
	text-shadow: none;
}

#nav a.sel {
	color: #fff;
	text-shadow: none;
}
#subnav ul {
	float: left;
	padding: 0;
	margin: 0;
	width: 200px;
	font-weight: bold;
	font-size: 1em;
	color: #222;
}
#subnav li {
	display: inline;
	float: left;
	width: 200px;
	padding: 0 0 5px 0;
	margin: 0;
}
#subnav li a {
	float: right;
	width: auto;
	color: #666;
	font-weight: normal;
	border-bottom: 1px dotted #999;
}
#subnav li a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}
#subnav li a.sel {
	color: #000;
	border-bottom: 1px solid #000;
}

/* -------------------------------------- Accordion */

#accordion {
	background-color: none;
	border-left: 1px solid #fa6400;
	border-right: 1px solid #fa6400;
	border-bottom: 1px solid #fa6400;
}
#accordion div {
	padding: 1px 0;
	background-color: #fff;
}
#accordion p {
	font-size: 1em;
	padding: 0 4px;
	margin: 1px 0 7px 0;
	color: #000;
	line-height: 1.4em;
}
#accordion h3 {
	margin: 0;
	text-transform: uppercase;
	font-size: 0.95em;
	line-height: 1.3em;
	font-weight: normal;
	color: #fa6400;
	border-top: 1px solid #fa6400;
	background-color: #fff;
	font-family: Din, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, "Helvetica Neue", sans-serif;
}
#accordion h3 a {
	display: block;
	padding: 2px 4px 1px 4px;
	background-color: #fff;
	color: #000;
	border: 0;
}
#accordion h3 a:hover, #accordion h3.sel a {
	background-color: #fa6400;
	color: #fff;
}

/* -------------------------------------- Typography */

h1 {
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #fff;
	white-space:normal;
	margin: 45px 0 0 0;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
}
h1#welcome {
	float: left;
	width: 920px;
	text-align: center;
	font-size: 1.5em;
	color: #eee;
	padding: 6px 20px 5px 0;
	margin: 10px 0 0 0;
}
h1 a#enter {
	float: left;
	text-align: center;
	font-size: 1.5em;
	color: #8b843f;
	border: 1px dotted #8b843f;
	padding: 6px 10px 5px 10px;
	margin: 285px 0 0 350px;
}
h1 a#enter:hover {
	color: #fff;
	background-color: #000;
	border: 1px solid #fff;
}

h2 {
	width: 280px;
	padding: 0;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #000;
	font-family: Din, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, "Helvetica Neue", sans-serif;
}
h3 {
	margin: 30px 0 20px 0;
	font-size: 1em;
	color: #000;
	font-family: Din, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, "Helvetica Neue", sans-serif;
}
p {
	margin: 10px 0;
	line-height: 1.4em;
	font-size: 1em;
}
/* -------------------------------------- Tables */

table {
	float: left;
	width: auto;
	margin: 0 0 0 80px;
}

table td {
	vertical-align: top;
	padding: 0 40px 3px 0;
}