@import url("ie6.css");

body, div, img, table, th, td, tr, h1, h2, h3, h4, h5, p, a {
	padding: 0;
	margin: 0;
	border: none;
	font-weight:normal;
	
}

body, html
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 85%;
	min-width: 956px;
	background-color: white;
}


/************/
/*Typography*/
/************/

/* Page title on every page. */
h1
{
	padding: 45px 0 50px 0;
	color: #339900;
	font-size: 1.4em;
	font-weight: bold;
}

/* Article titles in the full view of the articles. */
h2 {
    color: #149228; /* green */
    font-size: 1.1em;
    font-weight:bold;
    font-variant:small-caps;
}

/* Class ArticleTitle on the Start page, and GalleryTitle belong here. */
h3 {
    padding:0 0 0.3em 0;
    color: #149228; /* green */
    font-size: 1.2em;
    font-weight:bold;
    font-variant:small-caps; 
}

/* This is not used in the template curently. */
h4 {
    padding:0 0 0.3em 0;
    font-size: 0.9em;
    font-weight:bold;   
}

/* Class ArticleSubTitle belongs here. */
h5 {
	color:  #3949B1; /*blue*/
	padding-bottom:0.4em;
	font-size: 0.8em;
	line-height:1.6em;
	font-weight:bold;
}

p {
	padding-bottom:1em;
	color:#333;
	font-size:1em;
	line-height:1.8em;
}

b {font-weight:bold;}	

pre {font-family:'Courier New', monospace;}

ul {
	color:#333;
	font-family:Verdana, Helvetica, Arial, Sans-Serif;
	font-size:0.9em;
	line-height:1.8em;
}

i {
	color:#666;
	font-family:Verdana, Helvetica, Arial, Sans-Serif;
	line-height:1.8em;
	font-style:italic;
}

blockquote {
	margin:10px 20px;
	padding:5px 10px;
	border:1px dotted #666;
	color:#333;
	background-color:#D7DBEF;
}

em {
	color:#F00;
	font-family:Verdana, Helvetica, Arial, Sans-Serif;
	line-height:1.8em;
	font-weight:bold;
	font-style:italic;
}

.validation {
    padding:0;
    font-weight:bold;
    font-size:0.9em;
}

.validation ul {
	color:#F00; 
	font-weight:normal;
}

#MainContent a {
	padding:0;
    color: #149228;
    text-decoration: underline;  
}

#MainContent a:hover {
   color: #149228;
   background-color:#D7DBEF;
   text-decoration: none;
}

/**********/
/* Layout */
/**********/

#Container
{
	position:relative;
	min-width:500px; 
	  
}




/**********/
/* Head   */
/**********/

#Container_head
{
	position:relative;
	margin-left: 0px;
	left:0px;
	height: 100%;
	width:100%;
	background: url(App_Themes/Hippodental_neu/images/Container_Nav_Fill.gif) repeat-y left top;
		  
}
       
#Container_head_left
{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 138px;
	height: 139px;
	background: url(App_Themes/Hippodental_neu/images/Container_Head_Left.gif) no-repeat left top;
	
	
}


#Container_head_fill_left
{
	
	top: 0px;
	left:138px;
	height: 139px;
	background: url(App_Themes/Hippodental_neu/images/Container_left_fill.gif) repeat-x;
	width:50%;
		
}

#Container_head_center
{
	position:absolute;
	top: 0px;
	height: 139px;
	width: 302px;
	background: url(App_Themes/Hippodental_neu/images/Container_Centre.gif) no-repeat left top;
	left:50%;
	margin-left:-151px;
}

#Container_head_fill_right
{
	position:absolute;
	top: 0px;
	height: 139px;
	background: url(App_Themes/Hippodental_neu/images/Container_Head_right_Fill.gif) repeat-x;
	left:50%;
	width:50%;
	
}
        
#Container_head_right
{
	position:absolute;
	top: 0px;
	right: 0px;
	width: 159px;
	height: 139px;
	background: url(App_Themes/Hippodental_neu/images/Container_Head_Right.gif) no-repeat left top;
}


/**********/
/* Nav    */
/**********/
 
#Container_nav
{
	position:absolute;
	left: 0px;
	top: 161px;
	
}
 
#Container_nav_top
{
	position: absolute;
	top: -28px;
	left: -210px;
	width: 150px;
	height: 42px;
	background: url(App_Themes/Hippodental_neu/images/Container_Nav_Top.gif) no-repeat left top;
}
 
#Container_nav_fill
{
	position: absolute;
	top: -28px;
	left: -210px;
	width: 150px;
	background: url(App_Themes/Hippodental_neu/images/Container_Nav_Fill.gif) repeat-y left top;
	height:100%
/*diese Höhe ist variabel
	height:300px
*/

}


#Container_nav_fill ul {
	
	list-style:none;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:2px;
	padding-top:0px;
	padding-bottom:0px;
	border:0px;
	background: url(App_Themes/Hippodental_neu/images/Container_Nav_Fill.gif) repeat-y left top;
	
}

#Container_nav_fill li {
	
	height:51px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:2px;
	padding-top:0px;
	padding-bottom:0px;
	border:0px;
	
}

#Container_nav_bottom
{
	position: absolute;
	left: -210px;
	width: 150px;
	height: 72px;
	background: url(App_Themes/Hippodental_neu/images/Container_Nav_Bottom.gif) no-repeat left top;
	bottom:-30px
}


/***********/
/* Content */
/***********/
 
#Container_Content
{
	position:relative;
	margin-left: 0px;
	left:0px;
	top:0px;
	height: 100%;
	width:100%;
	background: url(App_Themes/Hippodental_neu/images/Container_Nav_Fill.gif) repeat-y left top;
}


/***************/
/* Content_top */
/***************/

#Container_Content_top
{	
	position:relative;
	top:0px;
	margin-left:180px;
	left:0px;
	height: 28px;	
	background: url(App_Themes/Hippodental_neu/images/top_fil.gif) repeat-x;
}
 
#Container_Content_top_left
{
	position:absolute;
	margin-left:-30px;
	top: 0px;
	height: 28px;
	width: 30px;
	background: url(App_Themes/Hippodental_neu/images/top_left.gif) no-repeat left top;
}
 
#Container_Content_top_right
{
	position:absolute;
	top: 0px;
	right: 0px;
	width: 37px;
	height: 28px;
	background: url(App_Themes/Hippodental_neu/images/top_right.gif) no-repeat left top;
}

/****************/
/* Content_main */
/****************/
 
#Container_Content_main
{
	position: relative;
	top: 0px;
	padding-top:0px;
	margin-left: 150px;
	height: 100%;
}

.Container_Content_sub
{
	position: relative;
	padding-top:20px;
	padding-bottom:0px;
	margin-left: 60px;
	margin-right: 60px;
	left:0px;
	right:0px;
	top:0px;
	
	min-height:720px;
	height:720px;
/*diese Höhe ist variabel*/
	
}

div[class] .Container_Content_sub {
	height:100%;
	}


 
#Container_Content_main_left
{
	position: absolute;
	margin-left:-60px;
	padding-top:0px;
	left:0px;
	top:0px;
	height: 100%;
	width:30px;
	background: url(App_Themes/Hippodental_neu/images/center_fill_left.gif) repeat-y left top;	
}


 
#Container_Content_main_right
{
	position: absolute;
	margin-right:-60px;
	padding-top:0px;
	right:0px;
	top:0px;
	height: 100%;
	width:37px;
	background: url(App_Themes/Hippodental_neu/images/center_fill_right.gif) repeat-y;
}

/******************/
/* Content Bottom */
/******************/
 
#Container_Content_bottom
{	
	position: relative;
	margin-left: 150px;
	left:0px;
	bottom: 0px;
	height: 29px;
	background: url(App_Themes/Hippodental_neu/images/bottom_fill.gif) repeat-x;
}
 
#Container_Content_bottom_left
{
	position: absolute;
	left:0px;
	top:0px;
	height: 27px;
	width: 31px;
	background: url(App_Themes/Hippodental_neu/images/bottom_left.gif) no-repeat left top;
}
 
#Container_Content_bottom_right
{
	position:absolute;
	right:0px;
	top:0px;
	height: 27px;
	width: 37px;
	background: url(App_Themes/Hippodental_neu/images/bottom_right.gif) no-repeat left top;
}

#CenterAndSideContent
{
	position: relative;
	left: 0px;
	top: 0px;
	padding-left: 0px;
	
}

#Footer
{
	padding: 10px;
	margin:0px;
	background-color: #003300;
	color: #fff;
	font-size: 1em;
	letter-spacing: 0.15em;
	position: relative;
	height:21px;

}

#Footer a {
	padding:5px;
	color:#FFF;
	}

#Footer a:hover {
	padding:5px;
	color:#3E50C1;
	background-color:#D7DBEF;
} 



/******************************************/
/* Tables/Forms                           */
/******************************************/


.TableHead
{
	padding: 3px 10px;
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	background-color: #186012;
}

.TableHead a {
    color: #fff !important;
    text-decoration: none;
    font-weight:bold;
}

.TableHead a:hover
{
	padding: 0;
	color: #66cc00 !important;
	background-color: #186012 !important;
}
	
/* This rule sets the bg color of the icons in the TableHead to the same as the TableHead in Mozilla browers and IE7. */
.TableHead img:hover {background-color:#186012;}

.TableHeadLabelRow {}

.TableHeadLabel{
    padding: 2px 10px;
    background-color:#EEE;
    color: #149228; 
    font-weight:normal;
    font-size: 0.8em;
    letter-spacing:0.2em;
}

.TableItemHeadline, .TableItem {
	padding:10px;}

.TableItemHeadline span, .TableItem span {
	width:130px; /*Sets the width for the thread title, and for the containing element of the icons.*/
	margin-top:0;
	padding:0;
}

/*The first selector is for the Forum, the second one is for the Gallery. */ 
.TableItemHeadline span img, .TableItem span img {
	float:right; 
	margin-left:5px;
}

.TableItemHeadline a
{
	color: #000000;
	font-weight: normal;
	font-size: 0.8em;
}

.TableItemHeadline a:hover {
	color:#149228;
	background-color:white;
}

.TableItem {
    padding: 5px;
    background-color: #EEE;
    line-height:1.4em;
    font-size:0.8em;
}

.TableItem span a:hover {background-color:#EEE !important;}

/* Thread titles have block bg for the hover effect in the Forum overview.*/
.TableItem a {display:block}

/* Date/Time of the thread or forum entry. */
/* Setting it smaller than this size would result in illegible text in Opera and Safari. */
.TableItem span.small, .TableItem span.smallNoWrap {font-family:'Arial Narrow', Arial, Serif;}

/* Thread entries, Forum. */ 
.TableItemAlt {
	padding:10px;
	background-color:#FFF;
	font-size:0.9em;
	line-height:1.4em;
}

	/***************************************************/
	/*General and specific formatting of form elements.*/
	/***************************************************/

.list
{
	
}

label {
	margin-top:10px;
	font-size:0.85em;
} 

#editNews label, #editAppointment label, #ContactForm label {
	padding:10px 0;
	color:#3949B1;
	font-size:1em;
	font-variant:small-caps;
	font-weight:bold;
}

.TableItem label {
	padding:5px;
	border:none;
	font-size:1em;
}

/* Like Forum, Events, Gallery and Logon/My Account pages. */
input.TextBox{
	width:400px;
	padding:3px 5px;
	margin-bottom:10px;
	border: 1px solid #D4D0C8;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size:0.9em;
}

input.TextBox.Date {width:100px;}

/* Only on the Forum, Gallery Logon/My Account pages. */
.TableItem input.TextBox {
	width:300px;
	margin-left:5px;
	font-size:1em;
}

textarea {
    width: 400px;
    height: 150px;
	margin:0 0 10px 0;
    padding: 5px;
    border: 1px solid #D4D0C8;
}

.TableItem textarea {margin-left:5px;}

/* Forum entries*/
.TableItemAlt textarea {width:300px;}

.TableItem select {
	width:160px;
	margin:5px; 
}

/* Checkboxes in Forum editing view. */
.TableItem input.checkBox{
	width:auto;
	padding:0;
	margin:4px 0 0 0;
	border:none;
}

/* Checkboxes on the Logon page. */
span.checkBox input{
	width:auto;
	padding:0 3px 0 0;
	margin:5px 0 0 10px;
	border:none;
}

.Button{
	float:right;
	width:auto;
	height: 1.8em;
	margin:10px 55px 0 0;
	border:1px solid #3949B1;
	background-color:#D7DBEF;
    color:#3949B1;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 0.85em; 
}

/* This hover effect works only in Mozilla browsers. */
.Button:hover {background-color:#FFF;}

#editNews input.Button, #editAppointment input.Button, #ContactForm input.Button {
	float:none;
	width:110px;
	margin-left:300px;
}

.TableItem input.Button {
	margin: 0 15px 10px 0;
	font-size:1em; 
}

/*******************/
/*  News/Articles  */
/*******************/

.ArticleDate {
	padding:2em 0 0 0;
	color:#3949B1;
	font-size: 0.75em;
	letter-spacing:0.2em;
}

.ArticleTitle a {font-weight:bold;}

.ArticleAuthor {
	padding-bottom:0.5em;
	color: #3949B1;
	font-weight:bold;
}

.ArticleSubtitle{} 

.ArticleTeaser {padding-bottom:1em;}

/* The following 4 rules are fixing the position of the date input fields on the Edit News page. */
#editNews div.dateInput {
	width:260px;
	padding:0; 
	margin:0;
}
 
#editNews .dateInput label {
	padding:0 0 5px 0; 
	margin:3px 0 0 0;
}

#editNews .dateInput.bis label {margin-right:4px;}

#editNews .dateInput input {margin:5px 0 0 0;}

/**************/
/*    Forum   */
/**************/

/**************/
/*  Calendar  */
/**************/

/*See also skin file.*/

#Calendar table{width:480px;}

#Calendar table a {color:#009900;}

#Calendar table a:hover {
	background:none;
	color:#009900; 
	text-decoration:none; 
}

/*************/
/*  Gallery  */
/*************/

.GalleryImage {border: none;} 

#galleryTable .TableItem {
	padding:10px;
	font-size:0.95em;
}

/* This is an h3 element. */
.GalleryTitle {
	padding-top: 30px; 
	font-size:1.1em;
}

#galleryTable .TableItem p a {display:inline;}

#galleryTable input.FormInput {width:400px;}

#galleryTable .TableItem input.TextBox#File {width:auto;}

#galleryTable tr td a:hover {background:none;}

#galleryTable input.Button {font-size:0.9em;}

.Landscape {
    padding: 30px 30px 35px 30px;
	background:#EEE url('../../Gallery/images/photoBg_181x133.gif') no-repeat left top; 
}

.Portrait {
	padding: 30px 30px 35px 30px;
	background:#EEE url('../../Gallery/images/photoBg_133x181.gif') no-repeat left top;
}

.Landscape_Widescreen {
	padding: 30px 30px 35px 30px;
	background:#EEE url('../../Gallery/images/photoBg_200x133.gif') no-repeat left top; 
}

.Portrait_Widescreen {
	padding: 30px 30px 35px 30px;
	background:#EEE url('../../Gallery/images/photoBg_133x200.gif') no-repeat left top; 
}

/*********************/
/*   Contact form    */
/*********************/

#ContactForm {}

#ContactForm .TextBox {width:300px;}

#ContactForm textarea {width:400px;}

/*************************/
/* Logon/My AccountPages */   
/*************************/

/* Fieldsets are applied only on the Logon/My account pages. */
fieldset {
	width:400px;
	padding:10px 5px; 
	margin:0;
	font-size:1.2em;
}

.TableItem fieldset {
	border:1px solid #CCC;
	/*The next three declarations are styling any text in a fieldset, that 
	do not have any other tags (like p, label, etc.)*/ 
	padding:10px;
	color:#F00;
	line-height:1.6em;
}

fieldset span {
/* This width setting is only necessary for IE5.5 and IE5 for handling a display bug. */
	width: auto !important;
	margin:0; 
	padding:0;
}

fieldset legend {
	margin:0;
	color: #3949B1;
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps
}

fieldset p {
	margin:0 0 0 5px;   
	padding:10px 10px 10px 0;
	font-size:1em;
	line-height:1.5em;
}

fieldset label {
	padding:10px 0 0 10px; 
	color:#333;
}

fieldset#Profil p, fieldset#Profil label, fieldset#Profil .Button {font-size:0.9em;}

fieldset input.TextBox {
	width:200px;
	margin-bottom:0;
}

#LogonPage .Button {
	margin-top:15px;
	margin-bottom: 10px;
	font-size:1em;
}

/* This is the styling of the last button on the Logon page. */
#LogonPage span#navBtn input.Button {
	position:relative;
	bottom:60px;
	right:-10px;
}

/**********************/
/* Benutzerverwaltung */
/**********************/

div#memberList {
	padding:0;
	font-size:0.9em;
}

/*********************/
/*   Print styles    */
/*********************/

@media print {
	body, div, img, table, th, td, tr, h1, h2, h3, h4, h5, p, a {
		background:none !important;
		border:none;
		color:#000;
		font-size:10pt;
	}
	
	h1, h5 {color:#3949B1;}

	h1, h2 {font-size:14pt;}
	
	h2, h3, a {color:#149228;}

	#Main, #HorizontalNavigation, #Header, #MainContent, #Footer {
		border:none !important;
	}
	
	#HorizontalNavigation, #Header {
		display:none !important;	
	}
	
	#Vereinslogo {
		position:absolute;
		top:-6cm !important;
	}
		
	#Footer a {
		padding:0; 
		font-size:8pt;
		letter-spacing:normal;
	}
}

/*********************/
/*   Button styles   */
/*********************/


#navlist
{
position:absolute;
top:35px
}

a.button:link, a.button:active, a.button:hover, a.button:visited
{
	background: url(App_Themes/Hippodental_neu/Button/Button_leer.jpg) 0 0 no-repeat;
	height: 49px;
	width: 130px;
	display: block;
	margin-left: 0px;
	text-align: center;
	color: #006600;
	font-family: Arial;
	z-index: 10;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	position: relative;
	top: 0px;
	vertical-align: sub;
	padding-top: 15px;
	
}



a.button:hover{

background-position: -130px 0;
}

a.button:active{

background-position: -260px 0;
}

a.button_zahn:link, a.button_zahn:active, a.button_zahn:hover, a.button_zahn:visited
{
	background: url(App_Themes/Hippodental_neu/Button/Button_leer.jpg) 0 0 no-repeat;
	height: 49px;
	width: 130px;
	display: block;
	margin-left: 0px;
	text-align: center;
	color: #006600;
	font-family: Arial;
	z-index: 10;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	position: relative;
	top: 0px;
	vertical-align: sub;
	padding-top: 15px;
	padding-left:2px;
	letter-spacing: -0.3px;
}



a.button_zahn:hover{

background-position: -130px 0;
}

a.button_zahn:active{

background-position: -260px 0;
}


a.Deutsch:link, a.Deutsch:active, a.Deutsch:visited
{
	position:absolute;
	background: url("App_Themes/Hippodental_neu/Button/Deutsch_button.gif") 0 0 no-repeat;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	bottom:-12px;
	left: 106px
}

a.English:link, a.English:active, a.English:visited
{
	position:absolute;
	background: url("App_Themes/Hippodental_neu/Button/English_button.gif") 0 0 no-repeat;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	bottom:-12px;
	left:146px
}

.choose_lang 
{
	position:absolute;
	bottom:0px;
	color: #149228;
	font-size: 1em;
	font-weight: bold;
	left:-70px;
	bottom:4px
	
}