<br />
<b>Warning</b>:  get_browser(): browscap ini directive not set in <b>/var/www/ultra/altrofoto/html/code/tools/style-switch.php</b> on line <b>2</b><br />

/* This css runs for (but dont necessarily supports) <br />
<b>Warning</b>:  Trying to access array offset on false in <b>/var/www/ultra/altrofoto/html/code/tools/style-switch.php</b> on line <b>17</b><br />
 browser in version <br />
<b>Warning</b>:  Trying to access array offset on false in <b>/var/www/ultra/altrofoto/html/code/tools/style-switch.php</b> on line <b>23</b><br />
0 */

/*
	Hintergrund:	white;
	AltroBlau:	#355d6b;
	AltroOrange:	#FF5E26;
	Blau1:		#e4edf0;
	Blau2:		#cbdbe1;
	BlauX:		#7da1ad;

	BlauLinks:	#587E8B;
	BlauH1		#7297A3;
*/

/* --- Seiteneinstellungen -------------------------------------------- */
html,
body {
	margin: 0;
	padding: 0;

	color: black;
	background-color: #BFBFBF;
	background-image: url(/images/2/bg.png);
	background-repeat: repeat-x;

	font: 8pt Verdana, Arial, sans-serif;
}

a {
	color:		black;

	font-weight:	normal;
	text-decoration: none;
}

a.hl {
	color:			#E4511E;
}

img {
	border:		0;
}

td {
	text-align:		left;
	vertical-align:		top;
}

form {
	border:			0;
	padding: 		0;
	margin:			0;
}

hr {
	
	border:			0;
	border-bottom:		1px solid #FF5E26;

	margin:			0;
	padding:		0;

	height:			1px;
}

.altro {
	
	font-weight:		bold;

	font-style:		normal;

	color:			#355d6b;
}

/* -- linklisten ------------------------------------------ */
ul.linkliste {

	display:		block;

	list-style:		none;

	margin:			0;
	padding:		0;

	font-size:		8pt;
	letter-spacing:		0.10em;
}
ul.linkliste li {

	list-style:		none;

	float:			left;
	
	border-left:		1px solid #FF5E26;
	padding-left:		6px;
	padding-right:		4px;
}
ul.linkliste li.first,
ul.linkliste li.pos0 {
	border-left: 		0;
}
ul.linkliste li a {
	position:		relative;
	padding:		0px 2px 2px 2px;
	top:			-1px;
}
ul.linkliste li a:hover {
	color:			#FF5E26;
}

/* -- linklisten ------------------------------------------ */
ul.linkliste_vert {

	display:		block;
	height:			200px;

	text-align:		right;

	list-style:		none;

	margin:			0;
	padding:		0;

	font-size:		8pt;
	letter-spacing:		0.10em;
}
ul.linkliste_vert li {

	list-style:		none;

	padding-left:		6px;
	padding-right:		4px;
}
ul.linkliste_vert li.first,
ul.linkliste_vert li.pos0 {
	border-left: 		0;
}
ul.linkliste_vert li a {
	position:		relative;
	padding:		0px 2px 2px 2px;
	top:			-1px;
}
ul.linkliste_vert li a:hover {
	color:			#FF5E26;
}

/* -- baeume ---------------------------------------------- */
ul.baum, ul.baum li {

	padding:		0;
	margin:			0;
	list-style-type:	none;
	list-style-position:	outside;
}
ul.baum li {
	padding:		2px;
	border-bottom:		1px solid white;
	height:			14px;
}
ul.baum li.lv1 {
	background-color:	#FF5E26;
}
ul.baum li.lv2 {
	background-color:	#FF5E26;
}
ul.baum li.lv3 {
	background-color:	#FF5E26;
}
ul.baum li.lv4 {
	background-color:	#FF5E26;
}
ul.baum li.lv5 {
	background-color:	#FF5E26;
}
ul.baum li.sel {
	border-bottom:		1px solid #FF5E26;
}
ul.baum li.hit {

	background-image:	url(/images/bg-sel.png);

	border-bottom:		1px solid white;

}
ul.baum li.hit a {
	color:			white;
	display: block;
}
ul.baum ul,
ul.baum ul.lv1,
ul.baum ul.lv2,
ul.baum ul.lv3 {
	margin-left:		-2px;
}

ul.baum hr {

	height:			1px;
	margin:			0.5em 0;
	border:			0;
	border-bottom:		1px dotted #FF5E26;
}
/* -- box (links/rechts, mit/ohne titel)------------------- */
.box {

	padding:		5px;
}
.box h4 {

	background-image:	url(/images/box-titel.png);
	background-repeat:	no-repeat;

<?if( is( "IE" ) && version() < 7 ):?>
	/* IE Box-Model */
	height:			30px;
	width:			175px;

	margin-right:		-5px;
<?else:?>
	height:			14px;
	width:			159px;
<?endif;?>

	padding:		8px;

	margin-left:		-5px;
	margin-top:		-5px;
	margin-bottom:		0.5em;

	color:			#F5E26;

	font-size:		100%;
	font-weight:		normal;

}

.box h5 {

	color:			#FF5E26;

	margin:			0.5em 0 0.5em 0;
	padding:		0;

	font-size:		100%;
	font-weight:		normal;
}

/* -- kopf ------------------------------------------------ */
#kopf {
	min-width:		700px;
}
/* -- kopf1 ----------------------------------------------- */
#kopf1 {
	position:		relative;
	top:			0;
	left:			0;

	height:			104px;

	background-image:	url( /images/2/kopf1.png );
}
#logo {

	position:		absolute;
	top:			16px;
	left:			35px;
	width:			147px;
	height:			60px;
}
#nav_main {

	position:		absolute;
	bottom:			9px;
	left:			193px;
}
#nav_main a {
	color:			black;
}
#nav_main a.hl {
	color:			#E4511E;
}
#nav_main a:hover {
	color:			#FF5E26;
}
	
#nav_hilfe {

	position:		absolute;
	bottom:			9px;
	left:			700px;
}

/* -- container ------------------------------------------- */
#container {

	position:		relative;
	/* IE5+ Hack um alles richtig zu rendern: */
	height: 		1%;
	margin-top:		15px;
}
/* -- links ----------------------------------------------- */
#links {

	position:		absolute;
	width:			175px;
	height:			50px;
	top:			380px;
	left:			15px;
}

/* -- rechts ---------------------------------------------- */
#rechts {

	position:		absolute;
	width:			200px;
	top:			0;
	right:			15px;
}

#einstellungen {

	padding:		0;
	margin-top:		38px;
	margin-bottom:		1em;
}
#einstellungen img {

	height: 9px;
}
#einstellungen img.bpz {

	width: 28px;
}
#einstellungen img.bps {

	width: 42px;
}

/* -- inhalt ---------------------------------------------- */
#inhalt {

	top:			-18px;
	width:			700px;
	min-height:		400px;
	position:		relative;
	background-color:	white;

	padding:		2px 2em 5em 0;

	margin:			0 220px 0 200px;
	border-bottom:		1px solid black;
}
#inhalt a {
	font-weight:		normal;
	color:			#FF5E26;
}
#text{
	margin-left:		10px;
}
#inhalt h1 {

	color:			#F5E26;

	font-size:		14pt;
	font-weight:		normal;
	margin:			0 0 0.7em 0;
}
#inhalt h2 {

	color:			#FF5E26;

	font-size:		8pt;
	font-weight:		normal;

	line-height:		1.5em;
}
#inhalt h3 {
	
	color:			#F5E26;
	margin-bottom:		0.3em;
	margin-top:		0;
}
#inhalt h4 {
	
	color:			#F5E26;
}
#inhalt .text {

	font-size:		8pt;

	line-height:		1.7em;

	margin-bottom:		2em;
}
#inhalt .text p {

	margin-top:		0.5em;
	margin-bottom:		0.5em;
}
#inhalt .listitem {

	display:		list-item;

	/*list-style-type:	square;*/
	list-style-image:	url( /images/li.png );

	margin-left:		13px;
}
#inhalt img {

}

#loginboxbox {
	padding-top:		2em;
}
#loginbox .loginboxbox {

	padding-bottom: 3em;
}
#loginbox .loginboxbox p {
}

input, textarea, select {
	font-size:		8pt;
	border:			1px solid #FF5E26;
	padding:		1px;
	background-color:	white;
}

.kontaktform textarea {
	height:			5em;
}

#loginbox input.text {

	font:			bold 11pt monospace;
	width:			200px;
	height:			16px;
	border:			0;
	background-image:	url( /images/username.png );
	background-repeat:	no-repeat;
	margin:			5px 0 10px 0;
	padding:		2px;
}
#loginbox input.pass {
	font-size:		12pt;
	width:			200px;
	height:			16px;
	border:			0;
	margin:			5px 0 10px 0;
	background-image:	url( /images/username.png );
	background-repeat:	no-repeat;
	padding:		2px;
}
input.submit {

	color:			#F5E26;
	width:			100px;
	height:			20px;
	border:			0;
	background-image:	url( /images/anmelden.png );
	background-repeat:	no-repeat;
	margin:			5px 0;
}

/* -- anfrage ------------------------------------------ */
input.weiter {

	color:			#F5E26;
	width:			100px;
	height:			20px;
	border:			0;
	background-image:	url( /images/2/weiter.png );
	background-repeat:	no-repeat;
	margin:			5px 0;
}
input.reset {

	color:			#F5E26;
	width:			100px;
	height:			20px;
	border:			0;
	background-image:	url( /images/reset.png );
	background-repeat:	no-repeat;
	margin:			5px 0;
}
input.fillup {

	width:			400px;
	background-image:	url( /images/fillup.png );
	font-weight:		bold;
}

/* -- Anfrage --*/
#anfrage {
}
#anfrage h5 {
	margin:			0.7em 0 0.3em 0;
	font-size:		100%;
}
#anfrage .posten {
	position:		relative;
	min-height:		100px;
}
#anfrage .posten .schritt {
	position:		absolute;
	left:			-150px;
	top:			20px;

	width:			40px;
	height:			40px;
}
#anfrage .posten .bild {
	position:		absolute;
	left:			-100px;
	top:			0px;
}
#user_anfrage .posten .bild {
	position:		relative;
	left:			0;
}

/* -- Angebot --*/
#angebot {
}
#angebot .posten {
	min-height:		100px;
	position:		relative;
	margin-top:		1em;
}
#angebot .posten .bild {
	position:		absolute;
	left:			-100px;
}
#user_angebot .posten .bild {
	position:		relative;
	left:			0;
}

#angebot .posten .verwendungszweck {
	font-weight:		bold;
}
#angebot .preis {
	font-weight:		bold;
}
#angebot .mwst {

	padding-top:		0.5em;
}
#angebot .bemerkung {
	margin-top:		1em;
}
#angebot .control {
	margin-top:		3em;
}


/* -- fotoarchiv ------------------------------------------ */
#fotoarchiv {

	/* Ist in #inhalt */
}
#fotoarchiv h1 {

	color:			#F5E26;

	font-size:		14pt;
	font-weight:		normal;
	margin:			0 0 0.7em 0;
}
#fotoarchiv .thumbnail td.image {

<?if( is( "IE" ) && version() >= 7):?>
	width:			168px;
	height:			166px;
<?else:?>
	width:			166px;
	height:			168px;
<?endif;?>

	background-image:	url(/images/frame-thumbnail.png);

	vertical-align:		middle;
	text-align:		center;
}
#fotoarchiv .thumbnail td.image img {

	display:		block;
	margin:			auto;
}
#fotoarchiv .thumbnail td.desc {

	text-align:		center;
}

.image .info {
	display:		none;
}

/* -- user ---------------------------------------------- */
table.grid {

	width:			100%;
}
table.grid tr.even {

	background-color:	#FFF;
}
table.grid tr.space {

	margin-bottom:		20px;
	border:			1px solid red;
}
table.grid td {

	padding:		4px;
	margin:			0;
}
table.grid td.label {
	
	text-align:		right;
	font-weight:		bold;
	color:			#FF5E26;
}
table.grid th {
	text-align:		left;
	background-color:	#eee;
	padding:		2px;
}

/* -- formulare ----------------------------------------- */
.standardform {
}
.standardform th {
	vertical-align:		top;
	text-align:		right;
	font-weight:		bold;
	padding:		3px;
}
.standardform td {
	text-align:		left;
	padding:		2px;
}
.standardform .odd {
	/*background-color:	#f4fafa;*/
	/*background-color:	#f9f9f9;*/
}
.kontaktform .istring {
	width:			350px;
}

/* -- error --------------------------------------------- */
input.error {
}
img.error {

	position:		relative;
	top:			3px;
	left:			4px;
}

/* -- warenkorb ---------------------------------------------- */

#inwarenkorb_klein {

	padding:		0;
}
#inwarenkorb_klein h4 {
	margin:			0;
}
#inwarenkorb_klein table, #inwarenkorb_klein td, #inwarenkorb_klein tr {
	margin:			0;
	padding:		0;
}

.bildinwarenkorb td.image {

<?if( is( "IE" ) && version() >= 7):?>
	width:			84px;
<?else:?>
	width:			84px;
<?endif;?>
	height:			84px;

	background-image:	url(/images/frame-warenkorb.png);

	vertical-align:		middle;
	text-align:		center;
}
.bildinwarenkorb td.image img {

	display:		block;

	margin:			auto;
}
.bildinwarenkorb td.desc {

	text-align:		center;
	font-size:		7pt;
}

.layout {

	margin-left:			-4px;
	margin-top:			-3px;
}

#layout_container {

	background-repeat:	no-repeat;
	position:		absolute;
	left:			100px;
	top:			100px;
}

.layout td.image {

<?if( is( "IE" ) &&version() >= 7):?>
	width:			440px;
<?else:?>
	width:			438px;
<?endif;?>
	height:			440px;

<?if( is( "IE" ) && version() < 7 ):?>
	background-image:	url(/images/frame-layout-ie6.png);
<?else:?>
	background-image:	url(/images/frame-layout.png);
<?endif;?>

	vertical-align:		middle;
	text-align:		center;
}
.layout td.image img {

	display:		block;

	margin:			auto;
}
.layout td.desc {

	text-align:		center;
}

#closebutton {
	position:		relative;
	top:			3px;
	left:			301px;
}

.layout_right_outer {

	top:			5px;

	height:			440px;
	width:			220px;

	background-image:	url(/images/f-left.png);
	background-repeat:	no-repeat;
	background-position:	1px 1px;
}
.layout_right_inner_1 {

	height:			440px;

	background-image:	url(/images/f-right.png);
	background-repeat:	no-repeat;
	background-position:	100% 0;
}
.layout_right_inner_2 {

	height:			426px;

	padding:		7px 0;
	margin:			0 7px;

	background-image:	url(/images/f-vertikal.png);
	background-repeat:	repeat-x;
}
.layout_right_inner_2 h1 {
	
	font-size:		10pt;
}

.layout_right_inner_2 b,
.layout_right_inner_2 i,
.layout_bottom_inner_2 b,
.layout_bottom_inner_2 i {
	display:		block;
}
.em {
	text-style:		italic;
	border: 1px solid red;
}
.layout_right_inner_2 b {

	text-align:		left;

	margin-top:		1ex;
}
/*
.layout_right_inner_2 i {

	text-align:		right;
}
*/


.layout_bottom_outer {

	width:			440px;
	height:			280px;

	background-image:	url(/images/f-top.png);

	background-repeat:	no-repeat;
	background-position:	1px 1px;
}
.layout_bottom_inner_1 {

	width:			440px;
	height:			320px;

	background-image:	url(/images/f-bottom.png);

	background-repeat:	no-repeat;
	background-position:	0 100%;
}
.layout_bottom_inner_2 {

	width:			410px;
	height:			313px;

	margin:			7px 0;
	padding:		0 18px 0 12px;

	background-image:	url(/images/f-horizontal.png);
	background-repeat:	repeat-y;
}
.layout_bottom_inner_2 b {

	margin-top:		1ex;
	width:			400px;
}
.layout_bottom_inner_2 i {

	width:			426px;
}
/* -- message --------------------------------------------- */
.message {
	height:			80px;
	border:			5px solid #A22B2B;
	padding:		7px;
	margin:			14px;
}
.message .text {
}
.message img {

	float:			left;
	margin-right:		1em;
	margin-bottom:		0.5ex;
}

/* -- fuss ------------------------------------------------ */
#fuss {

	font-size:		7pt;

	top:			-15px;
	position:		relative;
	width:			720px;

	margin:			0 220px 0 200px;

	text-align:		center;
	letter-spacing:		0.03em;
}
#fuss ul {

	position:		absolute;

<?if( is( "IE" ) ):?>
<?if( version() < 7 ):?>
	top:			11px;
	right:			215px;
<?else:?>
	top:			10px;
	right:			15px;
<?endif;?>
<?else:?>
	top:			5px;
	right:			15px;
<?endif;?>
}

/* -- fuss2 ------------------------------------------------ */
#fuss2 {

	position:		relative;

	margin:			40px 200px;

	text-align:		right;
}

/* -- fog-overlay ------------------------------------------ */
#raise {
	background-image:	url( /images/fog.png );

	display:		none;

	position:		absolute;
	left:			0;
	top:			0;

	width:			100%;

	z-index:		100;
}

/* --- Sonstiges -------------------------------------------- */
#startflash {

	position:		relative;

	width:			750px;
	height:			250px;

	margin:			0 7px 0 0;
}
#instartflash1 {

	position:		absolute;
	top:			-15px;
	left:			00px;
	width:			250px;
	height:			250px;
}
#instartflash2 {

	position:		absolute;
	top:			-15px;
	left:			250px;
	width:			250px;
	height:			250px;
}
#instartflash3 {

	position:		absolute;
	top:			-15px;
	left:			500px;
	width:			250px;
	height:			250px;
}
/* -fotofragen---------------------------------------*/
.fotograf {
	padding:		5px;
	border:			1px solid #f9f9f9;
}
.fotograf .name {
	text-align:		center;
}

/* -SLIDESHOW -------------------------------------- */
.slideshow {

	position:		absolute;
}
#ssleft {

	bottom:			0;
	left:			0;
	width:			360px;
	height:			220px;
}

#ssright {

	bottom:			0;
	left:			360px;
	width:			360px;
	height:			220px;
}