/*******************************************************************************

	Project: fotografie-einsichten.de

	Copyright	: Robert Schielicke

*******************************************************************************/

/*	undo
*******************************************************************************/

:link,:visited { text-decoration:none; }
ul { list-style-type:none; }
ol	{ list-style-type: decimal-leading-zero; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

body, div,p,li { background-repeat:no-repeat; }

/*	reset some basic style
*******************************************************************************/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style-type: decimal-leading-zero;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{ 
 color:#000000;
 margin-bottom: 0em;
}

a:link			{ 
 text-decoration:none;
 color:#aaaaaa;
}

a:active			{ 
 text-decoration:none;
 color:#000000;
}


a:visited 			{ 
 text-decoration:none;
 color:#aaaaaa;
}

a:hover { 
 text-decoration:none; 
 color:#000000;
}


ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }


/*	html
*******************************************************************************/
html {
	min-height: 100%;
	margin-bottom: 1px;
}

/*	body
*******************************************************************************/
body {
	background-color: #88939E;
	font-color: #000000;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:16px;
	voice-family:  \ }\  ;
	voice-family: inherit;
	font-size: 12px;
	line-height:16px;
 	scrollbar-face-color: #ffffff;
 	scrollbar -highlight- color: #000000;
 	scrollbar -shadow- color: #000000;
 	scrollbar -3dlight- color: #ffffff;
 	scrollbar -arrow- color: #ffffff;
 	scrollbar -track- color: #ffffff;
 	scrollbar -darkshadow- color: #ffffff;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.flLeft { float:left; }
.flRight { float:right; }

.warning { color:#f00; }


/*	website  top: 0px;  left: 0px;  z-index: 1;  background-color:#ffffff; 
	height:1000px;
	display:block;
*******************************************************************************/
#website {
	position:relative;
	margin:0 auto;
 	overflow:visible; 
	width:1300px;
 	visibility: visible;
	padding:0px;
	text-align:left;
}

/*
*******************************************************************************/
#website-fond {
	position:absolute;
	display:block;
	margin:0 auto;
 	overflow:visible; 
	width:1300px;
 	height:817px;
	visibility: visible;
	padding:0px;
}



/*	content
*******************************************************************************/

/* hide from IE/MAC \*/
 * html #content {   min-height:364px;
 height:auto;
 height:364px;
 } 
/* end hide   */

#contentstart {
top:120px; 
left:20px; 
width:900px; 
margin:0px;
padding:0px;
visibility:visible; 
overflow:visible; 
}


#content {
position:absolute; 
top:120px; 
left:20px; 
width:900px; 
margin:0px;
padding:0px;
visibility:visible; 
overflow:visible; 
}


/*	Navigation horizontal and vertical - 
	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum n 0chsten Kommentar gel scht werden
------------------------------------------------------------------------------*/

#nav-header {
position:absolute;
top:80px; 
left:20px; 
height:40px;
width:1060px;
padding:0px;
border:0px;
overflow:unvisible; 
visibility:visible; 
clip:auto;
display:block;
}

#nav-header ul.nav1st {
}


#nav-header ul.nav1st li {
height:30px;
margin:0px;
padding:5px 10px 0px 5px;
text-align:left;
display:block;
float:left;
font-size:12px;
font-weight:normal;
}

#nav-header ul.nav1st li.active {
}

#nav-header ul.nav1st li.active a,
#nav-header ul.nav1st li.active a:link {
	color:#b5152b;
}

#nav-header ul.nav1st li a, 
#nav-header ul.nav1st li a:link {
	color:#000000;
}

#nav-header ul.nav1st li a:hover {
	color:#b5152b;
}

/*	background-color:#D3D6E8; */

#nav-suche {
background-color:#FFFFFF;
text-align:left;
font-size:11px;
font-weight:normal;
color:#000000;
position:absolute;
top:202px; 
left:30px;
width:200px;
padding:0 0 0 0;
margin:0px;}


#nav-leftcol {
text-align:left;
font-size:16px;
font-weight:normal;
color:#aaaaaa;
position:absolute;
top:120px; 
left:940px;
width:140px;
padding:0px;
margin:0px;}

#nav-leftcol ul.nav1st li {
	padding:3px 0px 3px 28px;
	margin:0px;
	font-size:16px;
    line-height:19px;
 	font-weight:normal;
	color:#aaaaaa; 
	border-top:0px solid #ffffff;
}

#nav-leftcol ul.nav1st a, 
#nav-leftcol ul.nav1st a:link {
	display:block;
	padding:4px 0 4px 0;
	color:#aaaaaa;
}

#nav-leftcol ul.nav1st a.current, 
#nav-leftcol ul.nav1st a.current:link, 
#nav-leftcol ul.nav1st a:hover {
	color:#000000;
}


#nav-leftcol ul.nav2nd li {
	padding:3px 0px 3px 0px;
	margin:0px;
	font-size:12px;
    line-height:19px;
	font-weight:normal;
	color:#aaaaaa; 
	border-top:0px solid #aaaaaa;
}

#nav-leftcol ul.nav2nd a, 
#nav-leftcol ul.nav2nd a:link {
	display:block;
	padding:0px;
	color:#aaaaaa;
}

#nav-leftcol ul.nav2nd a.current, 
#nav-leftcol ul.nav2nd a.current:link, 
#nav-leftcol ul.nav2nd a:hover {
	color:#000000;
}

#nav-leftcol ul.nav3rd li {
 padding:3px 0px 3px 10px;
 margin:0px;
 font-size:12px;
 font-weight:normal;
 line-height:19px;
 color:#aaaaaa;
 border:0;
 }

#nav-leftcol ul.nav3rd a, 
#nav-leftcol ul.nav3rd a:link {
	display:block;
	padding:0px;
	color:#aaaaaa;
}

#nav-leftcol ul.nav3rd a.current, 
#nav-leftcol ul.nav3rd a.current:link, 
#nav-leftcol ul.nav3rd a:hover {
	color:#000000;
}


#letzte_aenderung { 
width:900px;
left:0px;
top:0px;
position:absolute;
margin:0px; 
padding:0px; 
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;}

#letzte_aenderung .textbeitrag {
width:900px; 
padding:0px; 
float:left;
text-align: left;
overflow:visible;
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
}

#letzte_aenderung .textbeitrag .adresse {
padding:0px; 
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
float:right;
}

#letzte_aenderung .textbeitrag .adresse p { 
padding:5px 10px 0px 5px;
text-align: left;
color:#ffffff;
font-size:12px;
  line-height:20px;
font-weight:normal;
font-family: arial, helvetica, verdana, sans-serif; 
}

letzte_aenderung .textbeitrag .adresse p a, 
letzte_aenderung .textbeitrag .adresse p a:link { 
color:#ffffff;
}

#breadcrumb {
position:absolute;
top:80px; 
left:20px; 
height:40px;
width:900px;
padding:0 0 0 5px;
border:0px;
overflow:unvisible; 
visibility:visible; 
clip:auto;
display:block;
}

#breadcrumb a, 
#breadcrumb a:link, {
	color:#aaaaaa;
}

#breadcrumb a:hover {
	color:#000000;
}



/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 -  margin: 12px 0 8px 0; */
#content h1  { 
 color:#000000; 
	font-family:arial, helvetica, verdana, sans-serif;
	font-weight:normal; 
	font-size:22px; 
 line-height:32px;
 padding:0px 0px 5px 0px;
}

/* Headline 2  -  margin: 8px 0 6px 0; */
#content h2 { 
 color:#000000; 
 font-family:arial, helvetica, verdana, sans-serif;
 font-weight:normal; 
 font-size:16px; 
   line-height:22px;
 padding:0px 0px 5px 0px;
}

/* Headline 3    -  margin: 8px 0 6px 0; */
#content h3 { 
 color:#000000; 
 font-family:arial, helvetica, verdana, sans-serif;
 font-weight:normal; 
 font-size:12px; 
   line-height:22px;
 padding:0px 0px 5px 0px;
}

/*	Paragraphs / Lists
------------------------------------------------------------------------------*/

#content p,
#content ul,
#content ol { 
color: #000000; 
font-size:12px;
  line-height:20px;
font-weight:normal;
 font-family: arial, helvetica, verdana, sans-serif; 
}
#content ul li ul,
#content ul li ol,
#content ol li ol,
#content ol li ul {
    padding:10px;
	font-size:12px;
	font-weight:normal;
}

#content ul {
	margin-left:12px;
	list-style-type:square;
}

#content ol {
	list-style-type:decimal-leading-zero;
}

#content p.bildunterschrift { 
 margin:3px;
 color: #000000; 
 font-size:12px;
 line-height:20px;
 font-weight:normal;
 font-family: arial, helvetica, verdana, sans-serif; 
}

/*	Hyperlinks
------------------------------------------------------------------------------*/

#content a, #content a:link, #content a:visited {
	color:#aaaaaa;
	text-decoration:none;
}

#content a:hover {
	color:#000000;
}



/*	Images
------------------------------------------------------------------------------*/
#content div.image {
	margin-bottom:0;
 color: #ffffff; 
}
#content div.image p {
	margin:3px;
    color: #000000; 
    font-size:10px;
}
#content div.flLeft {
	margin-right:14px;
}
#content div.flRight {
	margin-left:14px;
}

/*	beitrag 
------------------------------------------------------------------------------*/

#beitrag  { 
float:left;
width:940px;
left:0px;
position:relative; 
margin:0px; 
padding:0px; 
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block;
border-top:1px solid #000000;
}



#beitrag .image-preview {
margin:0px 0px 6px 0px; 
padding:0px 0px 0px 0px; 
border:0px solid #ffffff;
width: 50px;
height: 50px;
overflow:hidden; 
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
}

#beitrag .image-innen0 {
margin:0px; 
padding:2px 5px 0px 0px; 
border:0px solid #ffffff;
width: 55px;
height: 500px;
float:left;
text-align: center;
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
}

#beitrag .image-innen1 {
margin:0px; 
padding:0px; 
border:2px solid #ffffff;
width: 500px;
height: 500px;
position:absolute; 
top:0px;
left:0px;
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
color:#aaaaaa;
background-color: #ffffff;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
	filter: alpha(opacity=50);					// second!
}

#beitrag .image-innen2 {
margin:0px; 
padding:0px; 
border:2px solid #ffffff;
width: 500px;
height: 500px;
position:absolute; 
top:0px;
left:0px;
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
}

#beitrag .image-innen3 {
margin:0px; 
padding:20px; 
border:2px solid #ffffff;
width: 460px;
height: 460px;
position:absolute; 
top:0px;
left:0px;
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
text-align:right;
}

.opaque {
	opacity: .3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; // first!
	filter: alpha(opacity=30);					// second!
}

.ssgthumb {float: left; border: 1px solid #dedede; padding: 5px; margin: 0 5px 5px 0;}

#beitrag .image-innen p {
color:#000000; 
margin:0px;
font-size:12px;	
  line-height:20px;
font-weight:normal;
}

#beitrag .image-innen a {
color:#aaaaaa; 
}

#beitrag .image-innen a.hover {
color:#000000; 
}

#beitrag .textbeitrag {
width:940px; 
padding:0px 0px 20px 5px; 
float:left;
border:0px; 
overflow:visible;
visibility:visible; 
property-name:property-value; 
display:block; 
}

#beitrag .textbeitrag p {
padding:0px 0px 0px 0px; 

}

#beitrag ol {
	list-style-type:decimal-leading-zero;
	margin:5px 0px 0px 15px;
}

#beitrag ul {
	margin:15px 15px 0px 15px;
	list-style-type:square;
}

#beitrag li {
	margin:15px 15px 0px 15px;
}

/* IMG Popup
------------------------------------------------------------------------------*/

#img_content {
 background-color:#EDF3DB;
 margin:0px;
 padding:0px;
 visibility:visible; 
 overflow:visible; 
	display:block;
}

#img_beitrag  { 
background-color:#E0EEB1;
float:left;
position:relative; 
margin:0px; 
padding:10px 10px 0px 10px; 
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block 
clip:auto;
}

#beitrag .img_textbeitrag {
color: #336600; 
padding:10px; 
float:left;
border:0px; 
overflow:visible;
visibility:visible; 
property-name:property-value; 
display:block; 
clip:auto;
}

#img_content h3 { 
 color:#336600; 
 font-family: arial, helvetica, verdana, sans-serif;
 font-weight:normal; 
 font-size:12px; 
 line-height:16px;
 margin: 8px 0 6px 0;
}

#img_content p { 
color: #000000; 
font-size:12px;
  line-height:19px;
font-weight:normal;
font-family: arial, helvetica, verdana, sans-serif; 
}




/* Do Form!
*******************************************************************************/
#formgen * {
	padding:0px;
	margin:0px;
}

#formblock {
float:left;
width: 405px;
left:0px;
position:relative; 
margin:0px; 
padding:0 0 0 515px; 
border: 0px;
overflow:visible; 
visibility:visible; 
property-name:property-value; 
display:block; 
}


#formblock .label  { 
float:left;
text-align:right;
margin: 0px; 
padding: 8px 5px 0px 0px; 
position: relative; 
vertical-align:top;
width: 135px; 
visibility: visible; 
display: block; 
}

#formblock .label  p,
{ 
color: #000000; 
font-size:16px;
line-height:20px;
	font-weight:normal;
	font-family: arial, helvetica, verdana, sans-serif; 
}


#formblock .input   { 
float:left;
text-align:left;
margin: 0px; 
padding: 8px 5px 0px 0px; 
position: relative; 
vertical-align:top;
width: 255px; 
visibility: visible; 
display: block; 
color:#ffffff;
}
#formblock .input .formtext
{ 
color: #000000; 
font-size:14px;
line-height:20px;
	font-weight:normal;
	font-family: arial, helvetica, verdana, sans-serif; 
width: 255px; 
}

#formblock .input .formtextfield
{ 
color: #000000; 
font-size:14px;
line-height:20px;
	font-weight:normal;
	font-family: arial, helvetica, verdana, sans-serif; 
width: 255px; 
height:255px;
}


#form-module-zeile input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module-zeile label.textarea, 
#form-module-zeile textarea.textarea {
	height:96px;
}

#form-module-thanks {
float:right;
text-align:left;
margin: 0px; 
padding: 0px; 
position: relative; 
vertical-align:top;
width: 400px; 
visibility: visible; 
display: block;
	color:#000000;
 font-size:16px; 
   line-height:19px;
 margin-top:8px;
	font-weight:normal;
	font-family: arial, helvetica, verdana, sans-serif; 

}