@media all
{
* { margin:0; padding:0; font-size: 99%; }
html { height: 100% }
body {
	min-height: 101%;
	font-size: 100.01%;
	position: relative;
	background: #fff;
	text-align: left;
    padding:0 10px;
    border-top:1px solid #fff;
    border-bottom:2px solid #fff;
    background:url(../img-bg/streifen-hori.gif);
    color: #444;
    font-size: 62.5%;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    }
#seite
	{
   	border: 0px #667 solid;
   	background: #fff;
   	border-top:30px solid #bbb;
   	border-bottom:30px solid #bbb;
   	background:#fff;
   	}
#seiten-raender
	{
   	border-left: 1px #ccc solid;
   	border-right: 3px #ccc solid;
   	min-width: 756px;
   	max-width:756px ;
   	margin:auto;
	font-size: 1.3em;}
#kopf
	{
	height: 110px;
	background:url(../img/kompass.jpg) no-repeat right transparent;
	margin-right:5px;
    position:relative;
	}
#kopf #bild1
	{
	height: 100px;
	width:100px;
	background:url(../img/consulting.jpg) no-repeat right;
	margin-right:105px;
	margin-top:5px;
	float:right;
	}

/* VISION-Logo als Link zur Startseite auf jeder Seite*/
#kopf a
	{
	margin-top:20px;
	margin-left:55px;
	float:left;
	width:360px;
	height:40px;
	background:url(../img/logo-vision.gif) no-repeat;
	}
#kopf a:hover
	{
	background:url(../img/logo-vision-hover.gif) no-repeat;
	}
/* Formatierung der Fußzeile */
#fuss
	{
	height:250px;
	margin: 0;
	padding: 0;
	position:relative;
    background:url(../img/vision-gesamt.gif) no-repeat transparent;
    clear:both;
	}

#inhalt
	{clear:both;
    width: auto;
    background: transparent;
    padding:0; }



#spalte1 {
	float: left;
	z-index: 3;
	width: 165px;}
#spalte1_inhalt
	{
	margin-left: 0;
	margin-right: 0;
	color: #444;
	background:inherit;
    z-index: 4;
	}
#spalte2 {
	float:right;
    z-index: 5;
	width: 105px;
	background:url(../img/tasten.jpg) no-repeat left top;
	}
#spalte2_inhalt
	{
	margin:0;
	min-height:100px;
	height:auto !important;
	height:200px;
	padding-top:100px;
    z-index: 6;
	}
#spalte3
	{
	width:auto;
    z-index: 1;
	margin-left: 170px;
	margin-right: 110px;
	padding:5px 0 20px 0;
	border:1px solid #f1f1f1;
	background:#f1f1f1;
	}
#spalte3_inhalt { margin-left: 1em; margin-right: 20px;display:relative;}
#spalte3_inhalt img.nr
	{
	position:absolute;
	width:100px;
	height:100px;
	right:-125px;
	z-index: 2;
	}

#spalte1_inhalt, #spalte2_inhalt, #spalte3_inhalt { position:relative; }

fieldset, img { border:0; }
fieldset table{font-size:100%;}

/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
select, input, textarea { font-size: 99% }


/* Clearfix-Methode zum Clearen der Float-Umgebungen http://jassesnee.de/easyclear/*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.clear_overflow { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none }

ul, ol, dl { margin: 0 0 1em 1em }
li {
	margin-left: 3.5em;
	line-height: 1.5em;
	list-style-type:none;
	list-style-image:url(../img-ikons/quadrat-rot.gif);
    }
ul.ohne-bullets{margin:0 0 0 16px;}
ul.ohne-bullets li {
	margin: 0 0 10px 0;
    line-height: 1.5em;
    list-style-type:none;
   	list-style-image:url();
    }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

#menu {
	width: 100%;
	overflow: hidden;
	margin:0;
	list-style-type: none;
	background:#f1f1f1;
	border-left:1px solid #f1f1f1;
	font-size:100%;
	float:left;
	}

#menu a { display:block; text-decoration: none; }
#menu li { float:left; width: 100%; margin:0; padding: 0; }
#menu li a{background:#ffecd9;      font-weight:normal;}
#menu li a {
	width: 100%;
	padding: 3px 0px 3px 12%;
	background-color:#ffecd9;
	background-image:none;
	color: #444;
	border-top: 1px #fff solid;
    display:block;
	}
#menu li#open a
	{
	background:#fe9166;color:#fff;
	}
#menu li a:hover { background-color:#fe9166; color: #fff; }
#menu li ul { list-style-type: none; margin:0; padding: 0;}
#menu li ul li { float:left; width: 100%; margin:0; padding:0; }
#menu li#open ul li a,
#menu li ul li a
	{
	width: 100%;
	font-weight:normal;
	padding: 3px 0px 3px 30%;
	color: #666;
	background:url(../img-ikons/quadrat.gif) no-repeat 18% 50% #fff5eb;
	}

#menu li#open ul li a:hover
	{
	background:url(../img-ikons/quadrat-hover.gif) no-repeat 18% 50% #fe9166;
	}

h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}

h1{
	font-size: 1.6em;
	color: #006;
    margin: 1em 0 1em 0;
    padding-top: 0em;
    }
h2 {
	font-size: 1.2em;
    color: #666;
    margin: 0 0 1em 0;
    padding-top: 0em;
    border-bottom: 1px #ccc solid;
    line-height:160%;
    }

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }
strong { font-weight: bold; }

.clear_overflow h2 span{position:relative;background:#f1f1f1;top:0.5em;padding-right:0.5em;}
hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #eee solid;
}

img.float_left { float: left; margin-right: 5px; margin-bottom: 0.15em; border:0; }
img.float_right { float: right;margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }

a,a:link,a:visited
	{
    color: #333;
    text-decoration:none;
    font-size:100%;
    background:url(../img-bg/linie-hori-dotted.gif) repeat-x bottom;
    padding-bottom:2px;
    }
a:hover,a:focus
	{
	color: #fe9166;
	background:url(../img-bg/linie-hori-dotted-hover.gif) repeat-x bottom;
	}

form {overflow:hidden;}
input, textarea
	{
	width: 100%;
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
	background: #fafafa;
	padding: 3px;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

p strong
	{
	background:url(../img-ikons/pfeil.gif) no-repeat 0% 50%;
	padding-left:16px;
	}
p strong.normal
	{
	background:url(../img-ikons/pfeil.gif) no-repeat 0% 50%;
	padding-left:16px;
	font-weight:normal;
	}
a.nach-oben,
a.nach-oben:link,
a.nach-oben:visited
	{
	float:right;
	border-top:1em;
	color:#fe9166;
	background:url(../img-bg/linie-hori-dotted-hover.gif) repeat-x bottom;
	padding-bottom:2px;
	}
a.nach-oben:hover
	{
	color:#333;
	background:url(../img-bg/linie-hori-dotted.gif) repeat-x bottom;
	}
/* Copyright Artlook */
#fuss div {position:absolute;bottom:5px;right:5px; color:#999;}
#fuss div a,
#fuss div a:link,
#fuss div a:visited
	{
	color:#999;
	background:transparent;
	}
#fuss div a:hover
	{
	color:#fe9166;
	text-decoration:underline
	}
/*Formulare Martina*/
.unsichtbar
	{
	display:none;
	}

td.formsubmit input{
    border: 1px solid #2b477f;
    text-align: center;
    width:100px;
    margin-left:25%;
}

table
	{
	width:90%;
	border-collapse:collapse;
	}
table.eingerueckt
	{
	margin:20px 0 20px 10%;
	}
td {padding:5px 0;text-align:left;vertical-align:top;line-height:150%;}
th{padding-bottom:2em;}
td input,td textarea{border:1px solid #ccc;width:95%;}
textarea{overflow:auto;}
td.formsubmit{text-align:right;padding-right:2%;}
td.formsubmit input
	{
	color:#fff;
	background:#999;
	border:none;
	}
span.pflicht{font-weight:bold;color:orange;margin: 0 2px;}

}
@media print
{
body * {font-size: 11pt;}
h1 {
	font-size: 14pt;
	font-weight:bold;
	color: #336699;
	background:inherit;
	margin:0.4em 0 0.5em 0;
	border-bottom: 1px #ccc solid;
	}
h2 {
	font-size: 11pt;
	font-weight:bold;
	color: #666;
	background: inherit;
	margin:0.2em 0 0.5em 0;
	padding: 0.3em; }
p strong{font-size:10pt;}
/* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
h1,h2,h3 { seite-break-after:avoid; }

abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }

/* Sichtbare Auszeichnung der URLs von Links */
#spalte3 a[href^="http:"], #spalte3 a[href^="https:"],
#spalte1 p a[href^="http:"], #spalte1 p a[href^="https:"],
#spalte2 p a[href^="http:"], #spalte2 p a[href^="https:"]
	{
	padding-left: 0;
	background-image: none;
	}

a[href]:after {
	content:" <URL: "attr(href)">";
	color:#444;
	background-color:inherit;
	font-style:italic;
	}
a.nach-oben{display:none;}
/* Umformatierung der Layoutboxen */
body {margin:0; padding: 0;}
#seiten-raender, #seite {min-width: inherit; margin:0; padding: 0; border: 0; }
#kopf {height: auto;}
#inhalt {margin: 0; padding: 0;}
#spalte1 {display:none;}
#spalte1_inhalt {display:none;}
#spalte2 {display:none;}
#spalte2_inhalt {display:none;}
#spalte3 { margin:0; padding: 0; border:0; }
#spalte3_inhalt {margin:0; padding: 0; border:0; }
#fuss {display: none;}
p strong{padding-left:0;}
}