/*** www.geckos-uebersee.de Framework Stylesheet ***/
/*** Sebastian Wolf <sebastian@kuse.de> ***/

body {
	 margin:0;
	 background:#2d2d2d url(../images/framework/PageBg.jpg) repeat-x;
	 color:#999;
	 line-height:136%;
	 font-family:"Trebuchet MS", Arial, Verdana;
	 font-size:12px;
	}

* {
	 margin:0;
	 padding:0;
	}
h1 {
	 font-size:15px;
	 font-weight:normal;
	 color:#91e045;
	 padding-bottom:6px;
	 border-bottom:1px solid #4d4d4d;
	}
h2 {color:#91e045;}

hr {
	border:0;
	border-top:1px solid #666;
	height:0;
	margin:5px 0;
}

a {
	 color:#91e045;
	 text-decoration:none;
	}
a:hover {
	 text-decoration:underline;
	}
strong {color:#999;}
.Button {
	 background:#1D1D1D;
	 padding:2px 4px;
	 font-size:11px;
	 color:#999;
	}
.Button:hover {
	 color:#91e045;
	 text-decoration:none;
	}
	
/* Formular */
legend {color:#91e045;}
fieldset.FieldsetPart {
	 border-color:#191E1A;
	}
fieldset.BorderFieldset {
	 background:#2A2A2A!important;
	 border-color:#191E1A !important;
	 color:#666 !important;
	}
	fieldset.BorderFieldset h3 {color:#91e045; font-size:14px; font-weight:normal;}
	label { font-size:13px; padding-left:0;}
	input, textarea, select {
		 background:#191E1A;
		 border:3px solid #3D3D3D;
		 padding:3px;
		 color:#666;
		 margin:2px 0;
		 -moz-border-radius:4px;
		}
	input:focus, textarea:focus {
		 border:3px solid #666;
		 color:#fff;
		}

/* Default.css Change */
.btn {
	 background:#2A2A2A;
	 border:1px solid #191E1A;
	 -moz-border-radius:2px;
	 color:#999;
	 padding:3px;
	}
.btn:hover {background:#353535; color:#fff}

/* Framework */ 

#HeadBg {
	 position:absolute;
	 width:100%;
	 display:block;
	 z-index:0;
	 top:171px;
	 left:0;
	 right:0;
	 height:167px;
	 background:url(../images/framework/HeadBg.jpg) repeat-y center;
	}

#BoxPagePosition {
	 width:889px;
	 position:relative;
	 top:0px;
	 margin:0 auto;
	 display:block; 
	}

#Header {
	 display:block;
	 position:relative;
	 height:350px;
	}
	
#Logo {
	 top:52px;
	 left:4px;
	 position:absolute;
	}

/* Menu */
ul#Nav {
	 margin:0;
	 float:right;
	 position:absolute;
	 padding:0;
	 top:92px;
	 right:0;
	 width:481px;
	 height:27px;
	 display:block;
	 list-style:none;
	}
	ul#Nav li {
		 float:left;
		}
		ul#Nav a {
			 float:left;
			 display:block;
			 height:27px;
			 overflow:hidden;
			 font-size:0;
			 line-height:200px;
			 background-image:url(../images/framework/Menu.jpg);
			}

/* Menu Single Elements */
#home {width:56px;}
#home:hover, #home.Active {background-position:0 -27px;}

#location {width:74px; background-position:-63px 0;}
#location:hover, #location.Active {background-position:-63px -27px;}

#speisekarte {width:98px; background-position: -138px 0;}
#speisekarte:hover, #speisekarte.Active {background-position:-138px -27px;}

#fotos {width:54px; background-position: -236px 0;}
#fotos:hover, #fotos.Active {background-position:-236px -27px;}

#pageevents {width:60px; background-position: -292px 0;}
#pageevents:hover, #pageevents.Active {background-position:-292px -27px;}

#kontaktemail {width:70px; background-position: -354px 0;}
#kontaktemail:hover, #kontakt.Active {background-position:-354px -27px;}

#anfahrt{width:69px; background-position: -424px 0;}
#anfahrt:hover, #anfahrt.Active {background-position:-424px -27px;}

/* Mood */

#Mood {
	 top:171px;
	 position:absolute;
	}

/* Content */

#ContentPosition {
	 margin:25px 5px 35px 5px;
	}
	
	#Content {
		 float:left;
		 position:relative;
		 overflow:hidden;
		 width:600px;
		}
	#ContentRight {
		 float:right;
		 overflow:hidden;
		 width:237px;
		}
		
/* Footer */

#Footer {
	 clear:both;
	 margin:0 4px;
	 border-top:1px solid #666;
	 padding:5px 0;
	 color:#666;
	 font-size:11px;
	 text-align:right;
	}
#Footer span {float:left;}
#Footer a {					
	 text-decoration:none;
	 margin-left:10px;
	 color:#666;
	}
#Footer a:hover {text-decoration:underline;}
#Footer span a {margin:0;}

/* Fotos */
#slimagebox {
display:block;
height:85px;
overflow:hidden;
position:relative;
width:100%;
}
#slimagebox  img{
	 border:3px solid #191E1A;
	}


/* ContentRight */
#ContentRight { line-height:13px;}
#ContentRight  h4 {
	 color:#75AA42;
	 font-size:15px;
	 font-weight:normal;
	}
#ContentRight strong {
	 color:#75AA42;
	 font-weight:normal;
	}

/* Events */
#EventBox h1 { margin-bottom:0;}
#EventBox a {
	 border-bottom:1px solid #4d4d4d;
	 display:block;
	 line-height:24px;
	 padding:0 7px;
	 color:#999999;
	}
#EventBox a:hover {color:#91e045; background:#2A2A2A; text-decoration:none;}
#EventBox  .EventBoxDatum { float:right;}
#EventBox  .EventBoxTitel { float:left;}

/* TABS */
.dynamic-tab-pane-control * {font-family:"Trebuchet MS", Arial !important;}
.dynamic-tab-pane-control.tab-pane a {color:#74E045;}

/* Tab inaktiv*/
.dynamic-tab-pane-control .tab-row .tab {
	background:#2A2A2A ;
	width:auto;
	overflow:visible;
	border:1px solid #191E1A !important;
	border-width:0 1px 0 1px !important;
	padding-left:0;
	font:11px "Trebuchet MS", Arial;
	color:#fff !important;
}

/* Alle TextLinks in Tabs */
.dynamic-tab-pane-control .tab-row .tab a {
	color:#74E045;
	text-decoration:none;
	display:block;
	position:relative;
	top:-1px;
	padding:0 10px;
	border-top:1px solid #191E1A;
}
	
	
/* Tab aktiv */
.dynamic-tab-pane-control .tab-row .tab.selected {
	background:#2A2A2A !important;
	width:auto;
	height:21px;
}
	
/* TextLinks TabAktiv */
.dynamic-tab-pane-control .tab-row .tab.selected a {color:#fff;}

/* Tab Hover */
.dynamic-tab-pane-control .tab-row .tab.hover {
	width:auto;
	text-decoration:none;
	background:#222;
}
.dynamic-tab-pane-control .tab-row .tab.selected.hover {
	background:#2A2A2A !important;}

/* Tab Content */
.dynamic-tab-pane-control .tab-page {
	border:1px solid #191E1A !important;
	background:#2A2A2A ;
	color:#999;
	position:relative;
	top:-2px;
	line-height:auto;
}
.dynamic-tab-pane-control .tab-page .Site_Part>h2:First-Child {display:none;}

/* MenuTable */
.MenuTable td {
	padding:7px;
	vertical-align:top;
}
.MenuTable table td {
	 border-bottom:1px dotted #444;
	}
.MenuTable h2 { font-size:18px; font-weight:normal; margin-top:20px; line-height:22px;}
.MenuTable tr {padding-bottom:10px;}
	.MenuTable strong {
		 color:#fff;
		 font-size:13px;
		}
	.MenuTable .Price {
		 color:#fff;
		 text-align:right;
		 font-size:14px;
		}
		
/* Newsletter Box */
#LinkNewsletter{
	color:#999999;
	display:block;
	padding:4px;
	line-height:16px;
}

#LinkNewsletter:hover{
	background:#2A2A2A none repeat scroll 0 0;
	color:#91E045;
	text-decoration:none;
	}