body { 
	background-color: #bec0c1; 
	font-family: "calibri", "helvetica neue", "arial", sans-serif;
	line-height: 2.5ex;
	color:#444;
	font-size:12px;
}

@font-face {
    font-family: "gbw";
    src: url("fonts/GraublauWeb.otf") format("opentype");
}
@font-face {
    font-family: "gbw";
    font-weight: bold;
    src: url("fonts/GraublauWebBold.otf") format("opentype");
}

#page {
	margin-top:0px;
	text-align:center;
	top:0px;
	background-image: url("../img/stripe-vert-354-01.png");
	background-repeat: repeat-x; 
	background-position: 0px 0px;
	position:relative;
}

#center {
/* 	Damit der Container die Höhe der Inhalte übernimmt */
	display:table;
	overflow: hidden;
	width:940px;
	margin-left:auto;
	margin-right: auto;
	text-align:left;
	background-image: url("../img/stripe-hor-940-01.png");
	background-repeat: repeat-y; 
	background-position: 0px 0px;
}

.grid {
	display: inline;
	float: left;
	position: relative;
}

.header {
	height: 130px;
	background-image: url("../img/Header-01.png");
	background-repeat: repeat-x; 
	background-position: 0px 0px;
}

a.homelink {
	position:absolute;
	z-index:1000;
	top:0px; 
	left: 50px; 
	width: 840px; 
	height: 130px; 
	border:0px; 
	text-decoration:none; 
	background-color:transparent; 
}

.Title {	
	height: 200px;
	background-image: url("../img/Titel-bg-01.jpg");
	background-repeat: no-repeat; 
}

.Title .jdGallery { margin-left: 50px; }

.Footer-shadow {	
	height: 50px;
	width:960px;
	background-image: url("../img/Footer-shadow-01.png");
	background-repeat: no-repeat; 
}

.Topnav {	
	height: 24px;
	background-image: url("../img/Topnav-bg-01.png");
	background-repeat: no-repeat; 
	font-size: 10px;
	color:#555555;
	margin-bottom:40px;
  position:relative;
}


.links { 
	position: relative;
	width:330px;
  margin-left: 100px;
	line-height: 3ex;
}

.mitte {
	position:relative;
	width:170px;
  margin-left: 70px;
	font-size:90%;
	font-size:90%;
	line-height: 2.7ex;
}

.rechts {
	width:170px;
  margin-left: 20px;
	font-size:90%;
	font-size:90%;
	line-height: 2.7ex;
}

.mitteundrechts {
	width:360px;
  margin-left: 70px;
	font-size:90%;
	font-size:90%;
	line-height: 2.7ex;
}

.Inhalt {
	margin-top:0px;
	position:relative;
}

.box { 	
	font-size:90%;
	font-size:90%;
	line-height: 3ex;
	padding: 10px;
	margin-bottom: 20px;
	margin-top:3px;
} 

.boxgruen { 
	width: 320px;
	background-image: url(/assets/templates/Frischnetz/img/Box_gruen_top-01.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 20px 20px 10px 20px; 
	margin-bottom:0px;
	color: #222;
}
.boxgruenboden { 
	margin-top:0px;
	padding: 0px;
	width: 360px;
	height:10px;
	background-image: url(/assets/templates/Frischnetz/img/Box_gruen_bottom-01.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom:20px;
}
.boxblau { 
	width: 320px;
	background-image: url(/assets/templates/Frischnetz/img/Box_blau_top-01.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px 20px 10px 20px; 
	margin-bottom:0px;
	color: #222;
}
.boxblauboden { 
	height:10px;
	width:360px;
	background-image: url(/assets/templates/Frischnetz/img/Box_blau_bottom-01.png);
	margin-bottom:20px;
	background-repeat: no-repeat;
}

.framegruen { 
	border:1px dotted #cbe561; 
	padding:10px;
	background-color:#f2f2f2;
}

.frameblau { 
	border:1px dotted #6ca2e2; 
	color: white;
	padding:10px;
}

.footer {
	width: 840px;
	margin-left: 50px;
	margin-top: 40px;
	padding-bottom: 30px;
	padding-top: 20px;
	background-color: #333333;
	background-image: url("../img/FN-Logo-footer-01.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	color:white;
	font-size:90%;
	line-height:2.9ex;
}

.footer1 {
	width:160px;
	margin-left:50px;
}
.footer2 {
	width:160px;
	margin-left:25px;
}

.footer3 {
	width:160px;
	margin-left:25px;
}

#ajaxSearch_form fieldset {
	border:none;
	display:block;
	padding:0px 50px 0px 0px;
	float:right;
	height:24px;
}
/* Ajax Search */

#ajaxSearch_input {
	width: 100px;
	display: inline;
	height: 22px;
	background-color: #D6ED6E;
	color:black;
	margin: -1px 0 0 0;
	padding: 0;
	vertical-align: middle;
	border: 1px solid white;
	font-size:12px;
	line-height:22px;
}
#ajaxSearch_input[id] {  margin: 0 0 0 0; width: 130px; }

#ajaxSearch_submit {
	line-height:22px;
	font-size:12px;
	display: inline;
	height: 24px;
	border: 1px solid white; 
	background-color: #cbe561; 
	color:black;
	margin:-1px 0px 0px 0px;
	vertical-align: middle;
}
#ajaxSearch_output {
	padding: 0px;
	background: #fff;
	display: block;
	height: auto;
	vertical-align: top;
}
.ajaxSearch_resultLink { font-weight: bold; }
p.ajaxSearch_resultsInfo { font-weight: bold;}
span.ajaxSearch_paging {display:block; padding-bottom: 2ex; }
span.ajaxSearch_highlight1 {background-color: #FDFFBB; }
.ajaxSearch_resultExtract {padding-left: 20px; }
div.AS_ajax_resultsIntroFailure { padding:20px;}
#ajaxSearch_form input#ajaxSearch_submit:hover { 
	background-color: #6ca2e2; color:#fff; 
}

p.ajaxSearch_intro {
display: none;
}

h1,h3,h5 {
	font-family: "gbw";
	color: #9dc400;
	font-weight: bold;
	line-height: 3ex;
/*  	text-transform: uppercase;  */
}

h2,h4,h6 {
	font-family: "gbw";
	color: #3483e0;
/*  	text-transform: uppercase;  */
	font-weight: bold;
	line-height: 3ex;
}

h1 { 
	font-size: 130%; 
	margin: 5ex   0 2.5ex  0px;
	text-transform: uppercase;
	color: #888;
	font-weight: normal;
	letter-spacing:3px;
}
h2 { font-size: 150%; margin: 2.5ex  0 1.5ex  0px; letter-spacing:1px;}
h3 { font-size: 135%; margin: 2ex    0 1.25ex 0px; letter-spacing:1px;}
h4 { font-size: 135%; margin: 1.5ex  0 1ex    0px; letter-spacing:0px;}
h5 { font-size: 125%; margin: 1.25ex 0 .8ex   0px; letter-spacing:0px;}
h6 { font-size: 115%; margin: 1ex    0 1ex    0px; letter-spacing:0px;}

h1,h2 {
	text-shadow:0px 3px 10px #bbb;
}

h1.first,
h2.first,
h3.first,
h4.first,
h5.first,
h6.first,
.mitte h1.first, .rechts h1.first, .mitteundrechts h1.first,
.mitte h2.first, .rechts h2.first, .mitteundrechts h2.first,
.mitte h3.first, .rechts h3.first, .mitteundrechts h3.first,
.mitte h4.first, .rechts h4.first, .mitteundrechts h4.first,
.mitte h5.first, .rechts h5.first, .mitteundrechts h5.first,
.mitte h6.first, .rechts h6.first, .mitteundrechts h6.first
	{ margin-top:0px}

.mitte h1, .rechts h1, .mitteundrechts h1 { font-size: 150%; }
.mitte h2, .rechts h2, .mitteundrechts h2 { font-size: 140%; }
.mitte h3, .rechts h3, .mitteundrechts h3 { font-size: 130%; margin: 1ex 0 1.25ex 0; }
.mitte h4, .rechts h4, .mitteundrechts h4 { font-size: 120%; margin: 2ex 0 1.1ex 0px;}
.mitte h5, .rechts h5, .mitteundrechts h5 { font-size: 110%; margin: .5ex 0 .9ex 0px;}
.mitte h6, .rechts h6, .mitteundrechts h6 { font-size: 100%; margin: .25ex 0 .7ex 0px;}

.boxgruen h1,
.boxgruen h2,
.boxgruen h3,
.boxgruen h4,
.boxgruen h5,
.boxgruen h6{
	margin-left:-10px;
	margin-right:-10px;
	padding:5px 0px 4px 10px;
	color: #222;
}

.boxblau h1,
.boxblau h2,
.boxblau h3,
.boxblau h4,
.boxblau h5,
.boxblau h6 {
	color: #222;
}


.links ul li { 
	margin-left:17px;
	padding-left:5px;
	list-style-image: url("../img/4-gonw-8.png");
	margin-bottom: 1.5ex;
	line-height: 2.5ex;
}

.links ul { 
	margin-bottom: 3ex;
}

.mitte ul li, 
.mitteundrechts ul li
	{
	margin-left: 14px;
	padding-left: 0px;
	list-style-image: url("../img/4-bonw-6.png");
	margin-bottom: 1ex;
	line-height: 2.5ex;
}

.footer ul li	{
	margin-left: 14px;
	padding-left: 0px;
	list-style-image: url("../img/4-gonw-6.png");
	margin-bottom: 1ex;
	line-height: 2.5ex;
}

.mitte ul, 
.mitteundrechts ul 
	{ 
	margin-top: 0ex;
	margin-bottom: 1.5ex;
}

.rechts ul li  {
	margin-left: 13px;
	padding-left: 0px;
	list-style-image: url("../img/4-bonw-6.png");
	margin-bottom: 1ex;
	line-height: 2.5ex;
}

.rechts ul {
	margin-bottom:2ex;
}

.boxgruen ul li {	list-style-image: url("../img/4-wong-6.png"); }
.boxblau ul li {	list-style-image: url("../img/4-wonb-6.png"); }



p {
	margin-bottom: 2ex;
}


#EmailForm label { color: #555; }

#EmailForm input#cfContact { 
	border: 1px solid #9dc400;
}

#EmailForm input, textarea { 
	font-size:90%; 
	border: 1px solid #6CA3E2;
	background-color: #fafafa;
	width:320px;
	margin:2px 0px 6px 0px;
}

input#cfContact {width: 8em;}

#EmailForm p { margin-bottom:5px;}

p.Kunde 
	{ font-weight:bold; }
a.Kundenlink { font-weight:normal; }

.links a, 
.mitte a, 
.mitteundrechts a, 
.rechts a,
.footer a
	{ 
	text-decoration: none; 
	color: black;
	border-bottom: 1px dotted #88A700;
}

.links a:hover , 
.footer a:hover 
	{
	text-decoration: none; 
	color: #88A700;
	border-bottom: 1px solid #88A700;
}

.mitte a:hover, 
.mitteundrechts a:hover, 
.rechts a:hover
	{
	text-decoration: none; 
	color: black;
	border-bottom: 1px solid black;
}
.gruenebox a:hover, 
.blauebox a:hover
	{
	text-decoration: none; 
	color: white;
	border-bottom: 1px solid white;
}

.footer a { color: #CBE561; }
.footer a:hover { color: #CBE561; }


.links a:active,
.mitte a:active, 
.mitteundrechts a:active, 
.rechts a:active,
.footer a:active 
	{
	text-decoration: none; 
	color: black;
	border-bottom: 1px solid #88A700;
}

.links a:visited, 
.mitte a:visited, 
.mitteunrechts a:visited, 
.rechts a:visited,
.footer a:visited 
	{
	text-decoration: none; 
	color: #222;
	border-bottom: 1px dotted #88A700;
}

.L {
	display: block;
	vertical-align: top;
	float: left;
	width:140px;
}
.R {
	display: block;
	float: right;
	vertical-align: top;
	width: 200px;
}
.clear {
	clear: left; 
}

.jdGallery .slideElement {
background-color:white !important;
}

a.leer { border-bottom:none; }

.klein { font-size: 80%; }

.Zitat { font-style: italic; 
	margin-bottom:0px;}

.Autor { 
	padding-top:0px;
	padding-left: 80px; 
	text-align:right; 
	color:#aaa;
	text-transform: uppercase;
	font-size: 80%;
	letter-spacing:1.5px;
}

.Referenzkunde { 
	border-top:1px solid #ddd;
	padding:20px 0px 20px 0px;
	color:#555;
}

.Referenzkunde .Logo { 
	padding-top:5px;
	float: left; 
}

.Referenzkunde .Logo a { 
	text-decoration:none;
	border:none;
}

.Referenzkunde .Kunde {
	color:#333;
	color: #9dc400;
	font-weight: bold;
	margin-left: 60px;
	font-size: 100%;
}
.Referenzkunde .Kunde a {
	color: #9dc400;
	text-decoration:none;
	border-bottom:none;
}


.Referenzkunde .Branche {	margin-left: 60px;  font-size:90%; }
.Referenzkunde .Branche p { margin-bottom:1ex;}
.Referenzkunde .Zeit { margin-left: 60px; font-size:90%; }
.Referenzkunde .Link { margin-left: 60px; font-size:90%; }

.thumbscontainer ul.thumbs li {
height:100px;
margin:0 20px 20px 0px !important;
overflow:hidden;
width:100px;
}

ul.thumbs li img {
border:medium none;
margin:0 !important;
}

div a.Karte {
	position:absolute;
	height:85px;
	width:170px;
	background-position: 0px 0px; 	
	background-repeat: no-repeat; 
	border-bottom:0px !important;
	text-decoration:none;
}
div a.Karte:hover { 
	position:absolute;
	background-position: 0px -85px !important;
	border:none;
	text-decoration:none;
}

.links p { text-align:justify; }

.prevnext { margin-top: 20px; text-align:center; }

.PrevNextMenu { 
	margin:0 auto; 
}

a.clean { border-width:0px; } 
a.clean:hover { border-width:0px; }