/* Infos
-----------------------------------------------------
Autor:	Lichtahtlet.de // Michael Zimmer
Date: 	10.12.09 @ 20:00 Uhr
Letztes Update: Erstellen der CSS Datei
*/

/* ========================================================
	Index
===========================================================

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Um direkt zum jeweiligen Bereich zu springen, benutzen 
Sie in der Suche ein "+"-Zeichen vor dem Abschnittsnamen.

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	0.0 Reset
	
	1.0 Wichtige Farben
	
	2.0 Basis Definitionen
	
	3.0 Layout
		3.1 Topnavigation
		3.2 Logo
		3.3 Hauptnavigation
		3.4 Subnavigation
		3.5 Sidebar
		3.6 Footer
	
	4.0 Content
		4.1 Headlines	
		4.2 Aktuelles	
		4.3 a) Über uns - Leistungen	
		4.3 b) Über uns - Ausrüstung	
		4.3 c) Über uns - Lichtathlet
		4.3 d) Über uns - Vita
		4.4 a) Portfolio - Fotos	
		4.4 b) Portfolio - Webdesign		
		4.5 Kontakt		
		4.6 Impressum		
		4.7 Sitemap		
						
	5.0 Sonstiges
		5.1 Action Elemente
		5.2 Sidebar Adbox	
		5.3 Sidebar Twitterbox
		5.4 Success / Error Meldungen	
		5.5 Crashkurs Fotografie			
		5.6 Specialteaser
*/	

/* ========================================================
	0.0 +Reset
=========================================================*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content:"";
}




/* ========================================================
	1.0 +Wichtige Farben
===========================================================
   Content Background:    Weiß			#2F2C22
   Main Text:             Dunkelgrau	#333333
   Links:                 Dunkelblau	#375163
   Links Hover:			  Dunkelblau	#375163 Underlined
*/


/* ========================================================
	2.0 +Basis Definitionen
=========================================================*/


/* ========================================================
	2.0 +Layout
=========================================================*/


body {
	font:normal 62.5%/1.3em "Times New Roman", Times, serif;
	background:#ffc72f url('/images/layout/sitebg.jpg') repeat-x;
	}


#wrapper {
	width:800px;
	margin:0 auto!important;
}

#header {
	width:800px;
	height:85px;
	margin:20px 0 0;
	position:relative;
	background:#ffc72f url('/images/layout/headerbg.gif') no-repeat bottom right;
}

#topnavi {
	position:absolute;
	top:0;
	right:0;
	}

#topnavi li {
	display:inline;
}

#mainnavi {
	width:800px;
	height:40px;
	background:url('/images/layout/navibg.jpg') repeat-x top left;
}

#mainnavi li {
	display:inline;
}

#mainnavi li a{
	color:#ffe692;
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	float:left;
	padding:11px 21px 12px;
}

ul.english li a{
	padding:11px 24px 12px!important;
	}

ul.english li a.last{
	padding:11px 25px 12px!important;
	}

#mainnavi li a:hover{
	background:url('/images/layout/navihover.gif') repeat-x top left;
}

#mainnavi li a.english {
	padding:11px 35px 12px 34px;
	}


#contentwrapper {
	width:800px;
	background:#FFE48C;
	float:left;
	}

#footer {
	width:800px;
	float:left;
	height:100px;
	background:#FFE48C url('/images/layout/footerbg.gif') no-repeat bottom left;
	position:relative;
	bottom:20px;
	padding:40px 0 0;
	}

#footer ul {
	width:800px;
	padding:0;
	text-align:center;
	position:absolute;
	bottom:0;
	left:50%;
	margin: 0 0 0 -400px;
}

#footer li {
	display:inline;
	bottom:0;
	padding:2px;
	color:#553010;
	font:normal 9px Verdana, Geneva, sans-serif;
	}


 a {
		color:#553010;
		text-decoration:underline;
		font-weight:bold;
		}

a:hover {
		text-decoration:none;
		}
		
	
#content-left {
width:600px;	
float:left;
}

#content-right {
	width:200px;
	float:left;
	}

#content-wide {
	width:760px;
	margin:0 auto;
}


#intro {
	padding:20px 25px;
}

 h1{
	font:bold 18px/2.6em Georgia, "Times New Roman", Times, serif;
	color:#553010;
}

#intro p {
	width:530px;
	font:normal 12px/1.3em Verdana, Geneva, sans-serif;
	margin:0 0 1.5em;
	color:#000;
}

#intro ul#vorteile {
		margin:0 0 1.5em 20px;
}

#intro ul#vorteile li{
	font:bold 12px/1.3em Verdana, Geneva, sans-serif;
	margin:0 0 1em;
	background: url('/images/vorteil.gif') no-repeat;
	padding:0 0 0 20px;
	color:#553010;
}


#openinghours {
	width:180px;
	margin:20px 0 0;
	}

#openinghours h1, #openinghours p {
	text-align:center;
	}
	
#openinghours p {
	margin: 0 0 15px;
	font:normal 12px/1.4em Verdana, Geneva, sans-serif;
}

/* Impressum */

#impressum {
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#553010;
}

#impressum dt {
	font:bold 14px/1.3em Verdana, Geneva, sans-serif;
}

#impressum dd {
	line-height:1.5em;
}

#impressum dd img{
	vertical-align:middle;
}

#impressum dd.break {
	margin: 0 0 1em;
}


#subnavi_food {
		width:270px;
		margin:40px 20px 20px;
		padding:0;
		float:left;
}

#subnavi_food li {
	width:130px;
	height:85px;
	float:left;
	margin:0 5px 30px 0;
	padding:0;
	display:block;
}

#subnavi_food li a {
	width:130px;
	height:85px;
	padding:0;
	display:block;
	text-decoration:none;
	position:relative;
}

#subnavi_food li a span{
	width:120px;
	height:10px;
	padding:5px;
	display:block;
	background:#984904;
	color:#fff;
	font:bold 10px Verdana, Geneva, sans-serif;
	position:absolute;
	top:-20px;
}

#subnavi_food #buttonsalad a{
	background: url("/images/content/subnavi_food_salad.jpg") no-repeat top left;
}
#subnavi_food #buttonsalad a:hover,#subnavi_food #buttonsalad a.active{
	background: url("/images/content/subnavi_food_salad_active.jpg") no-repeat top left;
}


#subnavi_food #buttonsoup a{
	background: url("/images/content/subnavi_food_soup.jpg") no-repeat top left;

}
#subnavi_food #buttonsoup a:hover,#subnavi_food #buttonsoup a.active{
	background: url("/images/content/subnavi_food_soup_active.jpg") no-repeat top left;
}

#subnavi_food #buttonantipasti a{
	background: url("/images/content/subnavi_food_antipasti.jpg") no-repeat top left;

}
#subnavi_food #buttonantipasti a:hover,#subnavi_food #buttonantipasti a.active{
	background: url("/images/content/subnavi_food_antipasti_active.jpg") no-repeat top left;
}

#subnavi_food #buttonpizza a{
	background: url("/images/content/subnavi_food_pizza.jpg") no-repeat top left;

}
#subnavi_food #buttonpizza a:hover,#subnavi_food #buttonpizza a.active{
	background: url("/images/content/subnavi_food_pizza_active.jpg") no-repeat top left;
}

#subnavi_food #buttonpasta a{
	background: url("/images/content/subnavi_food_pasta.jpg") no-repeat top left;

}
#subnavi_food #buttonpasta a:hover,#subnavi_food #buttonpasta a.active{
	background: url("/images/content/subnavi_food_pasta_active.jpg") no-repeat top left;
}

#subnavi_food #buttonmeat a{
	background: url("/images/content/subnavi_food_meat.jpg") no-repeat top left;

}
#subnavi_food #buttonmeat a:hover,#subnavi_food #buttonmeat a.active{
	background: url("/images/content/subnavi_food_meat_active.jpg") no-repeat top left;
}

#subnavi_food #buttonpollo a{
	background: url("/images/content/subnavi_food_pollo.jpg") no-repeat top left;

}
#subnavi_food #buttonpollo a:hover,#subnavi_food #buttonpollo a.active{
	background: url("/images/content/subnavi_food_pollo_active.jpg") no-repeat top left;
}

#subnavi_food #buttonfish a{
	background: url("/images/content/subnavi_food_fish.jpg") no-repeat top left;

}
#subnavi_food #buttonfish a:hover,#subnavi_food #buttonfish a.active{
	background: url("/images/content/subnavi_food_fish_active.jpg") no-repeat top left;
}



#menuwrapper {
	margin:20px 0 20px 20px;
	width:400px;
	float:left;
}
		
.menucard {
	text-align:center;
	width:430px;
}


.menucard table th {
	font:bold 12px Verdana, Geneva, sans-serif;
}
.menucard table tr {
}


.menucard table td {
	font:normal 12px Verdana, Geneva, sans-serif;
	padding-bottom:20px;
	
}

.menucard table td.price {
	width:100px;
	font:normal 12px Verdana, Geneva, sans-serif;
	vertical-align:bottom;
	text-align:right;
}


#maps {
	width:180px;
	margin:20px 0 0;
	padding:0;	
	}

#maps li{
	margin:0 0 10px;
	text-align:center;
}


#maps h1 {
	margin:0 0 5px;
	line-height:normal;
	text-align:center;
	}
	
#maps a {
	font:normal 12px/1.4em Verdana, Geneva, sans-serif;
	}


#directions {
	padding:20px 25px;
}

 h2{
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#553010;
	margin:0 0 5px;
}

#directions p {
	width:530px;
	font:normal 12px/1.3em Verdana, Geneva, sans-serif;
	margin:0 0 2em;
	color:#000;
}

#directions ul{
	margin:0 0 20px;
}

#directions li{
	font:normal 12px/1.3em Verdana, Geneva, sans-serif;
	margin:0 0 0 15px;
	list-style:disc;
}

#kontakt-wrapper {
	padding:20px 25px;
	width:300px;
	float:left;
	font:normal 12px Verdana, Geneva, sans-serif!important;
	}
	
	#kontakt li {
		margin:0 0 10px;
		}

	#kontakt fieldset {
		border:none;
		padding:0;
		margin:0;
		}	

	#kontakt label {
		clear:both;
		display:block;
		width:50px;
		float:left;
		padding:5px 0 0;
		font:normal 12px Verdana, Geneva, sans-serif;
		}
	
	#kontakt select {
		width:120px;
		margin:0 0 0 12px;
		}
		
	#kontakt input.text {
		width:200px;
		margin:0 10px 0 10px;
		}

	#kontakt label.lang {
		width:130px;
		}

	#kontakt textarea {
		width:260px;
		margin:0 0 10px;
		min-height:100px;
		height:100px;
		}	

	#kontakt input.captcharesult {
		width:75px;
		margin:0 0 0 20px ;
		}

	#kontakt p.captchatext {
		clear:both;
		margin:0 0 10px 0;
		font:normal 12px Verdana, Geneva, sans-serif;
		}
	#kontakt p {
		clear:both;
		margin:0 0 10px 0;
		font:normal 1em Verdana, Geneva, sans-serif;
		}


#adresse {
		width:300px;
		padding:20px 0;
		float:left;
}

#adresse img{
		vertical-align:middle;
}

#social {
		width:300px;
		float:left;
		padding:0;
}

#social ul li{
	width:85px;
	float:left;
	text-align:center;
	margin:0 15px 0 0;
	font:bold 1em Verdana, Geneva, sans-serif;
}


p.success {
	background:#e3ffe0 url('/images/success.gif') no-repeat left;
	padding:12px 10px 10px 40px;
	font:normal 12px Verdana, Geneva, sans-serif;
	border:2px solid #82a20f;
	margin:0 0 5px;
	}
	
p.error {
	background:#FBF2ED url('/images/error.gif') no-repeat left;
	padding:12px 10px 10px 40px;
	border:2px solid #e63f16;
	margin:0 0 5px;
	}


.sitemap {
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#553010;
	width:100px;
	float:left;
	margin:0 50px 0 0;
}

.sitemap dt {
	font:bold 14px/1.3em Verdana, Geneva, sans-serif;
	margin: 0 0 0.5em 0;
}

.sitemap dd {
	font:bold 11px/1.3em Verdana, Geneva, sans-serif;
	line-height:1.8em;
	padding:0 0 0 10px;
	background: url('/images/layout/lipunkt.gif') no-repeat 0 5px;
	margin: 0 0 0 10px;
}

.sitemap dd.break {
	margin: 0 0 1em;
}



#postings {
	width:300px;
	float:left;
	text-align:center;
	margin:0 100px 0 0;
}

#postings img {
	margin:5px 0;
}
.eintrag {
	margin:15px 0;
	width:300px;
	float:left;
	border-bottom: 1px dotted #FFC72F;
}

#postings p.website {
	width:300px;
}

#postings p.website span {
	font:normal 10px Verdana, Geneva, sans-serif;
}

#postings p.message {
	width:300px;
}

#postings p.message img {
	vertical-align:middle;
	padding:0 5px;
}

p.blaettern {
		width:200px;
		clear:both;
		float:left;
		text-align:center;
	}

#postings .comment {
	background:#9C3C09;
	padding:5px;
	width:290px;
	color:#ffffff!important;
	margin:0 0 15px;
}
#postings .comment p{
	color:#ffffff!important;
	margin:0;
	width:280px;
}

#postings .comment p.commenttext{
	width:280px;
	color:#ffffff!important;
	margin:0;
}

.blaettern {
	font:normal 10px Verdana, Geneva, sans-serif;
}
#eintragen {
	width:220px;
	float:left;
}


#eintragen #formset {
	width:220px;
	
}

#eintragen #formset label{
	width:220px;
	font:normal 11px Verdana, Geneva, sans-serif;
}


#eintragen #formset label span{
	font:normal 9px Verdana, Geneva, sans-serif;
}


#eintragen #formset input {
		width:220px;
	margin:0 0 5px;
}

#eintragen #formset input.button {
	width:110px;
	margin:0 10px  0 0;
	float:left;
}

#eintragen #formset p.smileys {
	width:220px;
	margin:5px 0;
	font:normal 10px/15px Verdana, Geneva, sans-serif;
}

#eintragen #formset p.smileysa {
	margin:5px 0 0;
}


#eintragen #formse {
	clear:both;
	width:220px;
	font:normal 11px Verdana, Geneva, sans-serif;
}
	
#eintragen #spamhint {	
	background:#9C3C09;
	padding:5px;
	width:220px;
	font:normal 9px Verdana, Geneva, sans-serif;
	color:#ffffff!important;
	margin:0 0 15px;
}
.gbookerror {
	border:1px solid red;
	padding:10px;
}

.gbookerror li {
	font:bold 12px Verdana, Geneva, sans-serif;
	color:red;
	list-style:outside disc;
	margin:0 0 0 15px;
}