<br />
<b>Warning</b>:  Undefined variable $pfad in <b>/var/www/vhosts/blauwasserwelt.de/gutachterundsachverstaendige.de/httpdocs/get_css.php</b> on line <b>4</b><br />
<br />
<b>Warning</b>:  Undefined variable $pfad in <b>/var/www/vhosts/blauwasserwelt.de/gutachterundsachverstaendige.de/httpdocs/get_css.php</b> on line <b>5</b><br />
<br />
<b>Warning</b>:  Undefined variable $pfad in <b>/var/www/vhosts/blauwasserwelt.de/gutachterundsachverstaendige.de/httpdocs/get_css.php</b> on line <b>6</b><br />
<br />
<b>Warning</b>:  Undefined variable $pfad in <b>/var/www/vhosts/blauwasserwelt.de/gutachterundsachverstaendige.de/httpdocs/get_css.php</b> on line <b>7</b><br />
<br />
<b>Warning</b>:  Undefined variable $pfad in <b>/var/www/vhosts/blauwasserwelt.de/gutachterundsachverstaendige.de/httpdocs/get_css.php</b> on line <b>8</b><br />
<br />
<b>Warning</b>:  Undefined variable $pfad in <b>/var/www/vhosts/blauwasserwelt.de/gutachterundsachverstaendige.de/httpdocs/get_css.php</b> on line <b>9</b><br />
<br />
<b>Warning</b>:  Undefined variable $pfad in <b>/var/www/vhosts/blauwasserwelt.de/gutachterundsachverstaendige.de/httpdocs/get_css.php</b> on line <b>10</b><br />
<br />
<b>Warning</b>:  Undefined variable $pfad in <b>/var/www/vhosts/blauwasserwelt.de/gutachterundsachverstaendige.de/httpdocs/get_css.php</b> on line <b>11</b><br />
/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0;font-family: Geneva, Arial, Helvetica, sans-serif;}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}
 
.last {
margin-right: 0px;
}
 
 img, object, embed {
max-width: 100%;
}  


img {
	height: auto;
}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body { 
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

}
/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

 body {
		font-size: 81%; line-height:122%;
	}
 
	
	h1{ font-size: 121.25%; color: #FF6600; line-height:25px;}
	h2{ font-size: 110.25%;	color: #63C318;	line-height:150.25%;}
	h3{ font-size: 121.25%; color: #FF6600; line-height:25px;}
	h4{	font-size: 80%; color: #999999; line-height:150.25%; }

.sternchentexte {
	font-size: 75%;
	color: #C4C4C4;
	line-height:25px;
}
.werbung{
	font-size: 75%;
	color: #C4C4C4;
	line-height:25px;
}
.mehr{ font-size: 80%; 	color: #FF0000; text-decoration: none; }
.mehr a {text-decoration: none; color: #FF0000;  }
.mehr a:link {text-decoration: none; color: #FF0000; }
.mehr a:visited {text-decoration: none; color: #FF0000; }
.mehr a:hover {text-decoration: underline;  color: #FF0000; }

.bildunter { font-size: 80%; 	  }


.link {  	color: #666666; text-decoration: none; }	
.link  a {text-decoration: none; color: #666666;}
.link  a:link {text-decoration: none; color: #666666;}
.link  a:visited {text-decoration: none; color: #666666;}
.link  a:hover {	text-decoration: underline;	color: #222222;}
  
  	
.datum 	{
	font-size: 60%;
	color: #666666;
	text-decoration: none;
}

hr{
 border: 0px; /* F?r Firefox und Opera */
 border-top: solid 1px #778899;
 border-bottom: transparent;
}
	
	#hauptbild{ 
	height: 288px; width:1140px;  background-image:url(../img/wtitel.jpg); background-repeat:no-repeat; margin-bottom: 50px;   }
	#hauptbild2{ 
	height: 288px; width:1140px;  background-image:url(../img/atitel.jpg); background-repeat:no-repeat; margin-bottom: 50px;   }
		#hauptbildschimmel{ 
	height: 288px; width:1140px;  background-image:url(../img/schimmel.jpg); background-repeat:no-repeat; margin-bottom: 50px;   }
	
	
/* =====Face=======; */ 

#facebookrand {
	padding:0px;
	width:40px;
	height:150px;
	top: 270px;
	position: fixed;
	z-index: 99;
	left: -15px;
	
	}
 
/* =====Suchfeld======= */


#ac {
	background-color:#FFFFFF;
	padding:10px;
	width:520px;
}


.ac_results {
	width: 50px;
	position: absolute;
	left: 0;
	font-size: 80%;
	z-index: 101;
	 
}
.ac_results ul {
	width: 100%;
	font-size: 80%;
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
}
.ac_results li {
	width: 260px;
	padding: 2px 5px;
}
.ac_results a {
	width:50px;
}
 
.ac_results  {
	width:50px;
	position: absolute;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
}


.ac_loading {
	background-image:url(gif/ajax-loader.gif);
	background-color: white;
	background-repeat: no-repeat;
	background-position: right;
}
.over {
	background: yellow;
}

select  {
	width: 100px;
	height: 25px;
  	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #666666;
	border:1px solid #7FB8D8;
	}

	
#feld1{ float:left;}
#feld1a{ float:left; display: none; }
#feld1b{ float:left; display: none; }
.feld2{float:left;}
.feld3{float:left;}


#wosuchen{
	width:300px;
 	padding-bottom:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	}
#ac{ width:610px; height:90px;
	 float:left;
	 padding:5px;
}
form {background: white; border: 0; margin:0; padding:0; }
.oben{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	margin-left:5px;
}
.unten{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	margin-left:5px;
}

 
/* ===Schriften========================= */
 .kataloghead{
	font-size: 12px;
	color: #112750;
	text-decoration: none;
	font-weight: bold;
}
.kataloghead a {  text-decoration: none; color: #FC9A03; font-size: 12px; }
.kataloghead a:hover {  text-decoration: none; color: #FC9A03; font-size: 12px;}
.kataloghead a:visited {  text-decoration: none; color: #FC9A03; font-size: 12px;}
.kataloghead a:active { text-decoration: none; color: #FC9A03; font-size: 12px;}

.katalog{
	font-size: 12px;
	color: #7C8BC9;
	text-decoration: none;
}
.katalog a {  text-decoration: none; color: #FC9A03; font-size: 12px; }
.katalog a:hover {  text-decoration: none; color: #FC9A03; font-size: 12px;}
.katalog a:visited {  text-decoration: none; color: #FC9A03; font-size: 12px;}
.katalog a:active { text-decoration: none; color: #FC9A03; font-size: 12px;}

#banner { background-color:#FFDDFF; }

/* ===Auftragssumme Startseite========================= */
.Stil1 {
	color: #999999;
	font-size: 9px;
}
.Stil2 {
	font-size: 18px;
	font-weight: bold;
}

.werbebanner {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

/* ============================== */
/* ============================= */
/* 1023 screens background-color:#FF99CC;   */

/* =====Fragen====================== */
#frage{
	background-image: url(../gif/frage1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px;
	padding-top:25px;
	border:1px solid #00AFDE;
}
#frageb{
	background-image: url(../gif/frage2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px;
	padding-top:25px;
	border:1px solid #00AFDE;
	}
#antwort{
	background-image: url(../gif/antwort1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px;
	padding-top:25px;
	border:1px solid #D9B700;
	}
#antwortb{
	background-image: url(../gif/antwort2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px;
	padding-top:25px;
	border:1px solid #65C01A; 
	}
	#antworten{
	background-image: url(../gif/antworten.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px;
	padding-top:25px;
	border:1px solid #eb5a0b; 
	}
	#fragen{
	background-image: url(../gif/fragen.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px;
	padding-top:25px;
	border:1px solid #eb5a0b; 
	}
#prov{
	background-color:#FFFFFF; 
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px;
	padding-top:25px;
	border:1px solid #00AFDE;
}


.artikellink {  	color: #000000; text-decoration: none; }	
.artikellink  a {text-decoration: none; color: #000000;}
.artikellink  a:link {text-decoration: none; color: #000000;}
.artikellink  a:visited {text-decoration: none; color: #000000;}
.artikellink  a:hover {	text-decoration: underline;	color: #000000;}
 
 
@media only screen and (max-width: 1023px) {

body { 	}
#hauptbild{ height:242px; width:960px;  background-image:url(../img/wtitela.jpg); background-repeat:no-repeat; margin-bottom: 20px; }
#hauptbild2{ height:242px; width:960px;  background-image:url(../img/atitela.jpg); background-repeat:no-repeat; margin-bottom: 20px; }
 #hauptbildschimmel{ 
	height: 288px; width:1140px;  background-image:url(../img/schimmelb.jpg); background-repeat:no-repeat; margin-bottom: 50px;   }
 
 }
/* ============================== */
/* ============================= */
/* ! Layout for mobile version   */
/* =============================  background-color:#FFFF66;  */

@media handheld, only screen and (max-width: 767px) {

  body {	}
  #hauptbild{ height:179px; width:710px;  background-image:url(../img/wtitelb.jpg); background-repeat:no-repeat; margin-bottom: 20px; }
    #hauptbild2{ height:179px; width:710px;  background-image:url(../img/atitelb.jpg); background-repeat:no-repeat; margin-bottom: 20px; }
  #hauptbildschimmel{ 
	height: 288px; width:1140px;  background-image:url(../img/schimmelc.jpg); background-repeat:no-repeat; margin-bottom: 50px;   }
 
 /* =====Suchfeld======= */
 }
 
/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
 body {  	}
#hauptbild{ height:176px; width:700px;  background-image:url(../img/wtitelb.jpg); background-repeat:no-repeat; margin-bottom: 20px; }
#hauptbild2{ height:176px; width:700px;  background-image:url(../img/atitelb.jpg); background-repeat:no-repeat; margin-bottom: 20px; }
 #hauptbildschimmel{ 
	height: 288px; width:1140px;  background-image:url(../img/schimmelc.jpg); background-repeat:no-repeat; margin-bottom: 50px;   }

} /* Untermenue*/
 
#menul {
margin-left:50px;
width: 100%;
margin: 0 0 0 0;
padding: 0px;
background-color:#7F7F7F;
}

#menul ul {
list-style: none;
width: 100%;
margin: 0 0 0 0;
padding: 0;
}

#menul li {
margin-bottom:1px;
}

#menul li a {
	display:block;
	font-size: 14px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#036499;
	height:30px;
	line-height:170%;
	padding:0px 0px 0px 8px;
}

#menul li a:hover {
background-color:#7F7F7F;
color:#FFFFFF;
}

#menul ul li#active a {
	color:#333333;
	background-color: #FFD600;
}

#menu2 {
margin-left:50px;
width: 100%;
margin: 0 0 0 0;
padding: 0px;
background-color:#000000;
}

#menu2 ul {
list-style: none;
width: 100%;
margin: 0 0 0 0;
padding: 0;
}

#menu2 li {
margin-bottom:1px;
}

#menu2 li a {
	display:block;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	color:#333333;
	background-color:#ECF0FF;
	height:20px;
	line-height:170%;
	padding:0px 0px 0px 8px;
}

#menu2 li a:hover {
background-color:#7F7F7F;
color:#FFFFFF;
}

#menu2 ul li#active a {
	color:#134264;
	background-color: #FF9900; 
}

#menu3 {

	width: 98%;
	margin: 0 0 0 0;
	padding: 0px;padding-left: 5px;
	background-color:#7F7F7F;
}

#menu3 ul {
list-style: none;
width: 100%;
margin: 0 0 0 0;
padding: 0;
}

#menu3 li {
margin-bottom:1px;
}

#menu3 li a {
	display:block;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	color:#333333;
	background-color:#FFFFFF;
	height:20px;
	line-height:170%;
	padding:0px 0px 0px 8px;
}

#menu3 li a:hover {
	background-color:#FFCC33;
	color:#FFFFFF;
}

#menu3 ul li#active a {
	color:#134264;
	background-color: #FF9900; 
}
 

#nav{
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: bold;
	color:#FFFFFF;
	padding: 0px 0px;
	margin-bottom:20px;
	width:1150px;
  
	}

#nav li{
	display: inline;
	list-style-type: none;
	padding-left: 0px;
	line-height: 35px;
	
	}

#nav a:link, #nav a:visited{
	color: #333;
	padding:10px;
	padding-left:4.2%;
	padding-right:4.2%;
	text-decoration: none; 
	}

#nav a:hover, #nav a:active{
	color: #fff;
	background-color: #333;
}


a.navigationq {  text-decoration: none;    }
a.navigationq:hover {	text-decoration: none;	color:#999999;	font-size: 15px;}
a.navigationq:visited {	text-decoration: none;	color:#666666;}
a.navigationq:active {	text-decoration: none;	color:#666666;}

#flaggen{  width:100%;	height:10px;  } 
#headnavi{  width:100%;	height:60px;  float:left; padding-top:10px; font-size: 9px;} 
#headnavilogo{ text-align: left; width:60%; height:60px;   float:left;   } 
#headnavi2{ text-align: right ;width:40%; 	height:60px;   float:left;  } 
 

a.headnavi:link  {  text-align: right; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px;color:  #666666;  
text-decoration: none;text-decoration: none; }
a.headnavi:hover {  text-decoration: none; color: #FFFFFF; font-size: 9px;}
a.headnavi:visited {  text-decoration: none; color: #666666; font-size: 9px;}
a.headnavi:active { text-decoration: none; color: #666666; font-size: 9px;}

/* Cloud*/
.cloudwolke {
	width: 30em;
	padding: 5px;
	margin: 1px;
	text-align: center;
	line-height: 27px;
	text-decoration: none; 
} 
.cloud {  text-decoration: none; color: #FC9A03; font-size: 12px; }
.cloud a {  text-decoration: none; color: #FC9A03; font-size: 12px; }
.cloud a:hover {  text-decoration: none; color: #FC9A03; font-size: 12px;}
.cloud a:visited {  text-decoration: none; color: #FC9A03; font-size: 12px;}
.cloud a:active { text-decoration: none; color: #FC9A03; font-size: 12px;}


#sach_navigation {
	width: 550px;
	height: 20px;
	margin-left: 0px;
	padding: 5px;
	background-color: #FF9966;
} 
#sach_navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
} 
#sach_navigation ul li {
	display: inline;
	margin: 0px;
	
} 
#sach_navigation ul li a {
	display: block;
	float: left;
	padding: 2px 15px 0 15px;
	font: bold 12px Arial;
	color: #000000;
	text-decoration: none;	
	
} 

#sach_navigation ul li a:hover {
	color:#FFFFFF;	
}

#sach_navigation ul li#active a {
	color:#FFFFFF;	
}

/* 1023 screens */
@media only screen and (max-width: 1023px) {

#nav{
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	font-weight: bold;
	color:#FFFFFF;
	padding: 0px 0px;
	margin-bottom:20px;
	}

#nav li{
	display: inline;
	list-style-type: none;
	padding-left: 0px;
	line-height: 32px;
	}

#nav a:link, #nav a:visited{
	color: #333;
	padding:8px;
	padding-left:36px;
	padding-right:36px;
	text-decoration: none;
	}

#nav a:hover, #nav a:active{
	color: #fff;
	background-color: #333;
}
	

}
/* 767 screens */
@media only screen and (max-width: 767px) {

#nav{
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	font-weight: bold;
	color:#FFFFFF;
	padding: 0px 0px;
	margin-bottom:20px;
	}

#nav li{
	display: inline;
	list-style-type: none;
	padding-left: 0px;
	line-height: 29px;
	}

#nav a:link, #nav a:visited{
	color: #333;
	padding:8px;
	padding-left:22px;
	padding-right:22px;
	text-decoration: none;
	}

#nav a:hover, #nav a:active{
	color: #fff;
	background-color: #333;
}
	
 }
 
 @media only screen and (-webkit-min-device-pixel-ratio: 2) { 
 
 	#navi {	height: 30px; width: 300px; margin-left:0; float:left;  } 
 	#box1 {width: 100%; height: 20px;	;	padding: 1px; 	}
	#box2 {width: 100%; height: 20px;	padding: 1px; 	 }
	#box3 {width: 100%; height: 20px;	padding: 1px; 	 }
	#box4 {width: 100%; height: 20px;	padding: 1px; 	}
	#box5 {width: 100%; height: 20px;	padding: 1px; 	}
	#box6 {width: 100%; height: 20px;	padding: 1px; 	}
	#box7 {width: 100%; height: 20px;	padding: 1px; 	}
	#box8 {width: 100%; height: 20px;	padding: 1px; 	}
	
	
  }/* CSS Document */

table {
		border-collapse:collapse;
		background-color:#EFF4FB    ;
		border:1px solid #686868;
		font:0.95em/145% Geneva, Arial, Helvetica, sans-serif;
		color: #333;
}

td, th {
		padding:5px;
}

caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

/* =links
----------------------------------------------- */

table a {
	color:#10244A;
	text-decoration:none;
}

table a:link {}

table a:visited {
		font-weight:normal;
		color:#666;
		text-decoration: line-through;
}

table a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th, tfoot td {
		background:#333  ;
		color:#fff
}

tfoot td {
		text-align:right
}

/* =body
----------------------------------------------- */

tbody th, tbody td {
		border-bottom: dotted 1px #333;
}

tbody th {
		white-space: nowrap;
}

tbody th a {
		color:#333;
}

.odd {}

tbody tr:hover {
		background:#fafafa
}/* CSS Document */


#suchfeld{
	margin-left:19px;
	margin-top:130px;
	width:50em;
	height:8em;
	float:left;
	position:absolute;
	z-index:100;

	}
.ac_input {
	width: 450px;
	height: 22px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #336666;

	}
	.button   {
	width: 70px;
	height: 27px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF6600;
	border:1px solid #7FB8D8;
	padding-bottom:5px;
	margin-left:5px;	 
	}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 1100px) {
 #suchfeld{
	margin-left:19px;
	margin-top:100px;
	width:50em;
	height:8em;
	float:left;
	position:absolute;
	z-index:100;
	} 
.ac_input {
	width: 400px;
	height: 22px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #336666;
	} 
.button   {
	width: 70px;
	height: 27px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FF6600;
	border:1px solid #7FB8D8;
	padding-bottom:5px;
	margin-left:5px;
	}
	}
	
/*Styles for screen 600px and lower*/
@media screen and (max-width: 900px) {

	 
 #suchfeld{
	margin-left:0px;
	margin-top:80px;
	width:50em;
	height:8em;
	float:left;
	position:absolute;
	z-index:100;
	}  
.ac_input {
	width: 320px;
	height: 22px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #336666;	
	}
	.platzhalter{
 height:50px;
 width:100%;
 
 float:left;
}
	}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
 #suchfeld{
	margin-left:0px;
	margin-top:40px;
	width:50em;
	height:8em;
	float:left;
	position:absolute;
	z-index:100;
	} 
.ac_input {
	width: 200px;
	height: 22px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #336666; 
	}  
	.button   {
	width: 70px;
	height: 27px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF6600;
	border:1px solid #7FB8D8;
	padding-bottom:5px;
	margin-left:5px;
	}
		.platzhalter{
 height:50px;
 width:100%;
 
 float:left;
}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
 #suchfeld{
	margin-left:0px;
	margin-top:25px;
	width:50em;
	height:8em;
	float:left;
	position:absolute;
	z-index:100;

	}  
.ac_input {
	width: 150px;
	height: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #336666;
	} 
.button   {
	width:50px;
	height: 26px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	border:1px solid #7FB8D8;
	padding-bottom:5px;
	margin-left:5px;
	}
	.platzhalter{
 height:50px;
 width:100%;
 
 float:left;
}

}/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */
 
nav {
	height: 40px;
	width: 100%;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	position: relative;
 	 
	margin-bottom:5px; 
  
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 1150px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: black;
	display: inline-block;
	width: 170px;
	text-align: center;
	text-decoration: none;
	padding:10px;
	padding-left:4.2%;
	padding-right:4.2%;
	}

nav li a {
	border-right: 2px solid #FFFFFF;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	 
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #8c99a4;
	
}
nav a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 900px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	

}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #999999;
		width: 96%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	nav {
	margin-bottom:5px; 

    }
}.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  
  }
 
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
 
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;		

  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
 
  }


#conti {
	margin-top:5px; 
	height: 20px;
	width: 90px;
	float:right;
	z-index:1;
	 
}

#conti li { margin: 2px;

		display: inline ;
		font-weight: bold;
		color: #FFF;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		}
#conti a {
	padding:2px 5px 2px 5px;
	margin:0px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
}
#conti a:hover, #conti a:active {
	border: 1px solid #999;
	color: #000;
}/* CSS Document */

.pag{
	padding:0px;
	background-image: url(gif/2.jpg);
	background-repeat: repeat-y;
	text-align:center;	
	border:0;
	}
.paginate {
font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;

 }

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	color: #000;
}
.paginate span.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
		border: 1px solid #998;
		
		font-weight: bold;
		background-color: #999;
		color: #FFF;
	}
	.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #eee;
		color:#DDD;
	}