@import url('https://fonts.googleapis.com/css?family=Faster+One|Jacques+Francois+Shadow|Vast+Shadow');
h1 
{
  font-family     : Arial, Verdana, Helvetica, sans-serif;
  font-size       : 24px;
  font-weight     : bold;
  margin          : 0;
  padding         : 0;
}

h2 
{
  font-family     : Arial, Verdana, Helvetica, sans-serif;
  font-size       : 20px;
  font-weight     : bold;
  margin          : 0;
  padding         : 0;
}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}
	
body
{
  width           : 840px;
  margin-right    : auto;
  margin-left     : auto;
  margin-top      : 0px;
  margin-bottom   : 0px;
  padding         : 0;
  height          : 100%;
  color           : #000000;
  border          : 1px solid #0112ff;
  float           : none;
}

.passion
{
  font-family     : 'Molle', cursive;
  font-weight     : 400;
  font-size       : 22px;
#  text-shadow     : 3px 3px 3px #5a5a5a;
  color           : #f10000;
  width           : 260px;
  text-align      : center;
  position        : absolute;
  top             : 90px;
  left            : 440px;
}

.clear_float
{
  clear           : both;
}
	
.error
{
  color           : #FF0000;
  font-size       : 18px;
  font-weight     : bold;
  text-align      : left;
}
	

/* ---------------------- menu nav ---------------------- */
#page_menucontainer{
	position:relative;
	height:60px;
	color:#E0E0E0;
	background:#143D55;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}

#page_menu{
	position:relative;
	height:33px;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(../dolphin/dolphin_bg.gif) repeat-x bottom left;
	padding:0 0 0 20px;
	}

#page_menu menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
	}

#page_menu menu li{
	display:block;
	float:left;
	margin:0 1px;
	}

#page_menu menu li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
	}

#page_menu menu li a span{
	padding:10px 20px 0 0;
	height:25px;
	float:left;
	}

#page_menu menu li a:hover{
	color:#fff;
	background:transparent url(../dolphin/dolphin_bg-OVER.gif) repeat-x bottom left;
	}

#page_menu menu li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;
	}

#page_menu menu li a.current,#page_menu menu li a.current:hover{
	color:#fff;
	background:#1D6893 url(../dolphin/dolphin_left-ON.gif) no-repeat top left;
	line-height:240%;
	}

#page_menu menu li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url(../dolphin/dolphin_right-ON.gif) no-repeat top right;
	height:33px;
	}
/* ---------------------- END menu nav ---------------------- */


/* ---------------------- content container ---------------------- */
.content 
{
  margin          : 0;
  padding         : 0;
  background      : #143D55;
  color           : #FFFFFF;
  padding         : 5px;
  text-align      : left;
  font-size       : 18px;
}

.content a:visited
{
  color           : #ffff00;
}

.content a:link
{
  color           : #ff0000;
}

.content a:hover
{
  color           : #0000ff;
}


/* ---------------------- index page ---------------------- */

.home_1 
{
#  width           : 800px;
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
  float           : left;
}


.home_1_pic
{
  margin          : 0px;
  margin-left     : 10px;
  padding         : 5px;
  float           : right;
}

.home_2 
{
  width           : 500px;
  height          : 385px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  margin-left     : 10px;
  margin-right    : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
  float           : left;
}


.home_3
{
  width           : 280px;
  height          : 385px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  margin-left     : 10px;
  background      : #CCCCFC;
  color           : #222222;
  text-align      : left;
  padding         : 5px;
  float           : left;
}

.top_img
{
  margin          : 10px;
  margin-bottom   : 0px;
  float           : left;
}

.top_img img
{
  width           : 810px;
}



/* ---------------------- service page ---------------------- */

.service_1
{
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 5px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.service_2
{
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.service_2 table
{
  text-align      : top;
  border-collapse : separate;
  border-spacing  : 10px;
  text-align      : left;
}

.service_2_pic
{
  margin          : 0px;
  margin-left     : 10px;
  padding         : 5px;
  float           : right;
}

.service_2 table a:link, table a:visited
{
  text-decoration : none;
  font-weight     : bold;
  color           : #000000;
}

.service_3
{
  width           : 253px;
  height          : 310px;
  float           : left;
  margin-right    : 0px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.service_4
{
  width           : 254px;
  height          : 310px;
  float           : left;
  margin-right    : 0px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.service_5
{
  width           : 253px;
  height          : 310px;
  float           : left;
  margin-right    : 0px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.service_6
{
  width           : 253px;
  height          : 640px;
  float           : left;
  margin-right    : 0px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.service_7
{
  width           : 253px;
  height          : 310px;
  float           : left;
  margin-right    : 0px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.service_8
{
  width           : 254px;
  height          : 310px;
  float           : left;
  margin-right    : 0px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.service_9
{
  width           : 253px;
  height          : 310px;
  float           : left;
  margin-right    : 0px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

/* ---------------------- why mobile page ---------------------- */

.wm_1
{
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 5px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.wm_advantages
{
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.wm_advantages li
{
  list-style-type : none;
  background      : url('../layout/paw_print_li.gif') no-repeat top left;
  height          : 24px;
  padding-left    : 25px;
}

/* ---------------------- service page ---------------------- */

.prices_1
{
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 5px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.prices_2
{
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 5px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.prices_2 table
{
  text-align      : top;
  border-collapse : separate;
  border-spacing  : 10px;
  text-align      : left;
}

.prices_2_pic
{
  margin          : 0px;
  margin-left     : 10px;
  padding         : 5px;
  float           : right;
}

.prices_3
{
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 5px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

/* ---------------------- contact page ---------------------- */

.contact_1
{
  width           : 800px;
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
  float           : left;
}

.contact_1 table
{
  border-collapse : separate;
  border-spacing  : 10px;
  text-align      : left;
}

.contact_2
{
  width           : 800px;
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
  float           : left;
}

.contact_phone
{
  font-size       : 18px;
  font-weight     : bold;
  width           : 400px;
}

.contact_address
{
  width           : 800px;
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
  font-size       : 16px;
  float           : left;
}


.downloads
{
  width           : 800px;
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
  font-size       : 12px;
  float           : left;
}


/* ---------------------- immo page ---------------------- */

.immo_1
{
  width           : 800px;
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
  float           : left;
}

.immo_2
{
  width           : 800px;
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 10px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
  float           : left;
}

.immo_2 table
{
  border-collapse : separate;
  border-spacing  : 10px;
  text-align      : left;
}

/* ---------------------- contact page ---------------------- */

.faq_1
{
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 5px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.faq_2
{
  margin-right    : 10px;
  margin-left     : 10px;
  margin-top      : 5px;
  margin-bottom   : 0px;
  background      : #CCCCFC;
  color           : #222222;
  padding         : 5px;
  text-align      : left;
}

.faq_2 h2
{
  color           : #f10000;
}

.faq_1  a:link, .faq_1 a:visited, .faq_2  a:link, .faq_2 a:visited
{
  color           : #0000FF;
}

.faq_top
{
  margin-top      : 10px;
  text-align      : right;
  padding-right   : 5px;
}

/* ---------------------- header ---------------------- */

.page_header
{
  margin          : 0px;
  padding         : 0px;
  background      : #CCCCFC;
  height          : 130px;
  width           : 840px;
  position        : relative;
  top             : 0px;
  left            : 0px;
}

.page_header_1
{
  font-family     : 'Jacques Francois Shadow', cursive;  
  font-size       : 55px;
  font-weight     : bold;
  color           : #000000;
  text-shadow     : 6px 6px 6px #5a5a5a;
  margin          : 0px;
  padding         : 0px;
  width           : 100%;
  text-align      : center;
  position        : absolute;
  top             : -5px;
  left            : 10px;
}

.page_header_2
{
  font-family     : Verdana, Helvetica, Arial, sans-serif;
  font-size       : 35px;
  font-weight     : bold;
  color           : #000000;
  margin          : 0px;
  padding         : 0px;
  width           : 100%;
  text-align      : center;
  position        : absolute;
  top             : 70px;
  left            : 10px;
}

.page_header_3
{
  font-family     : Arial, Verdana, Helvetica, sans-serif;
  font-size       : 22px;
  font-weight     : bold;
  font-style      : italic;
  color           : #000000;
  margin          : 0px;
  padding         : 0px;
  width           : 210px;
  text-align      : center;
  position        : absolute;
  top             : 15px;
  left            : 460px;
}

/* ---------------------- header ---------------------- */

.page_footer
{
  margin          : 0px;
  padding         : 0px;
#  background      : #f10000;
  background      : #143D55;
  color           : #ffffff;
  width           : 840px;
  position        : relative;
  top             : 0px;
  left            : 0px;
}

.page_footer a:link, a:visited
{
  color           : #00f1f1;
}

.page_footer_1
{
  margin          : 0px;
  padding         : 5px;
  width           : 630px;
  float           : left;
}

.page_footer_2
{
  margin          : 5px;
  padding         : 5px;
  width           : 170px;
  background      : #fafafa;
  color           : #000000;
  text-align      : center;
  float           : right;
}

.page_footer_3
{
  margin          : 0px;
  padding         : 5px;
  width           : 630px;
  float           : left;
}

.preis
{
  font-family     : Arial, Verdana, Helvetica, sans-serif;
  font-size       : 22px;
  font-weight     : bold;
#  font-style      : italic;
}