/* -------------------------------------
	Allgemeine Styles
   ------------------------------------- */
   
html,body {
	margin: 0px;
	padding:0px;
}

html, body { 
	height: 100%;
	margin: 0px 0px 1px 0px;
}

body {
	font-family: Arial;
	font-size: 12px;
	background-color: #181818;
}


img{
	border: none;
}

h1{
	font-size: 24px;
	color: #4a70bc;
	margin-top: 0px;
	margin-bottom: 40px;
	font-weight: normal;
}

h2{
	font-size: 12px;
	/*margin-top: 26px;*/
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-weight: normal;
	color: #4a70bc;
}

h3{
	margin: 0px;
	padding: 0px 0px 6px 0px;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

p{
	
}

a{
	color: #4A70BC;
	text-decoration: none;
}

a:hover{
	color: #C5B752;
}

ul, li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

table{

}

tr{

}

td{

}


/* -------------------------------------
	Layout-Container
   ------------------------------------- */

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

#header{
	height: 182px;
	position: relative;
}


#logo{
	position: absolute;
	top: 52px;
	left: 20px;
}

#pageHeader{
	position: absolute;
	top: 74px;
	left: 19px;
}

#pageImg{
	position: absolute;
	right: 0px;
}

#colContainer{
	background-color: #fcfcfc;
	padding: 42px 34px 78px 62px;
}

#leftCol{
	margin-right: 64px;
	float: left;
	width: 578px;
}

#contentContainer{

} 

#innerContentContainer {


}

#rightCol{
	float: right;
	width: 222px;
}


#footer{
	height: 64px;
	background-color: #4a70bc;
	background-image: url('/img/herr_gorges/bg_footer.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

/* -------------------------------------
	Navigation
   ------------------------------------- */

#navigation{
	height: 32px;
	overflow: hidden;
	background-color: #4a70bc;
	padding-left: 17px;
	background-image: url('/img/herr_gorges/bg_navbar.gif');
}

#navigation ul li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 5px;
	/*border-right: 1px solid #4264A9; */
	line-height: 34px;
	text-align: center;
}

#navigation ul li a{
	float: left;
	margin: 0px 17px 0px 0px;
	line-height: 34px;
	text-indent: -9999px;
}

#navigation ul li.sprechkunst a{
	background-image:url(/img/herr_gorges/navigation/bg_sprechkunst.gif);
	width: 84px;
}

#navigation ul li.herrgorges a{
	background-image:url(/img/herr_gorges/navigation/bg_herrgorges.gif);
	width: 79px;
}

#navigation ul li.presentation a{
	background-image:url(/img/herr_gorges/navigation/bg_presentation.gif);
	width:75px;
}

#navigation ul li.references a{
	background-image:url(/img/herr_gorges/navigation/bg_references.gif);
	width: 74px;
}

#navigation ul li.vita a{
	background-image:url(/img/herr_gorges/navigation/bg_vita.gif);
	width: 26px;
}

#navigation ul li.press a{
	background-image:url(/img/herr_gorges/navigation/bg_press.gif);
	width: 45px;
}

#navigation ul li.dates a{
	background-image:url(/img/herr_gorges/navigation/bg_dates.gif);
	width: 54px;
}

#navigation ul li.friends a{
	background-image:url(/img/herr_gorges/navigation/bg_friends.gif);
	width: 53px;
}

#navigation ul li.media a{
	background-image:url(/img/herr_gorges/navigation/bg_media.gif);
	width: 74px;
}

#navigation ul li.contact a {
	background-image:url(/img/herr_gorges/navigation/bg_contact.gif);
	width: 51px;
}

#navigation ul li.selected {
	background-image:url(/img/herr_gorges/navigation/bg_selected.gif);
	background-position: center 26px;
	background-repeat: no-repeat;	
}

#navigation ul li a{
	background-position: 0px 7px;
	background-repeat: no-repeat;
	height: 34px;
}

#navigation ul li a:hover
/* #navigation ul li.sprechkunst a:hover, #navigation ul li.herrgorges a:hover, #navigation ul li.presentation a:hover, #navigation ul li.references a:hover, #navigation ul li.vita a:hover, #navigation ul li.press a:hover, #navigation ul li.dates a:hover, #navigation ul li.friends a:hover */
{
	background-position: 0px -20px; 
}

/* -------------------------------------
	Subnavigation
   ------------------------------------- */  

#subNavigation{
	margin-bottom: 24px;
}

#subNavigation ul li.subNavigationElement{
	padding-left: 15px;
	margin: 0px 0px 4px 0px;
}

/* .subNavigationElement a,*/
#colContainer a {
	background-image: url('/img/herr_gorges/navigation/sub_nav_link_marker.gif');
	background-position: 0 center;
	background-repeat: no-repeat;
	padding-left: 10px;
	color: #4b71bd;
}

.subNavigationElement a.selected {
	font-weight: bold;
}
/* -------------------------------------
	Startseite
   ------------------------------------- */   

#startFlashCcontainer {
	width: 760px;
	margin: 64px auto 0px auto;	
}

/* -------------------------------------
	Seitenstyles
   ------------------------------------- */   

#innerContentContainer ul {
	display: block;
	/* list-style-image: url('/img/herr_gorges/list.gif');
	padding-left: 16px; */
}

#innerContentContainer li {
	margin: 4px 0px;
}

.imgLeft{
	float: left;
	margin: 0px 24px 12px 0px;
}

.imgRight {
	float: right;
	margin: 0px 0px 12px 24px;
}

.twoImg .imgRight {
	margin-left: 0px;
}

.twoImg .imgLeft {
	margin-right: 0px;
}

.threeImg .imgLeft {
	margin-right: 22px;
}

.threeImg .imgRight {
	margin-left: 0px;
}

.imgLeftClearLeft{
	float: left;
	clear: left;
	margin: 0px 24px 28px 0px;
}

.imgLeft .captionArrow, 
.imgLeftClearLeft .captionArrow, 
.imgRight .captionArrow{
	height: 8px;
	background-image: url(/img/herr_gorges/caption_arrow.gif);
	background-repeat: no-repeat;
	padding: none;
	margin: none;
}


.imgLeft .image_caption, 
.imgLeftClearLeft .image_caption,
.imgRight .image_caption {
	padding: 4px 12px;
	background-color: #666666;
	color: #ffffff;
}



.quoteContainer{

}

.quote {
	margin: 0px 0px 8px 0px;
	font-style: italic;
}

.quoteAuthor{
	color: #8E99A4;
	margin: 0px 0px 24px 0px;
}

/* -------------------------------------
	Rechte Spalte
   ------------------------------------- */  
   
.rightColHeaderContainer{
	
}

.rightColHeader{
	height: 24px;
	width: 222px;
	background-color: #e8e8e8;
	line-height: 24px;
	padding-left: 10px;
	color: #666666;
	font-weight: bold;
}

.rightColHeaderArrow{
	background-image: url('/img/herr_gorges/header_arrow.gif');
	background-repeat: no-repeat;
	height: 9px;
	width: 222px;
}

/* -------------------------------------
	Termine: Seite
   ------------------------------------- */
.eventDate {
	color: #666666;
	margin: 0px 0px 6px 0px;
}

.event h3 {
	margin: 0px 0px 6px 0px;
}

.event p {
	margin: 0px 0px 8px 0px;
}

.eventDateService {
	color: #666666;
}

.eventDateTeaser {
	margin: 0px 0px 8px 0px;
}
/* -------------------------------------
	Termine: Sidebar
   ------------------------------------- */

.event{
	margin-bottom: 36px;
}

.eventTeaser{
	padding-left: 15px;
	margin: 0px 0px 12px 0px;
}   

.eventTeaserDateContainer{

}

.eventTeaserDate{
	color: #666666;
}

.eventTeaserDateDate{
	margin: 0px 0px 6px 0px;
}

.eventTeaserDateTime{

}

.eventTeaserDetailsContainer{

}

.eventTeaserDetailsContainer h3{
	font-weight: bold;
	color: #4d72bd;
	font-size: 12px;
	margin: 0px 0px 6px 0px;
	padding: 0;
}

.eventTeaserDetailsContainer p{
	margin: 0px 0px 12px 0px;	
}
.eventTeaserDatesLink{

}

/* -------------------------------------
	PresseDownloads
   ------------------------------------- */  
   
.pressContainer{
	margin-bottom: 32px;
}

.pressContainer img{
	float:left;
	padding: 0px 24px 18px 0px;
}

.pressDescription{
	
}	

.pressService{
	color: #666666;
}

/* -------------------------------------
	Freundeslinks
   ------------------------------------- */

.linksContainer{
	margin-bottom: 28px;
}

.linksDescription{
	margin-bottom: 8px;
}
   
   
/* -------------------------------------
	sonstige Styles
   ------------------------------------- */
   
.clear{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.clearfix:after {
    content:     ".";
    display:     block;
    height:     0;
    clear:         both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

.spacer{
	clear: both;
	height: 29px;
	overflow: hidden;
}

.spacerRight{
	clear: right;
	height: 29px;
	overflow: hidden;
}