/* http://de.selfhtml.org/navigation/css.htm                             */
/* http://jigsaw.w3.org/css-validator/validator?uri:http://kai-gerner.de */
/* http://validator.w3.org/check?uri=http://kai-gerner.de                */
/* colours
#778899;  darkgrey
#C0C0C0;  lightgrey
#FFFFFF;  white
#000000;  black
#FFFF00;  yellow
#808080;
#00FF00;  green: 00ff24
gift gruen: 4bcf28 
#800000;  red  
. : class
# : div (container/abschnitt) / span (fliestext) / p paragraph

innenabstand zum kasten: padding
außenabstand		margin
evtl mehr mit <p> arbeiten

wortabstand:
<span style="word-spacing:0.5em">Beispieltext mit Wortabstand 0.5em</span><br>
zeichenabstand innerhalb eines wortes:
<span style="letter-spacing:0.1em">Beispieltext mit Zeichenabstand 0.1em</span><br>
graeulich, difuser: text-shadow:black 3px 2px 4px;
harter schatten mit abstand: text-shadow:black 3px 2px;

Der erste numerische Wert definiert die horizontale Position des Schattens unter dem Text,
der zweite Wert die vertikale. Eine optionale dritte Längenangabe definiert den Unschärferadius,
das heißt, wie weit der Schatten im Hintergrund verläuft. Es lassen sich mehrere Schatten für ein Element definieren,
indem weitere Sätze dieser Angaben nach einem Komma hinzugefügt werden. Beispielsweise erzeugt
text-shadow:black 0 0 5px, red 5px 5px 3px;. einen schwarzen sowie einen roten Schatten.
------------------------------------------------------------------------------
margin: top right bottom left; uhrzeiger
Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links
(rechtslang Kreis)
--------------------------------------------------------
(oben rechts unten links)

dunkelrot wein: 7d0413
bordeauxrot: 0074c6
dunkelrot !!!: c60000
ausgeblasteres rot: b73737
dunkelgruen: 047d04
hellgruen: 99cc00
blau: 0b5aab
dunkles neongruen: 1aab0b
dunkelblau: 00a8ff
hellblau: 00b4c6
dunkleres helblau: 0074c6
*/
#landingpagerow {
	width:500px;
	height:350px;
}

.landingpagecolumn {
	float:relative;
	height:350px;
	width:166px;
}

#menuline1 {
	padding-top:10px;
	padding-left:10px;
}

#menuline2 {
	padding-left:10px;
}

#menuline3 {
	padding-left:10px;
	padding-bottom:5px;
}

#menuline4 {
	padding-left:10px;
	padding-bottom:5px;
}

body {
	font-size:13px;
	font-family:futura,verdana,arial,helvetica,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#000000; /* 778899 */
	background-color:#ffffff;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}
/**
html 
{
	background : url(null) fixed no-repeat;

}

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

*/
#content {
	border: 0px black solid;
	margin-top:80px;	/* EX 140 110 !92! sonst 120 85 ff, opera:88, safari: 92 => kompromiss: 92, evtl nicht ie7*/
	width: 1000px;
}

/* BEGIN OF H --------------------------------------------------------   */
h1 {
	font-size:13px;
	font-style:normal;
	color:#000000;
	margin:0px 0px 10px 0px;
	padding:7px 7px 7px 5px;
	/* height:13px; */
	background-color:#ffffff;
	border-top-width:0px;
	border-bottom-width:3px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
	font-weight:bold;
	letter-spacing:1px;
}

h2 {
	border:0px solid #000000;
	margin:0px 0px 0px 0px;
	background:url('../files/pics/logos_buttons_icons/h2_verlauf.gif');
	/*  height:15px; /*400  textverlaengerung */
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	color:#000000;
	
	padding:1px 0px 1px 5px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ffffff;
	
	/* background-color:#74c600; */
	/* background-color:#000000; */
	border-top-width:0px;
	/* border-top-width:1px; */
	border-bottom-width:1px;
	border-left-width:0px;
	border-right-width:0px;

	border-style:solid;
	background-image:url("../files/pics/transparent.gif");
}

h3 {
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	text-align:left;
	margin-left:40px;
	margin-right:40px;
}

h4 {
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	color: #800000;
}

h5 {
      /*   height:15px; */
        width: 500px;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
	background-color:#000000;
	
	padding-top:3px;
	padding-bottom:3px;
}

h6 {
	font-size:10px;
	font-weight:normal;
	color:#000000;
	background-color:#ffffff;
	text-decoration:none;
	text-align:center;
}
/* END OF H -------------------------------------------------------- */

#start {
	font-size:22px;
	text-align:center;
}

/* startseite: */
#scroll {
	width: 240px;
	height: 240px;
	overflow:auto; /* scroll____oder overflow:auto____ist so ziemlich das Selbe___*/
	font-family:futura,verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	border-color:#ffffff;
	border-style:solid;
	border-width:1px;
	padding:4px;
	float:right;
	
	/*
	color: #ccddee;
	background-color: #203b59;

	scrollbar-base-color: #203b59;
	scrollbar-3d-light-color: #a0bbd9;
	scrollbar-arrow-color: #a0bbd9;
	scrollbar-darkshadow-color: #203b59;
	scrollbar-face-color: #203b59;
	scrollbar-highlight-color: #809bb9;
	scrollbar-shadow-color: #809bb9;
	scrollbar-track-color: #203b59;
	*/
}

/* BEGIN OF RAHMEN UND KAESTEN ---------------------------------------- */
/* http://de.selfhtml.org/css/eigenschaften/rahmen.htm */
/* photografie seite in use*/
#kastenphotographyunten {
	width:180px;	/* breite des gesamten rahmens*/
	padding:10px 10px 10px 10px;
	margin:0px 10px 0px 20px;
	border-style:solid;
	border-color:#C0C0C0;
	border-width:1px;
}

/*  not in use index.php*/
#fotoanzeigeboxportfolio {
	position:absolute;
	width:650px;
	margin:0px 0px 0px 300px;
	border-width:0px;
}

/* in use: referenzen */
div.referenzenuntentrenner {
	width:450px;	/* 460px */
	/* height:353px; */
	/* innenabstand zum kasten */
	padding-left:10px; /* 10 */
	padding-right:10px;
	padding-top:10px;
	padding-bottom:105px;	/* 10 */
	margin:10px 10px 105px 10px;
	
	/* background-image:url("../files/pics/logos_buttons_icons/referenzen.jpg"); */
	background-image:url("../files/pics/start_hintergrund_frankfurt.gif");
	background-image:url("../files/pics/white/start_hintergrund_frankfurt.gif");
	background-repeat:no-repeat; background-position:bottom center;
	background-attachment:scroll;
}

#landingpagebackround2 /* fuer tests*/ {
	width:450px;	/* 460px */
	height:353px;
	/* innenabstand zum kasten */
	padding-left:10px; /* 10 */
	padding-right:10px;
	padding-top:10px;
	padding-bottom:105px;	/* 10 */
	/* background-image:url("../files/pics/panorama_kg_transp.gif"); */
	background-image:url("../files/pics/panorama_kg_transp.gif");
	background-repeat:no-repeat; background-position:bottom center;
	background-attachment:scroll;
}

#fotografie_eventfotografie_reportagefotografie {
	/* min-width:450px; */
	min-height:270px;
	/* padding-left:10px; */
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	/* background-image:url("../files/pics/panorama_kg_transp.gif"); pics/landingpage_curse.jpg"; 
	pics/panorama_kg_transp_sw.gif");  les/pics/logos_buttons_icons/fotografie_eventfotografie_reportagefotografie.gif"); 
	les/pics/logos_buttons_icons/fotografie_eventfotografie_reportagefotografie_black.jpg"); 
	background-repeat:no-repeat;
	background-position:bottom center;
	background-attachment:scroll;
	*/
}

div.bgfixed {
	margin:10px 10px 10px 10px;
	border:1px solid red; 
	background-image:url(../files/pics/logos_buttons_icons/referenzen.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
}

/* fotografie */
#advisekasten {
	top:100px;	/* abstand zum oberen rand*/
	left:100px;	/* abstand zum linken rand*/
	width:500px;	/* breite des gesamten rahmens*/
	padding:15px;/* abstand schrift zum rahmen */
	margin:0px;
	border-style:solid;	/* durchgehende Linie */
	border-color:#FFFF00;	/* Farbe des Rahmens */
	border-width:1px;	/* breite der rahmenlinie */
}
/* in use: ueberall, wo in beiden kaesten was steht */
#navigation2top {
	/* 
	padding-right:230px;
	margin-bottom:100px;
	position:absolute;
	margin-left:10px;
	padding-left:10px;
	*/
	float:right;
	width:30px; /* wichtig */
}

.navigation2top:link {
}
.navigation2top:hover {
	font-size:11px;	
	color:#ffffff;
	border-bottom: 0px dotted #000000;
}

.navigation2top:active {
}

.navigation2top:visited {
}
/* ************************************************************************** */
#lightbox_vollbild {
	/*
	wenn unten:
	padding-top:30px;
	padding-bottom:10px;
	wenn seitlich:
	float: right; */
}

#suggestion_internal_links  {
	padding-top:30px;
	padding-bottom:10px;
}

#suggestion_external_links  {
	padding-top:30px;
	padding-bottom:10px;
}
/* BEGIN OF NAVIGATION_EX_MENU ---------------------------------------- */
/* fotoportfolio: */
/* fotogalerie, ohne fliesstexte aus db */
#fotosimpleviewerkasten {
	/* position:absolute; */
	width:800px;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	color:#778899;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	z-index:9;
}

#fotosimpleviewerkasteneingeloggt {
	/* position:absolute; */
	width:800px;
	padding:0px 10px 10px 0px;
	margin:80px 0px 0px 180px;
	z-index:9;
	top:0px;
}

#farbwechselposition {
	padding-top:20px;
	padding-bottom:5px;
	width:100px;
}
/* ueberholt?
#farbwechselpositionloggedin {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:105px;
	text-align:left;
}
*/
#schriftgroessenwechselposition {
	padding-top:20px;
	padding-bottom:5px; /* padding-left:5px; */
	width:70px;
}

/* in use: angebot der woche*/
/*
#kastenohneborder {
	width:640px;
	color:#808080; 
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:5px;
	margin-left:100px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}
*/

/* in use */
#menukasten {
	position: fixed;
	width:110px;
	padding-left:0px;
	padding-right:0px;	
	/* padding-right: auf 10, 2008-06-21 wegen ie6
	09.03.:
	padding-left:10px;
	padding-right:10px;
	*/
	padding-bottom:10px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	border-style:solid;
	border-color:#C0C0C0;
	border-width:0px;
	background-attachment:fixed;
}

/* in use */
/* ____links____  */
/* EX: color:#00ff24; */
.menulink:link {
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	color:#000000;
	text-decoration:none;
	text-align:right;
	border-style:none;
}

.menulink:hover {
	font-size:13px;
	text-decoration:none;
	color:#000000;
	text-align:right;
	font-weight:bold;
	border-bottom: 0px dotted #000000;
}

.menulink:active {
	font-size:13px;
	text-decoration:none;
	color:#800000;/* red  */
	color:#0b5aab;
	text-align:right;
	border-style:none;
	font-weight:normal;
}

.menulink:visited {
	font-size:13px;
	text-decoration:none;
	text-decoration:none;
	color:#24ff00; /* 778899; */
	color:#000000;
	text-align:right;
	border-style:none;
	font-weight:normal;
}
/* hier koennte es probs geben, evtl wieder umbennen */
/*
.menulink_selected_clickable {
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	color:	#778899;
	text-decoration:none;
	text-align:right;
	border-style:none;
}
*/
.menulink_selected_clickable {
	color:#c60000;
}

.menulink_selected_clickable:link {
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	/* color:#778899; */
	color:#000000;
	text-decoration:none;
	text-align:right;
	font-weight:bold;
	/* EX:
	border-style:solid;
	border-color:#000000;
	border-top-width:2px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	*/
}

.menulink_selected_clickable:hover {
	font-size:13px;
	text-decoration:none;
	/* background-color:#4bcf28; */
	/* color:#778899; */
	color:#000000;
	text-align:right;
	font-weight:bold;
	border-bottom: 0px dotted #c60000; 
}

.menulink_selected_clickable:active {
	font-size:13px;
	text-decoration:none;
	/* color:#778899; */
	color:#000000;
	/* background-color:#4bcf28; */
	text-align:right;
	font-weight:bold;
	/* EX:
	border-style:solid;
	border-color:#000000;
	border-top-width:2px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	*/

}

.menulink_selected_clickable:visited {
	font-size:13px;
	text-decoration:none;
	/* color:#778899; */
	color:#000000;
	text-align:right;
	font-weight:bold;
	border-bottom: 0px dotted #c60000; 
	/* EX:
	border-style:solid;
	border-color:#000000;
	border-top-width:2px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	*/
	/* margin:0px 10px 0px 10px; */
	/*
	padding:4px 10px 0px 10px;
	background-color:#666666;
	*/
}


.menulink_selected_clickable2, .menulink2 {
	
}


/* ************************************************************************** */
.menulink_selected2 {
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	/* color:#778899; */
	color:#000000;
	/* background-color:#4bcf28; */
	text-decoration:none;
	text-align:right;
	font-weight:bold;
	/* EX
	border-style:solid;
	border-color:#000000;
	border-top-width:2px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	*/
}

/* ************************************************************************** */ 
#seitlicheskontextmenu {
	position:fixed;
	width: 160px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	z-index:2;
}

ul#sitemenu {
	padding: 0px 0px 10px 0px; /* (oben rechts unten links)  */
	margin: 5px 0px 0px 0px;
}

ul#sitemenu li {
	font-size:14px;
	list-style: none;
	line-height:1.3;
	margin: 0;
	padding: 0;
}

#sitemenu a {
	color:#000000;
	border-bottom: 1px dotted #000000;
}

ul.menufirstrow li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height:1.0;
	/* white-space: nowrap; */
	list-style-type:none;
	/* float:left; */
	display:inline;
}

ul.menufirstrow {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height:1.0;
	font-weight:normal;
	list-style-type:none;
	/* float:left; */
	display:inline;

}

ul.menusecondrow li {
	line-height:1.0;
	list-style-type:none;
	/* float:left; */
	display:inline;
}

/*
#navigation ul {
}
*/

ul.menusecondrow {
	line-height:1.0;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	/* float:left; */
	display:inline;
}

ul.menuthirdrow li {
	line-height:1.0;
	padding:7px 0px 7px 0px;
}

ul.menuthirdrow {
	/* list-style-type:square; */
	line-height:2.0;
	font-weight:normal;
	padding:0px 0px 0px 10px;
	list-style-type:none;
}

ul.menufourthrow li {
	line-height:1.0;
	font-weight:normal;
	padding:7px 0px 7px 0px;
	/*
	border-style:solid;
	border-color:#000000;
	border-top-width:0px;
	border-bottom-width:0px;
	border-left-width:2px;
	border-right-width:0px;
	*/
}

ul.menufourthrow {
	font-weight:normal;
	/* list-style-type:disc;  */
	padding:0px 0px 0px 10px;
	list-style-type:none;
	line-height:2.0;
}

/*
listitems: <ul style="list-style-image:url(list_style_image.gif)"> 
<ol style="list-style:lower-roman inside">
ul { list-style-image:url(bullet.png); }
li {
background-image: url(sqpurple.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

padding: 0px;
	margin: 0px;
*/
ul {
	list-style-type:square;
}

ul li  {
	line-height:2;
}
/* ************************************************************************** */
ul#kontextmenuitems {
	font-size:9px;
	text-align:right;
 	/* width: 120px;	*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; /* nur left & right = 0*/
	z-index:2
}

ul#kontextmenuitems li {
	list-style: none;
	padding: 0px 0px 20px 5px;
	z-index:2;
	color:#0b5aab;
}

ul#kontextmenuitems a {
	z-index:2;
}

ul#kontextmenuitems a:link {
	  z-index:2;
	  color:#0b5aab;
}
  
ul#kontextmenuitems a:visited {
	color: #778899;
	color:#0b5aab;
	z-index:2
}
  
ul#kontextmenuitems a:hover {
	color: #ffffff;
	color:#0b5aab;
	z-index:2
}

ul#kontextmenuitems a:active {
	color:white;
	z-index:2;
	color:#0b5aab;
}
/* ************************************************************************** */
/* END OF PICTURES_AND_TEXTS ------------------------------------------------ */
/* in use; nur modelsuche !!!!!!!!!!! */
#normr  {
	font-size:12px; 	
	font-weight:normal;
	font-style:normal;
	text-align:right;
	padding-right: 50px;
	padding:10px;
}
#helleschriftfuerdunklenhintergrund {
	font-size:12px; 	
	font-weight:normal;
	font-style:normal;
	color:#C0C0C0;
	background-color:#000000;
	padding:10px;
}
/* in use: errorseiten, modelsuche, erlaeuterung letzer login */
.emphr {
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	text-align:right;
	margin-left:40px;
	margin-right:40px;
}
/* END OF CONTINUOUS_TEXT --------------------------------------------------- */

/* BEGIN OF CONTINUOUS_TEXT_BUSINESS ---------------------------------------- */
/* in use */
a:link {
	font-size:13px;
	color:#00ff24;
	color:#0b5aab;
	color:#000000;
	text-decoration:none;/* :underline; */
	border-bottom: 1px dotted #0b5aab;
}

a:hover {
	font-size:13px;
	text-decoration:none;
	border-bottom: 1px dotted #0b5aab;
}

a:active {
	font-size:13px;
	text-decoration:none;
	color:#000000;
	border-bottom: 1px dashed #000000;
}

a:visited {
	font-size:13px;
	text-decoration:none;
	color:#24ff00; /*#778899;*/
	color:#000000;
	border-bottom: 1px dotted #0b5aab;
}
/* ************************************************************************** */
/* kontakt hüpft in ff */
a.workaround:link {
	text-decoration:none;/* :underline;  */
	border-bottom: 1px dashed #000000;
}

a.workaround:hover {
	border-bottom: 1px dashed #000000;
}

a.workaround:active {
	border-bottom: 1px dashed #000000;
}

a.workaround:visited {
	border-bottom: 1px dashed #ffffff;
}
/* ************************************************************************** */
a.extern:link {
	/* background:transparent url("/files/pics/haken.gif") no-repeat scroll 0 0.15em; */
	background:transparent url("/files/pics/haken.gif") no-repeat scroll 0 0.15em;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	color:#00ff24;
	text-decoration:none;/* :underline;  */
}

a.extern:hover {
	background:transparent url("/files/pics/haken.gif") no-repeat scroll 0 0.15em;
	font-size:13px;
	text-decoration:none;
}

a.extern:active {
	background:transparent url("/files/pics/haken.gif") no-repeat scroll 0 0.15em;
	font-size:13px;
	text-decoration:none;
	color:#ffffff;
	border-style:none;
}

a.extern:visited {
	background:transparent url("/files/pics/haken.gif") no-repeat scroll 0 0.15em;
	padding-left:13px;
	font-size:13px;
	text-decoration:none;
	color:#24ff00; /*#778899;*/
	border-style:none;
}

a.lightboxlink:link {
	color:#ffffff;
}

a.lightboxlink:hover {
	color:#ffffff;
}

a.lightboxlink:active {
	color:#ffffff;
}

a.lightboxlink:visited {
	color:#ffffff;
}

/* END OF CONTINUOUS_TEXT_BUSINESS ---------------------------------------- */
#photoicon {
	position:fixed;
	right:0;
	bottom:0;
	display:block;
	height:80px;
	width:80px;
	background:url('../files/pics/logos_buttons_icons/photography/flashstand.gif') bottom right no-repeat;
	text-indent:-999em;
	text-decoration:none;
}
/* formulare*/
/* in use */
input {
	color:#000000;
	font-size:10px;
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #f0f0f0;
}

textarea{
	font-family:futura,verdana,arial,helvetica,sans-serif;
	color:#000000;
	font-size:15px;
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #f0f0f0;
}

.inputtextfeld {
	font-family:futura,verdana,arial,helvetica,sans-serif;
	color:#000000;
	font-size:12px;
	
	border-color:#000000;
	border-style: solid;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	margin-left: 20px;
	background-color:#ffffff;
	width:240px;
}

/* LOGIN PANEL */
.inputtextfeldmenuleiste {
	padding-top:1px;
	color:#000000;
	font-size:12px;
	border-top-width:0px;
	border-bottom-width:2px;
	border-left-width:0px;
	border-right-width:2px;
	background-color:#ffffff;
	width:140px;
}

.simpleborder {
	border:1px solid #000000;
	padding:2px;
}

input[type="submit"] {
	color:#ffffff;
	background-color:#000000;
	/* -moz-border-radius:7px;  runde ecken im mozilla */
	border-color:#ffffff;
	border-color:#000000;
	cursor: pointer;
}

/* <input type="submit" class="button" ... /> */
.submitbutton {

}

#suchfeld {
	/* width: 120px; */
	/*
	position:absolute;
	top:122px;
	*/
	height:70px;
	/* margin: 8px 0px 0px 785px;	*/ /* 812 (oben rechts unten links) */
	padding-top:4px;
	padding-bottom:2px;
	background-color:#f1f1f1;
	
	border-color:#000000;
	border-style:solid;
	border-top-width:2px;
	border-bottom-width:2px;
	border-left-width:0px;
	border-right-width:0px;
}

/* search-field{display:block;float:left;width:210px;}#search{float:left;margin:3px 5px 0 0;} */
.inputtextfeld_invalid {
	color:#000000;
	font-size:12px;
	border: 2px solid #ff0000;
	background-color:#ffffff;
	width:240px;
	
	margin-left: 20px;
}

.inputtextarea {
	/* font-family:futura,verdana,arial,helvetica,sans-serif; *//* evtl wieder weg. */
	color:#000000;
	font-size:12px;
	border: 1px solid #000000;
	background-color: #ffffff;
	width:240px;
	margin-left: 20px;
}

.inputtextarea_invalid {
	color:#000000;
	font-size:12px;
	border: 2px solid #ff0000;
	background-color: #ffffff;
	width:240px;
	
	margin-left: 20px;
}

.captchafield {
	color:#000000;
	font-size:12px;
	background-color: #ffffff;
	width:40px;
}

.captchafield_invalid {
	color:#000000;
	font-size:12px;
	border: 3px solid #ff0000;
	background-color: #ffffff;
	width:40px;
}

select{
	margin-left: 20px;
	border: 1px solid #000000;
}

/*
radio{

}

checkbox{

}
*/

/* gesamtbox */
div.panel {
	/* border:0px solid #808080; */
	margin:10px 0;
	padding:10px;
}

/* linker teil + rechter teil*/
div.panelboxleft {
	float:left;
	width:300px;
	
}

div.panelboxright {
	float:left;
	width:200px;
}

div.panelbox label, div.panelboxplug label {
	float:left;
	font-weight:bold;
	width:70px;
}


/* ohne dass explizit nochmal class ="panel.." dabeisteht */
div.panelbox input {
	margin:2px 0;
}

div.panel ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	
	/* margin-left: 30px; */
}

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

/* KONTAKT FORMULAR hat so keine wirkung */
#kontakt_formular{
	/* font-weight:bold; */
}
/*
div.kontakt_formular input {
	margin:2px 0;
}

div.kontakt_formular label  {
	float:left;
	font-weight:bold;
	width:60px;
}
*/

label  {
	float:left;
	font-weight:bold;
}

/* BEGIN OF PICTURES_AND_TEXTS ---------------------------------------- */
/* in use */
.picleft			/*<img class="picleft" src="...*/ {
	float: left;
	margin: 10px 10px 10px 10px;	
	padding: 2px;
}

.picright {
	float: right;
	margin: 0 0 0px 0px;	
}

.picobenrechts {
	float: right;
	margin: 0 0 0px 0px;	
}

/* END OF PICTURES_AND_TEXTS -------------------------------------------------------- */
/* aufzaehlungszeichen etc auch ganz links */
#container {
	margin-top: 20px;
	margin-left: 15px;
}

#menue {
	position: absolute;
	width: 140px;
	top: 1.0em; left: 0.5em;
}

html>body #menue { /* nur fuer moderne Browser! */
	position: fixed;
}

#menue div {
	border: 1px black solid;
	margin-bottom: 5px;
	padding: 5px;
	text-align:right;
}

#content_area {
	margin-left: 155px;
	position: absolute;
}

/* ********************************************************** */
/* *************** ab hier formatierungen ******************* */
/* *************** die je nach hintergrundfarbe ************* */
/* *************** angepasst werden muss/kann *************** */
/* *********************************************************** */
/* kasten und -fliesstext */
.kasten {
	width:830px;
	/* padding: 0px 0px 0px 0px; *//* (oben rechts unten links) */
	padding-left:160px;
	margin: 0px 10px 0px 10px;
	border-style:solid;
	border-color:#C0C0C0;
	border-width:0px;
}

.kastenfliestext {
	/* float:left; */
	/*
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	*/
	width:560px;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	color:#778899;
	color:	#000000;
	padding: 10px 20px 10px 20px;
	min-height:310px;
	margin: 0px 0px 0px 0px;
	/* z-index:9; */
	line-height: 1.5;
}
/* ************************************************************************** */
#menuobenhauptleiste {
	position:fixed;
	background-color:#000000;
	font-size:22px;
	color:#000000; /* wegen pipes */

	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#000000;
	border-style:solid;
	
	border-bottom: 1px solid #000000;
	
	padding:0px 0px 8px 0px;
	margin:0px 0px 0px 0px;
	
	width: 785px;		/*  HIER alt: 735 1004 + margin-left = 1024 */
	height:70px;		/* EX HIER: 130px */
	z-index:10;
}

/* menuobenhauptleistelink */
#menuobenhauptleistelink  {
	font-size:22px;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
}

.menuobenhauptleistelink:link {
	border-bottom: 1px dotted #ffffff;
	padding:0px 5px 5px 5px;
	font-size:22px;
	color:#0b5aab;	/* neon grün: color:#00ff24; */
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	border-style:none;
	/* 09.03. text-shadow:black 2px 2px 3px;	*//*  text-shadow:black 3px 2px;	*/
	letter-spacing:2px;
}

.menuobenhauptleistelink:hover                                                                 {
	color:#0b5aab;
	padding:0px 5px 5px 5px;
	font-size:22px;
	text-decoration:none;
	border-style:none;
	border-bottom: 1px dotted #ffffff;
	/* 09.03. text-shadow:black 2px 2px 3px; */
	/*  text-shadow:black 3px 2px;	*/
	letter-spacing:2px;
}

.menuobenhauptleistelink:active {
	color:#0b5aab;
	padding:0px 5px 5px 5px;
	font-size:22px;
	text-decoration:none;
	border-style:none;
	/* 09.03. text-shadow:black 2px 2px 3px; */
	/*  text-shadow:black 3px 2px;	*/
	letter-spacing:2px;
}

.menuobenhauptleistelink:visited {
	color:#0b5aab;
	padding:0px 5px 5px 5px;
	font-size:22px;
	text-decoration:none;
	border-style:none;
	/* 09.03. text-shadow:black 2px 2px 3px; */
	/*  text-shadow:black 3px 2px;	*/
	letter-spacing:2px;
}

#menuobenhauptleistelink_selected {
	padding-left:5px;
	padding-right:5px;
	font-size:22px;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	text-decoration:none;
	color:#778899;
	color:#000000;

	/* 09.03. text-shadow:black 2px 2px 3px; */
	/*  text-shadow:black 3px 2px;	*/
	letter-spacing:2px;
}

.menuobenhauptleistelink_selected:link {
	padding-left:5px;
	padding-right:5px;
	font-size:22px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	border-style:none;
	color:	#778899;
	color:#000000;
	letter-spacing:2px;
}

.menuobenhauptleistelink_selected:hover                                                                 {
	padding-left:5px;
	padding-right:5px;
	font-size:22px;
	text-decoration:none;
	border-bottom: 1px dotted #ffffff;
	color:	#778899;
	color:#000000;
	letter-spacing:2px;
}

.menuobenhauptleistelink_selected:active {
	padding-left:5px;
	padding-right:5px;
	font-size:22px;
	text-decoration:none;
	border-style:none;
	color:	#778899;
	color:#000000;
	letter-spacing:2px;
}

.menuobenhauptleistelink_selected:visited {
	padding-left:5px;
	padding-right:5px;
	font-size:22px;
	text-decoration:none;
	border-style:none;
	color:	#778899;
	color:#000000;
	letter-spacing:2px;
}
/* --------------------------------------------- */
#sitemenupanel {
	/* font-size: 12px; padding-right: 10px;
	position:fixed; */
	position:absolute;
	font-size:12px;
	color:#ffffff; /* wegen pipes */
	/* background-color:#e2e1ed; */
	background-color:#f0f0f0;
	height:1235px;
	width:164px; /* 184 HIER ALT 214 */
	text-align:left;
	/* text-align:right; */
	float:right;
	margin-left:785px; /*  650 */
	padding-left:10px;
	/* */
	border-top-width:0px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-color:#000000;
	border-style:solid; 
	/* */
	/* background-image:url("../files/pics/flashstandmtsw.gif"); */
	/* background-color:#000000; */
	/* background-image:url('../files/pics/flashstandmtsw.gif'); */
	/* HIER background-image:url('../files/pics/flashstandots.gif'); */
	/* mit flashstand:
	background-repeat:no-repeat;
	background-position:60px 280px;
	*/
	/* background-attachment:scroll; */
	/*
	214 1235
	*/
	/* */ 
	background-image:url("../files/pics/sitemenupanel_background.jpg");
	background-repeat:no-repeat; background-position:top center;
	background-attachment:scroll;
	/* */
}

/* modelsuche, modelatkion */
#aktion	{
	color:#ffffff;
	font-size: 10px;
	padding-left: 4px;
	padding-right: 10px;
	text-align: right;
}

/* footer: padding-abgleichen mitpadding-kastenfliestext */
#footer {
	margin:20px 0px 10px 0px;
	padding:10px 20px 10px 20px;
	
	width:565px;
	color:#000000;
	border-bottom: 0px dotted #c60000; 
}

#footer.whitepipe {
	font-size:12px;
	color:#ffffff;
	color:#000000;
}

.footerlink:link {
	font-size:12px;
	color:#00ff24;
	color:#0b5aab;
}

.footerlink:hover {
	font-size:12px;
	color:#0b5aab;
}

.footerlink:active {
	font-size:12px;
	color:#0b5aab;
}

.footerlink:visited {
	font-size:12px;
	color:#0b5aab;
}
/* eo footer */
.hinweis {
	padding: 10px 4px 10px 4px;
	border-width:1px;
	border-color:#ff0000;
	border-style:solid;
	border-color:#0b5aab; /* border-color:#ff0000; */
}

.alert_text {
	color:#ff0000;
	color:#c60000;
	font-weight:bold;
}

#obenrechtshinweis {
	position:fixed;
	color:#ffffff;
	color:#000000;
	padding: 10px 4px 10px 4px;
	margin-left:600px;
	margin-top:0px;
	width: 182px;
	border-width:1px;
	border-color:#ff0000;
	border-style:solid;
}

#loginpanel {
	color:#000000;
	margin-top:40px;
	padding: 0px 0px 10px 4px;
	/* width: 200px; */
	/* height:120px; */
	/* border:1px solid black; */
}

#login_panel_user_box {
	border-color:#ff0000; 
	border-color:#c60000; 
	border-width:1px;
	border-style:solid;
	width:140px;
	padding:5px;
	margin:5px;
}

#rssicon {
	/*
	position:absolute;
	top:380px;
	*/
	margin-top:20px;
}

#languagechange {

}

.angebote_und_preise {
	/* vertical-align:right; */ /*  */
	float:right;
	width:150px;
	height:120px;
	background-color:#f0f0f0;
	padding: 5px 5px 5px 5px;	
	margin: 0px 0px 10px 10px;
}

/*
.oben_rechts {
	float:right;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}
*/

ul#angebote_und_preise {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height:2.0;
}

ul#angebote_und_preise li {
    list-style: none;
    margin: 0;
    padding: 10px 0px 0px 0px;
    line-height:1.5;
}

ul#rss_list_items {
	 list-style: none;
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
	 line-height:1.0;
}

ul#rss_list_items li {
    list-style: none;
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
    line-height:1.5;
}

/* besser class: */
#fehlermeldung{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-width:1px;
	border-color:#ff0000;
	border-style:solid;
	border-color:#0b5aab;
}

#image img {
	/* position:absolute; */
  	position:fixed;
	border:1px solid black;
	display:none;
	margin-left:920px;
	margin-top:0px;
}

.colourbutton { 
	border: 1px solid #ffffff;
	border: 1px solid #000000;
}

/*   preise    */
.row {
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#000000;
	border-style:solid;
	width: 600px;
	height:250px;
}

.leftcolumn {
	width: 200px;		/* + margin-left = 1024 */
}

.rightcolumn {
	/* float:right; */
	/* width: 380px; */
	
}
.leftinnerrow {
	width: 200px;
	/* min-height: 12px; */ 
	color:#ffffff;
	background-color:#000000;
	border-top-width:0px;
	border-bottom-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#ffffff;
	border-style:solid;
}

.rigthinnerrow {
	width: 380px;
	color:#000000;
	background-color:#ffffff;
	/* padding-right:3px; */
	padding:5px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:#ffffff;
	border-style:solid;
}

.littlecolumnoben {
	width: 100px;
	text-align:center;
	color:#ffffff;
	background-color:#000000;
}

.littlecolumnunten {
	width: 100px;
	text-align:center;
	color:#000000;
	background-color:#ffffff;
}

.kundenseite_side_menu {
	float:right;
	width:250px;
	height:450px;
	background-color:#f0f0f0;
	padding: 5px 5px 5px 5px;	
	margin: 0px 0px 10px 10px;
}

ul#kundenseite_side_menu {
	list-style-type:square;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height:2.0;
}
/* ********** ws weg: ******************************************************* */
#landingpagebackround {
	background-image:url("../files/pics/panorama_kg_transp_sw.gif");
}
/*
#navigation ul {
  list-style: none;
  width: 720px;
  height: 85px;
  margin: 0 auto;
}

<div id="navigation">
  <h2> Navigation</h2>
  <ul>
    <li id="sadasd">
      <a href="#">Äpfel<b></b></a>
    </li>

  <span class="alert_text"> 
.alert_text {
  
ul#kontextmenuitems a:link  {
	/* EX:
	border-style:solid;
	border-color:#000000;
	border-top-width:2px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	
	border-bottom: 1px dotted #000000;
	*/
*/