/*
------------------------------------------------------------------------
Fotostudio A
------------------------------------------------------------------------
Author:     tp@le-buero.de
Copyright:  (c) Fotostudio A
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #f4f4f4;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}

p {
	line-height: 15px;
}

a, a:visited {
	color: #666666;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #111111;
}

.clear {
	clear: both;
}

.grau{
	color: #ccc;
}

.white {
	color: #ffffff;
}

small {
	font-size: 8px;
	vertical-align: super;
}

.left {
 float: left;
 text-align: right;
 width: 40%;
 margin-right: 2%;
}

.right, button {
 margin-left : 42%;
}

.lft {
	float: left;
}

.rght {
	float: right;
}


/*
------------------------------------------------------------------------
CONTAINER
------------------------------------------------------------------------
*/

.container_werbung {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	background-color: #dcdcdc;	/* FARBE LEISTE*/
}

.container_weihnachten {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
      background-color: #dcdcdc;/* FARBE LEISTE*/
      /*background-image: url(images/bg_w11.jpg);*/

	
}

.container {
	margin: 0px auto;
	padding: 0px;
	width: 980px;
	text-align: left;
	background-image: url(images/container_unten.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

.container_breit {
	margin: 0px auto;
	padding: 0px;
	width: 980px;
	text-align: left;
	background-image: url(images/container_breit_unten.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

.container_oben {
	margin: 10px auto 0 auto;
	padding: 0px;
	width: 980px;
	height: 10px;
	background-image: url(images/container_oben.gif);
	background-position: top;
	background-repeat: no-repeat;
}

.container_oben_ohne {
	margin: 30px auto 0 auto;
	padding: 0px;
	width: 980px;
	height: 10px;
	background-image: url(images/container_oben.gif);
	background-position: top;
	background-repeat: no-repeat;
}

/* SPALTEN */

.links {
	margin: 0px;
	padding: 10px 20px 20px 20px;
	width: 290px;
	float: left;
}

.links_breit {
	margin: 0px;
	padding: 20px 0px 30px 40px;
	width: 580px;
	float: left;
}

.links_impressum {
	margin: 0px;
	padding: 20px 50px 30px 40px;
	width: 570px;
	float: left;
}

.rechts_impressum {
	margin: 0px;
	padding: 20px;
	width: 280px;
	float: left;
}

.mitte {
	margin: 0px;
	padding: 10px 20px 20px 20px;
	width: 290px;
	float: left;
}

.rechts {
	margin: 0px;
	padding: 10px 20px 20px 20px;
	width: 280px;
	float: left;
}

.bilder {
	margin: 0;
	padding: 20px 0 0 0;
	width: 550px;
	float: left;
}

.bilder li{
	display: block;
	list-style: none;
	height: 130px;
	float: left;
	
}

.bilder img{
margin: 5px;
}



/* UEBERSCHRIFTEN */

h2 {
	margin: 0px;
	padding: 0 0 10px 0;
	font-size: 16px;
	color: #111111;
	font-weight: normal;
}

.links_breit h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 16px;
	color: #111111;
	font-weight: normal;
}

/* HEADER */

#header {
	margin: 0 auto;
	padding: 25px 0 0 0;
	width: 940px;
	height: 45px;
}

#teaser {
	margin: 0 auto;
	padding: 310px 100px 10px 500px;
	width: 380px;
	height: 135px;
	background-repeat: no-repeat;
	display: block;
text-align: right;
}

#teaser p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
	color: #ffffff;
}

.leiste {
	background-image: url(images/container_schwarz_hg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.leiste2 {
 
	background-image: url(images/hg_teaser7.jpg); /*FARBE HINTERGRUND TEASER*/
	background-position: bottom;
	background-repeat: repeat-x;
}

.teaser_weihnachten {
	background-image: url(images/teaser7.jpg); /* TEASER*/
}

.teaser_weihnachten a, .teaser_weihnachten a:visited{
	color: #933;										/* LINKFARBE*/
	text-decoration: underline;
	font-weight: bold;
}

.teaser_weihnachten a:hover{
	color: #666;										/* LINKFARBE*/
	text-decoration: none;
}

.logo a, .logo a:visited {
	width: 145px;
	height: 29px;
	background-image: url(images/logo_grau.jpg);/* LOGO*/
	background-repeat: no-repeat;
	float: right;
	display: block;
}

.logo a:hover {
	background-position: 0px -29px;
}

.logo2 a, .logo2 a:visited {
	width: 145px;
	height: 29px;
	background-image: url(images/logo_grau.jpg);/* LOGO*/
	background-repeat: no-repeat;
	float: right;
	display: block;
}

.logo2 a:hover {
	background-position: 0px -29px;
}

.menu {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	float: left;
}

.menu li {
	margin: 0;
	padding: 0px;
	float: left;
	border-left: 1px solid #fff;
}

.menu li a, .menu li a:visited {
	padding: 5px 10px 5px 10px;

	color: #933;				/* LINKFARBE*/
	font-weight: normal;
	text-decoration: none;
	display: block;
}

.menu li a:hover, .menu li.current a, .menu li.current a:visited {
	color: #666;					/* LINKFARBE*/
}


.menu_d {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	float: left;
}

.menu_d li {
	margin: 0;
	padding: 0px;
	float: left;
	border-left: 1px solid #fff;
}

.menu_d li a, .menu_d li a:visited {
	padding: 5px 10px 5px 10px;

	color: #933;				/* LINKFARBE*/
	font-weight: normal;
	text-decoration: none;
	display: block;
}

.menu_d li a:hover, .menu_d li.current a, .menu_d li.current a:visited {
	color: #666;					/* LINKFARBE*/
}


/* sub navigation */
.sidenav {
	float: left;
	width: 180px;
	margin: 20px 0 20px 110px;
}

.sidenav ul {
	padding: 0;
	border-top: 1px solid #ebebeb;
}
.sidenav li {
	border-bottom: 1px solid #ebebeb;
	list-style:none;
}

.sidenav li.current a{
font-weight:bold;
color:#111;
background: #f4f4f4;
}

.sidenav li a {
	display: block;
	padding: 7px 0 7px 15%;
	text-decoration: none;
	width: 85%;
}
.sidenav li a:hover {
	background: #f4f4f4;
	color: #111;
}


/*
------------------------------------------------------------------------
I N F O
------------------------------------------------------------------------
*/

#info {
	margin: 10px 0px 40px 0px;
	padding: 10px 0px 0px 0px;
	width: 980px;
	background-image: url(images/info.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
}

.thumb {
	margin: 0px 15px 0px 0px;
	padding: 5px;
	background-color: #ffffff;
	float: left;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

a:hover .thumb {
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}


/*
------------------------------------------------------------------------
F O O T E R
------------------------------------------------------------------------
*/

#footer {
	margin: 10px auto;
	padding: 10px 20px;
	text-align: right;
	width: 940px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#footer p {
	margin: 0px;

	color: #999999;
}

#footer p a, #footer p a:visited {
	color: #999999;
	text-decoration: none;
}

#footer p a:hover {
	color: #111111;
}


/*
---------------Formular------------------------
*/

form
{
	margin:		0;
	display:	block;
}

fieldset
{
	display:	block;
	padding:	0;
	clear:		both;
	margin:		0;
	border: none;
}
html > body fieldset
{
	background:	none;
}

select
{
	position: 	relative;
	top: 		-1.4em;
	left: 		8em;
	display:	block;
	width:		8em;
	border:		1px solid #ccc;
}


label
{
	clear: 		left;
	float: 		left;
	display: 	block;
	width: 		6em;
	font-size: 11px;
	color: #666666;
}


input
{
	position: 	relative;
	top: 		-1.4em;
	left: 		6em;
	display: 	block;
	border:		1px solid #ccc;
	padding:	2px;
	background:	#fff;
	font-size: 11px;
	color: #666666;
	width: 195px;
}

input.hidden
{
	border:		none;
	padding:	0;
}

input.senden
{
	top:		-1em;
	left:		8.5em;
	clear:		left;
	width:		150px;
	background-image: url(images/abschicken.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
textarea
{
	position: 	relative;
	top: 		-1.4em;
	left: 		6em;
	display: 	block;
	border:		1px solid #ccc;
	padding:	2px;
	height:		5em;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 195px;
}
.footerlinks
{
	float: left;
	text-align: left;
}
.footerrechts
{
	float: right;
}


