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



	Project		:	Tobias Stepper Photowebsite



	Copyright	:	abelaro - die Designagentur



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









/*	undo

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



:link,:visited { text-decoration:none; }

ul,ol { list-style:none }

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-align: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: none;}

ol li		{margin: 0 0 0 0;}

ol li ol	{margin: 0 0 0 0;}

ol li ul	{margin: 0 0 0 0;}



p			{margin-bottom: 0em;}



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; }



a:hover { text-decoration:none; }



/*	html

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

html {

	min-height: 100%;

}



/*	body

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

body {

	background-image:url(bg.gif);

	background-repeat: repeat-x;

	font-family:sans-serif, times,verdana,;

	font-size: xx-small;

	voice-family: "\"}\"";

	voice-family: inherit;

	font-size: x-small;

}



.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

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

#website {

	position:relative;

	display:block;

	margin:0;

	padding:0;

	height:538px;

	min-width:100%;

	color:#FEF3DF;

	text-align:left;

	font-family:sans-serif,verdana;

	font-size:1.0em;

	line-height:1.6em;

}



/*	header

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

#header {

	position:relative;

	margin:0;

	padding:0;

	height:56px;

	background-image:url();

}



/*	content

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





#content, #content2 {

	display:block;

	clear:both;

	position:relative;

	padding:0 0 0 0;

}





/* hide from IE/MAC \*/

* html #content, * html #content2 {

	height:111px;

}

/* end hide */





#content {}



#content2 {


}



#main {

	float:left;

	/*width:70%;*/

	height:647px;
	overflow-y: scroll;
	position: absolute;
	left: 170px;
	right: 0;
	top: 0;
	padding-right: 150px;

}



#main1 {

	float:left;

	width:453px;

	

}



#main-block {}



#main-block2 {

	padding:14px;

	background-color:#070707;

}



.pic { width:453px;}





/*	Navigation  

	

------------------------------------------------------------------------------*/

#navigation {

	float:left;

	width:150px;

	padding:10px;

	height:626px;

	background:#FEF3DF;

	

	text-transform:normal;

	font-family:times;

}







#navigation ul.nav1st, #navigation ul {

	

}





#navigation ul.nav1st li, #navigation ul li {

	padding:2px 0 2px 10px;

}



#navigation ul.nav1st li.active {



}


#navigation ul.nav1st a, 
#navigation ul.nav1st a:link, 
#navigation ul a, #navigation ul a:link {

	display:block;

	color:#000;

	font-size:1.5em;

	font-weight:normal;

	padding-left:6px;

}



#navigation ul.nav1st a:hover, #navigation ul a:hover {

	color:#95702A;

	padding-left:5px;

	border-left: 1px solid #606060;

	font-weight:normal;

}





#navigation ul.nav1st li ul.nav2nd li, 
#navigation ul ul li {

	padding:0;

	margin-left:14px;

	list-style-type:normal;

}



#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link, 
#navigation ul ul a, #navigation ul ul a:link {

	display:block;

	padding:4px 0 4px 0;

	font-size:1.2em;

	font-weight:normal;

}



#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link, 
#navigation ul.nav2nd a:hover {

	text-decoration:none;

	color:#000000;

}





#navigation ul.nav1st li.active a,
#navigation ul.nav1st li.active a:link, 
#navigation ul a.rex-current, #navigation ul a.rex-active {

	color:#95702A;

	font-weight:normal;

	

	

}






/*	Headlines

------------------------------------------------------------------------------*/



/* Headline 1 */

#main-block h1 {

	color:#D7C29B;

	font-family: sans-serif, times,verdana;

	font-size:1.6em;

	font-weight:bold;

	line-height:1.8em;

}



#main-block .teaser h1 {

	font-size:1.4em;

}



/* Headline 2 */

#main-block h2 {

	color:#95702A;

	font-family:sans-serif, arial, helvetica, verdana;

	font-size:1.4em;

	font-weight:bold;

	line-height:1.4em;

}





/*	Paragraphs / Lists

------------------------------------------------------------------------------*/

#main-block p,

#main-block ul,

#main-block ol {

	margin-bottom:1.2em;

	font-size:1.2em;

	line-height:1.6em;

}

#main-block ul li ul,

#main-block ul li ol,

#main-block ol li ol,

#main-block ol li ul {

	font-size:1em;

}



#main-block ul {

	margin-left:14px;

	list-style-type:square;

}



#main-block ol {

	list-style-type:decimal-leading-zero;

}





/*	Hyperlinks

------------------------------------------------------------------------------*/

#main-block a, #main-block a:link {

	color:#D7C29B;

	text-decoration:none;

	font-weight:bold;

	

}



#main-block a:hover {

	color:#FEF3DF;

}







/*	Images

------------------------------------------------------------------------------*/

#main-block div.image {

	margin-bottom:0;

}

#main-block div.image p {

	margin:0;

	font-size:0.9em;

}

#main-block div.flLeft {

	margin-right:14px;

}

#main-block div.flRight {

	margin-left:14px;

}





/*	footer

------------------------------------------------------------------------------*/

.footer {

	display:block;

	width:100%;

	background-image:url();

	background-position:0 -100px;

	

}

.footer2 {

	padding:0 14px;

}

.footer p {

	margin:0;

	padding:8px 0;

	font-size:10px;

	text-transform:uppercase;

}



.footer p, 

.footer p a,

.footer p a:link {

	color:#555555;

}

.footer p a:hover {

	text-decoration:underline;

}



.footer .col-left {

	float:right;

	width:186px;

}

.footer .col-right {

	float:right;

}





/* form-module

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

#form-module * {

	padding:0px;

	margin:0px;

}



#form-module {

	margin:0px;

	padding:0px;

	width:420px;

	color:#666;

	font-family:sans-serif,verdana, arial, helvetica;

	font-size:1.2em;

}



#form-module fieldset {

	border:0px solid #fff;

}



#form-module legend {

	display:none;

}





#form-module p {

	margin:0;

	padding:5px;

	font-size:1em;

	font-weight:bold;

}



#form-module .element {

	display:block;

	clear:both;

	border-top:2px solid #fff;

}



#form-module label {

	display:block;

	float:left;

	padding:5px;

	width:80px;

	border-right:2px solid #fff;

}



#form-module label.checkbox {

	width:272px;

	border-left:2px solid #fff;

	border-right:none;

}



#form-module input, 

#form-module select, 

#form-module textarea {

	float:left;

	margin:5px;

	width:195px;

	border:1px solid #333;

}



#form-module input.text {

	height:20px;

}



#form-module input.checkbox {

	width:120px;

	padding:0;

	border:none;

}



#form-module input.submit { 

	margin:2px 5px 5px 96px;

	padding:0 1px;

	border:0px solid #333;

	background-color:#DEE3D1;

	color:#666;

	width:60px;

	height:17px;

	font-size:0.9em;

	font-family:sans-serif,verdana, arial, helvetica;

	text-align:center;

	cursor:pointer;

}



#form-module input.submit:hover { 

	background-color:#DEE3D1;

	color:#31373C;

	font-weight:bold;

}



#form-module label.textarea, 

#form-module textarea.textarea {

	height:96px;

}



#form-module-thanks {

	display:block;

	color:#666;

	font-family:sans-serif, verdana, arial, helvetica;

	font-size:1.2em;

}





/* download

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

#main-block .download-hdl p, 

#main-block .download-file p, 

#main-block .download-desc p {

	margin:0;

}

#main-block .download-hdl p {

	padding:5px 7px;

	background-color:#393;

	font-weight:bold;

	color:#fff;

}



#main-block .download-file {

	padding:1.2em 7px;

	border-left:2px solid #393;

	border-right:2px solid #393;

}



#main-block .download-desc {

	margin-bottom:1.2em;

	padding:1.2em 7px;

	background-color:#e5ffe5;

	border-left:2px solid #393;

	border-right:2px solid #393;

	border-bottom:2px solid #393;

}



#main-block .download-without-desc {

	margin-bottom:1.2em;

	border-top:2px solid #393;

}



/*  Galerie

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

.jaosg_galerie	{

				text-align:center; 

				vertical-align:middle; 

				height: 70px;

				}



.jaosg_thumbnail	{

				margin:5px;

				float: left;

				height: 55px;

				width: 55px;

				text-align: left;

				vertical-align:middle;

				}



.jaosg_nav 		{

				text-align: center;

				}



.jaosg_bild		{

				text-align: center;

				}



.jaosg_bildbeschreibung	{

				text-align: justify;

				}

/* eq=quadratisches-Format der Thumbs */

div.eq img{

   height: 55px;

   width: 55px;

   border: 1px solid #606060;

}









.content .linkespalte {

	width: 345px;

	float: left;

	

	}



.content .rechtespalte {

	width: 345px;

	margin-left: 10px;

	float: left;

	

	}

	

	.content {

	width:700px;

	font-family:sans-serif, verdana;

	font-size:1.2em;

}

	

	

	/**

* @package Zweispalter

* @name ZS CSS

* @author ZFeN - sven@zfen.de - http://www.zfen.de

* @version 1.0

*/



.zweispalter {

  width: 900px; 

}



.zweispalter_1 {

  width: 485px;

}



.zweispalter_2 {

  width: 405px;

  margin-left: 10px;

}



.zweispalter_1, 

.zweispalter_2 {

  float: left;

}



.clboth {  

 clear: both;

 display: block;

 line-height: 0;

 font-size: 0;

}



/* flash mp3 jukebox */

#player2 {

	padding: 30px 0 30px 0;

}



/* Download anbieten */



.list_content {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:normal;

	text-decoration:none;

	font-size:10px;

	color:##FEF3DF;

	padding-left:10px;

	padding-top:3px;

	padding-bottom:3px;

	padding-right:24px;

	width:520px;

	

	margin:0px;

    line-height: 18px;

	}



.list_content2 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-decoration:none;

	font-size:10px;

	color:##FEF3DF;

	padding-left:10px;

	padding-top:3px;

	padding-right:24px;

	padding-bottom:3px;

	width:520px;

	

	margin:0px;

    line-height: 18px;

	}



.list_content3 {

	font-style:italic;

        font-size:10px;

	text-decoration:none;

	color:##FEF3DF;

	padding-left:10px;

	padding-top:3px;

	padding-right:24px;

	padding-bottom:3px;

	width:520px;

	

	margin:0px;

    line-height: 18px;

	}


/* bildergalerie */
#content .galerieGalerie {
	padding: 1em 0;
	float: none;
	clear: both;
}
/* für galerie uebersicht */
#content .galerieGalerie .listeReihe {
	border-bottom: none;
	margin-bottom: 0.7em;
}
#content .galerieTitle {
	width: 120px;
	float: left;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.3em;
}
#content .galerieTitle a {
	text-decoration: none;
}
#content .galerieThumbnail {
	width: 160px;
	height: 160px;
	border: 1px solid #D7C29B;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}
#content .galerieThumbnail a {
	width: 160px;
	height: 160px;
	display: block;
	background: none;
	margin: 0;
	padding: 0;
}
#content .galerieThumbnail a:hover {
	background: none;
}