/* ---- CSS for Tranquility DNN Skin ---------- */
/* ---- Created by Tyler Fawcett -------------- */
/* ---- Updated March 2007 -------------------- */
/* ---- http://tfdnn.com ---------------------- */
/* ---- tf@tylerfawcett.com ------------------- */

#inline_bild_left {
	float:left;
	padding: 2px;
	margin-right: 6px;
	border-style: solid;
	border-color: #ccc;
	border-width: 2px;
}	
#inline_bild_right {
	float:right;
	padding: 2px;
	margin-left: 6px;
	border-style: solid;
	border-color: #ccc;
	border-width: 2px;}		
	/* ---- Universal ----------------------------- */



/* Forces browser height of 100% */
html {height: 100%;}

/* Body style */
body {margin: 0; background: #fff;}

/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 1.2em;}



/* ---- DNN Control Panel ---------------------- */
table.ControlPanel {background: #fafafa; border: 0; border-bottom: 1px solid #888;}
table.ControlPanel td {padding: 0px 0 6px 0;}
table.ControlPanel td td.SubHead {padding: 3px 0 2px 0; background: #eaeaea; border-bottom: 1px solid #ddd;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle; border: 0;}
table.ControlPanel table td {padding: 1px 0 0 0;}
table.ControlPanel td a {margin: 0 4px 0 4px; text-align: center;}
table.ControlPanel .ControlPanel {border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 0; border-bottom: 0; width: 0px; height: 100px; display: none;}


/* ---- Containers ----------------------------- */


/* Establishes bg for viewable area */
.SiteColor {background: #000;}

/* Maintains consistent width */
.SiteWidth {width: 958px; margin: 10px 0 10px 0;}

/* Spring photo */
.TopRow {height: 246px;	padding: 0;	background: url(head.jpg) no-repeat;}

/* Spring photo - Admin */
.TopRowAdmin {height: 246px; padding: 0; background: url(head.jpg) no-repeat;}

/* Contains date/login info */
.HeaderCell {text-align: left;	padding: 8px 45px 0 6px; height: 25px; font-size: 12px;}

/* For search utility */
.SearchTD {padding: 0px 0px 5px 10px; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #999;}

/* Contains menu */
.MenuCell {padding: 10px 10px 0 0px; height: 25px;}

/* Contains menu - Admin */
.TopRowAdmin .MenuCell {padding: 0px 10px 0 60px; height: 25px;}

/* BG for everything between header and footer */
/*.MiddleRow {background: url(bg_middle.jpg) repeat-y; padding: 0 65px 0 40px;}*/
.MiddleRow {background-color: #DDD; padding: 0 5px 0 5px;}/* BG for everything between header and footer - Admin */
.MiddleRowAdmin {background-color: #fff;	padding: 0 65px 0 75px;}

/* Holds breadcrumbs */
.Breadcrumbs {padding: 0 0 10px 20px; font-size: 9px; color: #888;	font-weight: bold;}

/* For left-hand column content */
.SideContent {width: 180px;	
				padding: 0 0px 0 0;
				margin: 50px 0 0 0;
				border-right: 1px #CCC solid; 
				background-color: #EEE;
				}

/* For main column content */
.MainContent {padding: 0 0 0 0;}

/* Content in the side pane */
.ContentSide {}

/* For left column within the main content area */
.ContentLeft {width: 33%;}

/* For center column within the main content area */
.ContentCenter {width: auto;
	padding: 0 0 0 20px;

}

/* For right column within the main content area */
.ContentRight {width: 33%;}

/* Footer graphic */
.BottomRow {background: url(fot.jpg) no-repeat; height: 156px; vertical-align: bottom; text-align: right;}

/* Footer graphic - Admin */
.BottomRowAdmin {background: url(bg_bottom_admin.jpg) no-repeat; height: 110px;	vertical-align: bottom;	text-align: right;}

/* Contains terms/copyright info */
.FooterCell {text-align: right; padding: 0 10px 5px 0; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #999;}

/* Separator image between header and footer links */
.Bullet {background: url(bullet_grey.gif) no-repeat; height: 10px;}




/* ---- Links -------------------------- */


/* Basic links */
a:link, a:visited, a:active, a:hover{color: #667; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none;}
a:hover {color: #999; text-decoration: underline;}
a:active {color: #000;}

/* For the Register and Login/Logout links in the header */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active, a.LoginLink:hover{font-weight: normal; font-size: 12px; color: #CCC;}
a.LoginLink:hover{color: #333;}

/* Defines styles for breadcrumb items */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active {font-weight: bold; font-size: 9px;}
a.BreadcrumbLink:hover, .BreadcrumbLink {font-weight: bold;	font-size: 9px;}

/* For the links that look like buttons */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {font-weight: bold; color: #6E8E05; font-size: 12px;}
a.CommandButton:hover {font-weight: bold; color: #6E8E05; text-decoration: none;}



a.Normal:link, a.Normal:visited, a.Normal:active {color: #333; font-size: 10px; text-decoration: none; font-weight: bold; text-transform: uppercase; line-height: 8px;}
a.Normal:hover {color: #999; background-color: #DDD;}



/* ---- Text ---------------------------- */


/* Style for current date token */
.CurrentDate {color: #333; font-size: 12px;}

/* Style for copyright text in footer */
.CopyrightText {color: #333; font-size: 12px;}

/* Used in admin sections */
.SubHead {font-family: tahoma; font-size: 12px; font-weight: bold; color: #333; padding: 0;}

.ContentSide .Normal, .ContentSide p, .ContentSide td, .ContentSide .NormalBold {font-size: 12px; color: #333;}

.Normal {font-size: 14px; color: #333;}

.News {font-size: 10px; color: #777;}


.Head {color: #333;	font-weight: bold; font-size: 14px;}



/* Bold colored - used for warnings and such */
.NormalRed {color: #900; font-family: tahoma; font-weight: bold; font-size: 12px;}

/* Normal bold text */
.NormalBold {font-family: tahoma; font-size: 12px; font-weight: bold;}




/* ---- Forms ----------------------------- */


select, input {font-family: tahoma; font-size: 12px; color: #333;}


/* Applies to text input boxes */
.NormalTextBox {color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 12px; scrollbar-face-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #333; scrollbar-3dlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-darkshadow-color: #fff;}

/* Applies to the table cells that contain text input boxes */
td.NormalTextBox {padding: 0; margin: 0; background: transparent;}

.GoButton {margin-bottom: -6px;	position: absolute;}

.SearchTD a:link, .SearchTD a:visited, .SearchTD a:active, .SearchTD a:hover {width: 46px; padding: 5px 0 5px 0; _padding: 0 0 5px 0; margin-top: 3px; height: 15px; background: url(search.gif) no-repeat; text-decoration: none;}


/* ---- Main Menu ------------------------- */


/* Container for main menu */
.MainMenu_MenuContainer {
	background: transparent;
	height: 25px;
	padding: 0;
	width: 200px;
}


/* Menu bar */
.MainMenu_MenuBar {
	background: transparent;
	height: 20px;
	padding: 0;

}


/* Applies to idle state of submenu items */
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #000;
	font-size: 10px; 
	font-weight: normal;
	border: 1px solid #222;
	padding: 3px 14px 4px 6px;
}


/* Container for submenu */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 1px 0px 0px 1px;
	border: 1px solid #222;
	padding: 1px;
	background: #FFF;
	filter: alpha(opacity=90, FinishOpacity=90, Style=1);
	-moz-opacity: 0.90;
}


/* Hover state for submenu items */
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 14px; 
	font-weight: bold;
	color: #fff;
	/*background: #000;*/
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	padding: 3px 14px 4px 6px;
}

.MainMenu_Idle td {
	font-size: 12px;
	margin: 0;
	padding: 0 3px 5px 3px;
	color: #333;
	text-transform: uppercase;
	/*border-right: 1px #999 solid;*/	
}
.MainMenu_Selected td {
	font-size: 12px;
	margin: 0;
	padding: 0 3px 5px 3px;
	color: #fff;
	font-weight: bold;
}
.MainMenu_Active td {
	font-size: 12px;
	margin: 0;
	padding: 0 3px 5px 3px;
	color: #fff;
	
}
/* Idle state for main menu items */
.MainMenu_Idle { 
	height: 25px;
	/*background: url(menu_sep.gif) top right no-repeat transparent;*/
	color: #000;
	font-weight: bold;
	border-left: 1px solid #fff;
	font-size: 14px; 
}


/* Hover state for main menu items */
.MainMenu_Selected {
	height: 25px;
	/*background: url(menu_sep.gif) top right no-repeat transparent;*/
	color: #fff;
/*	font-weight: bold;*/
	border-left: 1px solid #000;
	font-size: 14px; 
}


/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	height: 25px;
	/*	background: url(menu_sep.gif) top right no-repeat transparent;*/
	color: #000;
	font-weight: bold;
	border-left: 1px solid #fff;
	font-size: 14px; 
}


/* Elements we don't really need */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenu_MenuBreak {
	display: none;
}



/* ---- Module Menus ------------------------- */

/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer {
	color: #333;
}


/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 21px;
}


/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: tahoma, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: normal;
	background: #f7f7f7;
	border-top: #f7f7f7 1px solid;
	border-left: #f7f7f7 1px solid;
	border-bottom: #f7f7f7 1px solid;
	border-right: #f7f7f7 1px solid;
	padding: 1px 10px 2px 0px;
}


/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 1px 0px 0px 0px;
	background-color: #f7f7f7;
	border: 1px solid #666;
	padding: 0px;
	filter: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}



/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #333;
	border-left: #333 1px solid;
	border-right: #333 1px solid;
	padding: 1px 10px 2px 0px;
}

.ModuleTitle_MenuIcon {
	border: 1px solid #eee;
	padding: 0 3px 0 3px;
}

/* Elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {
	display: none;
}


.kontaktbild {
	padding-left: 10px;
	width: 70px;
	border-right: #333 1px solid;
}

.logo_klick {
	padding-top: 30px;
}

#jest {
	border-top: 1px solid #333;
	float:right;
	margin-top:30px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #222;
	padding: 0 10px;
}
#jest a {

	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #444;
	}
	
#login_div a{
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	float: right;
	margin-top:30px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #222;
	padding: 0 10px;		
}
/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/