@CHARSET "ISO-8859-1";

/*-------------------------------------------------------/
/                                                        /
/   style.css                                            /
/                                                        /
/   www.foto-ohde.de                                     /
/                                                        /
/   04.12.2010                                           /
/                                                        /
/-------------------------------------------------------*/



/*-------------------------------------------------------/
/                                                        /
/   STRUKTUR                                             /
/                                                        /
/-------------------------------------------------------*/

#headerwrapper {
		
	height: 138px;

	
	background: url('/images/header_background_01.jpg') repeat-x;

}




#header {
		
	margin: 0 auto;
	
	width: 960px;

	height: 138px;
	
	
	background: url('/images/foto_ohde_logo.jpg') no-repeat;
	
}



#contentwrapper {
	
	margin: 0 auto;

	width: 960px;


	background-color: #fff;

}



#footerwrapper {
	
	margin-top: 2em;
	
	height: 150px;

	
	background: #000 url('/images/footer_background_01.jpg') repeat-x top left;
		
}



/*-------------------------------------------------------/
/                                                        /
/   SPACER                                               /
/                                                        /
/-------------------------------------------------------*/

.spacer {
	
	height: 15em;
		
}



/*-------------------------------------------------------/
/                                                        /
/   CONTAINER 01                                         /
/                                                        /
/-------------------------------------------------------*/

.container01 {
		
	width: 470px;
	
}



/*-------------------------------------------------------/
/                                                        /
/   BOX 01                                               /
/                                                        /
/-------------------------------------------------------*/

.box01 {
		
	border: 1px solid #ddd;

	
	position: relative; 	

	margin-top: 2.5em;

	padding: 2em 2em 1em 2em; 
	
}


.box01 h2 {
	
	position: absolute; 

	top: -0.7em; 
	
	margin: 0; 
	
	padding: 0 0.3em; 


	background: #fff; 
		
}








/*-------------------------------------------------------/
/                                                        /
/   H1 / LOGO                                            /
/                                                        /
/-------------------------------------------------------*/

h1 {
		
	margin: 0 auto;

	width: 480px;
	
}



h1 a {

	display: block;
	
	height: 124px;
	
		
    text-indent: -9000px;
		
}



/*-------------------------------------------------------/
/                                                        /
/   H2                                                   /
/                                                        /
/-------------------------------------------------------*/

h2 {
		
	margin-bottom: 0.5em;

	
	
	font-size: 2em;
	
	line-height: 1.5em;
	
	font-weight: normal;
	
	color: #900;		
	
}





/*-------------------------------------------------------/
/                                                        /
/   H3                                                   /
/                                                        /
/-------------------------------------------------------*/

h3 {
		
	margin: 0.5em 0;
		
	
	font-size: 1.5em;
	
	line-height: 1.5em;
	
	font-weight: normal;
	
	color: #999;	
	
}





/*-------------------------------------------------------/
/                                                        /
/   P / MENGENTEXT                                       /
/                                                        /
/-------------------------------------------------------*/

p, address {
		
	margin: 1.5em 0;

		
	font-size: 1.2em;
	
	line-height: 1.5em;
	
	color: #333;	
		
}


address {
	
	white-space: pre;
	
	font-style: normal;
	
}




.anmerkung {

	margin: 0;
	
	font-size: 0.9em;
	
	color: #999;

}









/*-------------------------------------------------------/
/                                                        /
/   LOGIN                                                /
/                                                        /
/-------------------------------------------------------*/

#login_container {
		
    float: right;

    
    background: #fff url('/images/login_container_links.jpg') bottom left no-repeat;
       
}

#login_container_rechts {
		 
	background: url('/images/login_container_rechts.jpg') bottom right no-repeat;
        
}


#login_container p {
	
	margin: 0;

    padding: 0.3em 1em 0.5em 1em;

 
    font-weight: bold;
    
    text-align: right;
	
		
	font-size: 1em;
		
}



#login_container p a {
	
	padding-bottom: 1px;

	
	color: #900;

	
	background: url('/images/link_02.gif') bottom left repeat-x;
	
}


#login_container p a:visited {
		
	color: #900;
	
}


#login_container p a:hover, 
#login_container p a:focus {
		
	color: #c00;
	
	background: none;
	
}


#login_container p a:active {
		
	color: #900;
	
}


#login_container p a#benutzerkontoanzeigen {
	
	display: block;

}







/*-------------------------------------------------------/
/                                                        /
/   HAUPTNAVIGATION WRAPPER                              /
/                                                        /
/-------------------------------------------------------*/

#hauptnavigationwrapper {

	margin: 1em 0 2em 0;
	
	padding-bottom: 1em;

	
    background: url('/images/linie_horizontal_01.gif') bottom left repeat-x;
  
}



/*-------------------------------------------------------/
/                                                        /
/   HAUPTNAVIGATION: FORMULAR FOTOSSUCHEN                /
/                                                        /
/-------------------------------------------------------*/

#fotossuchen {
			
	float: left;

	margin: 0;

}


#fotossuchen fieldset {

	border: none;
		
	padding: 0;
	
}


#fotossuchen fieldset p {

	margin: 0;
	 
}


input#usrSuchbegriffe {
	
	float: left;
	
	width: 330px;
		
}


#fotossuchen span.inputbutton_wrapper02 {
	
	margin: 0 0 0 0.5em;
	
}

#fotossuchen input.button02 {
	
	width: 113px;
	
}




/*-------------------------------------------------------/
/                                                        /
/   HAUPTNAVIGATION: LINKS                               /
/                                                        /
/-------------------------------------------------------*/

ul#hauptnavigation {
	
	float: right;
		
	padding-top: 0.5em;

}


ul#hauptnavigation li {

	float: left;
	
	margin-right: 1.7em;
	
	padding-right: 1.7em;
	

	background: url('/images/linie_vertikal_01.gif') repeat-y right;
		
}


ul#hauptnavigation li.last {
		
	margin-right: 0;
	
	
	padding-right: 0;
	
	background: none;
		
}


ul#hauptnavigation li a {
		
	padding-bottom: 1px;
		

		
	font-size: 1.2em;
	
	line-height: 1.3em;

	font-weight: bold;

	color: #999;

	
	background: url('/images/link_01.gif') bottom left repeat-x;
		
}


ul#hauptnavigation li a:visited {
		
	color: #999;
	
}


ul#hauptnavigation li a:hover,
ul#hauptnavigation li a:focus {
		
	color: #ccc;

	background: none;
	
}


ul#hauptnavigation li a:active {
		
	color: #999;
	
}





/*-------------------------------------------------------/
/                                                        /
/   FOOTER / NAVIGATION                                  /
/                                                        /
/-------------------------------------------------------*/

#footer ul {
	
	margin: 0 auto;		
	
	padding-top: 2em;

	width: 860px;

}



#footer ul li {
	
	float: left;

	margin: 0 1.35em 1em 0;
	
	padding-right: 1.35em;
	
	
	background: url('/images/linie_vertikal_02.gif') repeat-y right;
	
}


#footer ul li.last {
		
	margin-right: 0;

	padding-right: 0;
	
	background: none;	
			
}


#footer ul li a {
		
	line-height: 1.3em;

	font-weight: bold;

	color: #fff;

}


#footer ul li a:visited {
		
	color: #fff;
	
}


#footer ul li a:hover,
#footer ul li a:focus {
		
	color: #ccc;
	
}


#footer ul li a:active {
		
	color: #fff;
	
}










/*-------------------------------------------------------/
/                                                        /
/   BUTTON 01                                            /
/                                                        /
/-------------------------------------------------------*/

a.button01 {
		
	padding: 0.6em 1em;

			
	font-size: 0.9em;
	
	font-weight: bold;
	
	color: #fff;

			
	background: #c00 url('/images/background_01.jpg') no-repeat top left;
		
}


a.button01:visited {
		
	color: #fff;
			
}


a.button01:hover,
a.button01:focus {
	
	color: #fff;
			
	background: #f00;
	
}


a.button01:active {
	
	color: #fff;
				
}





/*-------------------------------------------------------/
/                                                        /
/   BUTTON 02                                            /
/                                                        /
/-------------------------------------------------------*/

a.button02 {
		
	padding: 0.6em 1em;

			
	font-size: 0.9em;
			
	font-weight: bold;
	
	white-space: nowrap;
	
	color: #fff;

	
    background: #aaa url('/images/background_02.jpg') no-repeat top left;
	
}


* html a.button02 {
					
	font-size: 1em;
	
}


a.button02:visited {
		
	color: #fff;
			
}


a.button02:hover,
a.button02:focus {
	
	color: #fff;
			
	background: #ccc;
	
}


a.button02:active {
	
	color: #fff;
				
}




/*-------------------------------------------------------/
/                                                        /
/   BUTTON 03 / HOMEPAGE PREISE                          /
/                                                        /
/-------------------------------------------------------*/

a.button03 {
		
	display: block;
	
	padding: 0.8em 0.7em;

				
	font-size: 1em;
	
	line-height: 1.8em;
	
	text-align: center;
	
	font-weight: bold;
	
	color: #fff;

	
	background: #fa0 url('/images/background_05.jpg') no-repeat top left;
	
}


* html a.button03 {
	
	display: inline;

}


a.button03:visited {
		
	color: #fff;
			
}


a.button03:hover,
a.button03:focus {
	
	color: #fff;
			
	background: #ffd450;
	
}


a.button03:active {
	
	color: #fff;
			
}


a.button03 span {
		
	display: block;
	
	font-size: 1.5em;
	
}


a.button03 em {

	font-size: 0.7em;
	
}



/*-------------------------------------------------------/
/                                                        /
/   BUTTON 04                                            /
/                                                        /
/-------------------------------------------------------*/

a.button04 {
		
	padding: 0.6em 1em;

			
	font-size: 0.9em;
	
	font-weight: bold;
	
	color: #fff;
			
	background: #fa0 url('/images/background_08.jpg') no-repeat top left;
		
}


a.button04:visited {
				
	color: #fff;
	
}


a.button04:hover,
a.button04:focus {
				
	background: #fd6;
	
}


a.button04:active {
	
	color: #fff;
		
}





/*-------------------------------------------------------/
/                                                        /
/   BUTTON 05 / THUMBNAILS BLÄTTERN                      /
/                                                        /
/-------------------------------------------------------*/

a.button05 {
		
	padding: 0.4em 0.6em;

			
	font-size: 2em;
	
	font-weight: bold;

	color: #fff;

		
	background: #ccc url('/images/background_09.jpg') no-repeat top left;
		
}


a.button05:visited {
				
	color: #fff;
	
}


a.button05:hover,
a.button05:focus {
				
	color: #fff;
	
	background: #eee;
	
}


a.button05:active {
	
	color: #fff;
				
}


/*-------------------------------------------------------/
/                                                        /
/   BUTTON 06                                            /
/                                                        /
/-------------------------------------------------------*/


a.button06 {
		
	padding: 0.4em 0.6em;

			
	font-size: 0.8em;
	
	line-height: 1em;
	
	font-weight: bold;
	
	white-space: nowrap;
		
	color: #fff;
	
	cursor: pointer;

		
    background: #f30;
	
	background: #aaa;
	
}


a.button06:visited {
		
	color: #fff;
		
}


a.button06:hover,
a.button06:focus {
				
	background: #ff7553;
	
	background: #ccc;
	
}


a.button06:active {
	
	color: #fff;
		
}




/*-------------------------------------------------------/
/                                                        /
/   BUTTON 07                                            /
/                                                        /
/-------------------------------------------------------*/

a.button07 {
		
	padding: 0.6em 1em;

			
	font-size: 0.9em;
	
	font-weight: bold;
	
	color: #fff;
			
	background: #930;
		
}


a.button07:visited {
				
	color: #fff;
	
}


a.button07:hover,
a.button07:focus {
				
	background: #c66000;
	
}


a.button07:active {
	
	color: #fff;
		
}






/*-------------------------------------------------------/
/                                                        /
/   LISTE 01                                             /
/                                                        /
/-------------------------------------------------------*/


ul.liste01 li {
	
	margin: 1em 0;
		
	padding-left: 1.5em;

	
	font-size: 1.2em;
	
	line-height: 1.5em;

	font-weight: bold;

	color: #000;
	
	
	background: url('/images/bulletpoint_01.gif') no-repeat top left;	
	
}



/*-------------------------------------------------------/
/                                                        /
/   LISTE 02                                             /
/                                                        /
/-------------------------------------------------------*/

ul.liste02 li {
	
	margin: 1em 0;
		
	padding-left: 1.5em;

	
	font-size: 1.2em;
	
	line-height: 1.5em;

	font-weight: bold;

	color: #000;
	
	
	background: url('/images/bulletpoint_03.gif') no-repeat top left;	
	
}



/*-------------------------------------------------------/
/                                                        /
/   LISTE 03 / AGB                                       /
/                                                        /
/-------------------------------------------------------*/

ol.liste03 {
	
	list-style-type: upper-alpha;
	
	list-style-position: inside;
		
}


ol.liste03 li {
	
	margin: 1em 0;
	
	
	font-size: 1.2em;
	
	line-height: 1.5em;
	
	font-weight: bold;

	
	color: #000;
			
}


ol.liste03 ol {
	
	margin-left: 3.2em;
		
	list-style-type: decimal;
	
	list-style-position: outside;
		
}


ol.liste03 ol li {
	
	font-size: 1em;
	
	font-weight: normal;
	
}




/*-------------------------------------------------------/
/                                                        /
/   LISTE 04                                             /
/                                                        /
/-------------------------------------------------------*/

ul.liste04 li {
	
	margin: 1em 0;
		
	padding-left: 1.5em;

	
	font-size: 1.2em;
	
	line-height: 1.5em;

	font-weight: bold;

	color: #000;
	
	
	background: url('/images/bulletpoint_04.gif') no-repeat top left;	
	
}



/*-------------------------------------------------------/
/                                                        /
/   TABELLE DATEN                                        /
/                                                        /
/-------------------------------------------------------*/

table.daten {

	border-collapse: collapse;
	
	margin: 1em 0;
	
	width: 100%;
	
		
	font-size: 1.3em;
		
}


table.daten th, 
table.daten td {
	
	border: 1px solid #ccc;
	
	
	padding: 1em;
	
	
	font-weight: bold;
		
}



table.daten th {
				
	text-align: center;
		
	color: #666;
	
	
	background-color: #e5e5e5;
			
}


table.daten th.heading01 {

	width: 15em; 
	
	
	color: #900;
	
	text-align: left;

	
	background: none; 
		
}


table.daten th.heading02 {

	width: 15em; 
	
	
	color: #fa0;
	
	text-align: left;
	
	
	background: none; 
		
}


table.daten th.heading03 {

	width: 15em; 
	
	
	color: #930;
	
	text-align: left;
	
	
	background: none; 
		
}


table.daten tr.even {
		
	background-color: #f5f5f5;
				
}


table.daten td {
		
	text-align: right;
		
	line-height: 1.5em;
	
	color: #999;

}


table.daten td span {
		
	display: block;
	
	margin-top: 1em;
	
	
	font-size: 0.7em;
	
	line-height: 0;
		
	color: #aaa;
	
}

tr td.individuell {

	text-align: left;
	
}











/*-------------------------------------------------------/
/                                                        /
/   FOTORAHMEN                                           /
/                                                        /
/-------------------------------------------------------*/

.fotorahmen {

	border: 1px solid #ccc;
	
	padding: 5px;

}



/*-------------------------------------------------------/
/                                                        /
/   TOOLTIP                                              /
/                                                        /
/-------------------------------------------------------*/

#tooltip{

	border: 1px solid #ccc;	
	
	display: none;
	
	position: absolute;
	
	padding: 5px;
	

	text-align: left;

	color: #333;

	
	background: #f5f5f5;

}







/*-------------------------------------------------------/
/                                                        /
/   THUMBNAILS                                           /
/                                                        /
/-------------------------------------------------------*/


ul#thumbnails,
ul#thumbnails alt {

	padding-top: 2em;

}


ul#thumbnails li,
ul#thumbnails_alt li {

	border: 1px solid #ccc;
	
		
	float: left;
	
	margin: 0 37px 37px 0;
	
	width: 210px;
	
	height: 210px;
	
	
	text-align: center;
	
}


#fotoauswahl_verwalten #thumbnails_alt li {
	
	position: relative;
	
}



a.foto_loeschen {

	position: absolute; 
	
	right: 0; 
	
	top: 0; 
	
	margin: -4px -4px 0 0; 
	
	line-height: 1.3em;

}


ul#thumbnails li.panorama,
ul#thumbnails_alt li.panorama {

	height: auto; 
	
	width: auto;
	
}


ul#thumbnails li.linebreak,
ul#thumbnails_alt li.linebreak {

	margin-right: 0;
	
}



ul#thumbnails li img,
ul#thumbnails_alt li img {
	
	border: none;
	
}


ul#thumbnails li img.thumbnailQuerformat,
ul#thumbnails_alt li img.thumbnailQuerformat {
	
	margin-top: 34px;
	
}




ul#thumbnails li#linkBlaetternGross {
		
	border: none;
		
}


ul#thumbnails li#linkBlaetternGross p {
	
	margin: 4em 0 0 4em;
		
}	


ul#thumbnails li#linkBlaetternGross a {
	
	float: left;
	
		
	font-size: 4em;

	line-height: 1em;

}






















/*-------------------------------------------------------/
/                                                        /
/   * INFOS                                              /
/                                                        /
/-------------------------------------------------------*/


h2.privat {
	
	margin-top: 1em;
	
    color: #930;
		
}


h2.gewerblich {
	
		
		color: #fa0;
		
}


td.privat {
	
	color: #6f522b;
		
}



#mehr_infos {
	
	display: none;

	margin-top: 2em;

	
	font-size: 0.75em;

	font-weight: normal;

	color: #333;
	
}







/*-------------------------------------------------------/
/                                                        /
/   * ANMELDUNG                                          /
/                                                        /
/-------------------------------------------------------*/


#usrNutzungsbedingungenText {
	
	width: 33em;

	
	font-size: 0.8em;
	
}



/*-------------------------------------------------------/
/                                                        /
/   * HOMEPAGE                                           /
/                                                        /
/-------------------------------------------------------*/


ul#preise li {
	
	float: left;

	margin: 0.3em 0.6em 0.5em 0;
	
}


ul#tags li {
	
	float: left;

	margin: 1em 0.5em 1em 0;
		
}


* html ul#tags li {
	
	margin: 0.3em 0.5em 0.5em 0;
	
}




ul#diashow li a img {

	width: 458px;
	
	height: 305px;
	
}	




ul#feature li {
		
	float: left;

	margin: 10px 10px 0 0;

}


ul#feature li.linebreak {
		
	margin-right: 0;
	
}


ul#feature li a img {

	width: 138px;

	height: 93px;
	
}	



/*-------------------------------------------------------/
/                                                        /
/   * FOTOMOMENTE                                        /
/                                                        /
/-------------------------------------------------------*/

.fotomomente {
	
	border: none;
	
	margin-bottom: 0px; 

	height: 380px; 
	
}

#fotomomente #buttonVorhergehendesFoto,
#fotomomente #buttonNaechstesFoto {
	
	margin-top: 0;
	
}




/*-------------------------------------------------------/
/                                                        /
/   * FOTOS                                              /
/                                                        /
/-------------------------------------------------------*/


#fotos_button_blaettern_links {
	
	margin-right: 1.5em;
	
}


#suchenach {
	
	float: left;
	
	margin-top: 0.8em;

	padding-right: 1em;
	
	
	font-size: 1.8em;

	line-height: 1.5em;
	
	color: #aaa;
		
}


* html #suchenach {
	
	margin-top: 1.4em;
		
}

* + html #suchenach { 
	
	margin-top: 1.4em;

}


#gehezuseite {

	float: left;
	
	margin-top: 1.5em;

}


* html #gehezuseite {
	
	margin-top: 2.6em;
	
}


* + html #gehezuseite {
	
	margin-top: 2.6em;
	
}


#gehezuseite fieldset {
	
	border: none;

	padding-left: 0;
	
}


#gehezuseite fieldset select {
		
	font-size: 1.5em;

	color: #aaa;

}




/*-------------------------------------------------------/
/                                                        /
/   * FOTO                                               /
/                                                        /
/-------------------------------------------------------*/


#inhalt {
	
	float: left;
	
	padding-top: 5px;
		
}


#fotos #buttonVorhergehendesFoto,
#fotos #buttonNaechstesFoto {
	
	margin-top: 0;
	
}



a.button_blaettern_weiter {
		
	display: block;
	
	width: 52px;
	
	height: 57px;
		
	
	text-indent: -9000px;
	
	
    background: url('/images/btn_blaettern_weiter.jpg') no-repeat top left;
		
}


a.button_blaettern_weiter:hover {
			
    background: url('/images/btn_blaettern_weiter_hover.jpg') no-repeat top left;

}


a.button_blaettern_zurueck {
	
	display: block;
	
	width: 52px;
	
	height: 57px;
	
	
	text-indent: -9000px;
	
		
    background: url('/images/btn_blaettern_zurueck.jpg') no-repeat top left;
	
}


a.button_blaettern_zurueck:hover {
		
    background: url('/images/btn_blaettern_zurueck_hover.jpg') no-repeat top left;
		
}


a.button_fotoauswahl_ansehen {
		
	display: block;
	
	width: 165px;
	
	height: 31px;
	
	
	text-indent: -9000px;
	
		
    background: url('/images/btn_fotoauswahl_ansehen.jpg') no-repeat top left;
	
}


/*
a.button_fotoauswahl_ansehen:hover {
		
    background: url('/images/btn_fotoauswahl_ansehen_hover.jpg') no-repeat top left;
	
}
*/


a.button_foto_auswaehlen {
		
	display: block;
	
	width: 172px;
	
	height: 31px;
	
	
	text-indent: -9000px;
	
		
    background: url('/images/btn_foto_auswaehlen.jpg') no-repeat top left;
		
}


/*
a.button_foto_auswaehlen:hover {
		
    background: url('/images/btn_foto_auswaehlen_hover.jpg') no-repeat top left;
		
}
*/


/*
a.button_infos {
		
	display: block;
	
	width: 132px;
	
	height: 31px;
	
	
	text-indent: -9000px;
	
		
    background: url('/images/btn_infos.jpg') no-repeat top left;
		
}
*/






a.button_zurueck {
			
	display: block;
	
	width: 155px;
	
	height: 34px;

	
	text-indent: -9000px;

	
    background: url('/images/btn_zurueck.jpg') no-repeat top left;
		
}


a.button_zurueck:hover {
			
    background: url('/images/btn_zurueck_hover.jpg') no-repeat top left;

}



#suchkategorien {
	
	margin-top: 2em;

	padding: 2em 2em 0 2em;
	

	text-align: left;
	
}


ul#foto_tags li {
	
	float: left;
	
	margin: 1em 1.5em 1em 0;

}



ul#foto_tags li input {

	float: left;
	
}


ul#foto_tags li a.tag {
		
	color: #666;
			
}


ul#foto_tags li a.tag:visited {
		
	color: #666;
			
}


ul#foto_tags li a.tag:hover,
ul#foto_tags li a.tag:focus {
		
	color: #ccc;
			
}

ul#foto_tags li a.tag:active {
		
	color: #666;
			
}


input.image_suchen {
	
	border: none;
	
	width: 71px;

	height: 31px;
	
}




/*-------------------------------------------------------/
/                                                        /
/   * VEROEFFENTLICHUNGEN                                /
/                                                        /
/-------------------------------------------------------*/


img#ohde {

	float: right;

	margin: 1em 0 1em 1.5em;
	
	width: 276px; 
	 
}	


.veroeffentlichung {

	float: left; 
	
	margin-right: 20px; 
	
	margin-bottom: 20px;
	
}


/*-------------------------------------------------------/
/                                                        /
/   * SUCHBEGRIFFE                                       /
/                                                        /
/-------------------------------------------------------*/

ul#suchbegriffe_anfangsbuchstaben {

	margin-top: 2em;
	
}



ul#suchbegriffe_anfangsbuchstaben li {

	float: left;
	
	margin-right: 5px;
	
	margin-bottom: 2em;
	
}


h2.suchbegriffe_anfangsbuchstabe {
	
	margin-top: 2em;
		
}


ul.suchbegriffe li {

	float: left;
	
	margin: 1em 1em 0 0;
		
}


ul.suchbegriffe li a {

	padding: 0.5em;
	
	
	font-size: 1.2em;
	
	line-height: 1.6em;
		
	white-space: nowrap;
	
	color: #333;
	
}


ul.suchbegriffe li a:visited {
		
	color: #333;
	
}


ul.suchbegriffe li a:hover,
ul.suchbegriffe li a:focus {
	
	color: #aaa;
		
}


ul.suchbegriffe li a:active {
		
	color: #333;
	
}



/*
ul.suchbegriffe li a.even {

	X_color: #444;
	
}
*/








