/** Allgemeine Styles */

body {
	text-align:center;
	margin: 0px;
  color:#521800;
  font-size:0.8em;
background-image:url(images/surf_bodybg_4.jpg);
   font-family:Arial;
}

#main {
  width:960px;
  margin:0 auto; 
  text-align:left;
background-image:url(images/surf_content_bg_3.jpg);

}

a {
  color:Darkblue;
  text-decoration:none;
}

a:hover {
  color:black;
  text-decoration:underline;
}


form, h1, h2, h3, h4, h5, h6 {
  margin:0;
}

h1 {
  font-size:1.3em;
}

form .error {
  border:2px Red solid;
}


ul#error {
  color:red;
  margin-bottom:10px;
}

div#success_message {
  color:Green;
  border:1px Green solid;
  padding:10px;
  margin-bottom:10px;
  font-weight:bold;
}

img {
border:0px;
}
.image{
margin-bottom:20px;
}
small{
font-weight:bold;
font-size:11px;
ine-height:13px;
}
/** Navigation */

#navigation {
height:293px;
background-image:url(images/surf_navigation_bg_3.jpg);  
width:195px;
padding-top:0px;
}

#navigation  ul {  
margin:0;
  list-style-type:none;
width:195px;
  padding:0;
  display:block; 
  clear:both;
}

#main_menu li {
  list-style-type:none;
  display:block;
margin:0;
  padding:0;
}

#main_menu li a {
diplay:block;
font-size:12px; 
    font-weight:bold;
    color:#234770;
    text-decoration:none;
margin:0;
  padding:0;
padding-top:200px;

}

#main_menu li a.active, 
#main_menu li a:hover {
  color:#6B4521;
}

li.menu_item_27{
display:block;
overflow:hidden;
height:34px;
}
#menu_item_link_27 {
display:block;
height:34px;
background-position:0px 0px;
background-image:url(images/navigation_startseite_3.jpg);
}
#menu_item_link_27:hover, #menu_item_link_27.active_27{
background-position:0px 34px;
}

li.menu_item_96{
display:block;
overflow:hidden;
height:39px;
}
#menu_item_link_96 {
display:block;
height:39px;
background-position:0px 0px;
background-image:url(images/navigation_surfcamp_4.jpg);
}
#menu_item_link_96:hover, #menu_item_link_96.active_96{
background-position:0px 39px;
}

li.menu_item_97{
display:block;
overflow:hidden;
height:28px;
}
#menu_item_link_97 {
display:block;
height:28px;
background-position:0px 28px;
background-image:url(images/navigation_surfari.jpg);
}
#menu_item_link_97:hover, #menu_item_link_97.active_97{
background-position:0px 0px;
}

li.menu_item_98{
display:block;
overflow:hidden;
height:31px;
}
#menu_item_link_98 {
display:block;
height:31px;
background-position:0px 31px;
background-image:url(images/navigation_surfschule_3.jpg);
}
#menu_item_link_98:hover, #menu_item_link_98.active_98{
background-position:0px 0px;
}

li.menu_item_99{
display:block;
overflow:hidden;
height:36px;
}
#menu_item_link_99 {
display:block;
height:36px;
background-position:0px 36px;
background-image:url(images/navigation_preise_4.jpg);
}
#menu_item_link_99:hover, #menu_item_link_99.active{
background-position:0px 0px;
}


li.menu_item_100{
display:block;
overflow:hidden;
height:40px;
}
#menu_item_link_100 {
display:block;
height:40px;
background-position:0px 40px;
background-image:url(images/navigation_grancanaria_3.jpg);
}
#menu_item_link_100:hover, #menu_item_link_100.active_100{
background-position:0px 0px;
}


li.menu_item_114{
display:block;
overflow:hidden;
height:30px;
}
#menu_item_link_114 {
display:block;
height:30px;
background-position:0px 30px;
background-image:url(images/navigation_faq_1.jpg);
}
#menu_item_link_114:hover, #menu_item_link_114.active_114{
background-position:0px 0px;
}


li.menu_item_122{
display:block;
overflow:hidden;
height:35px;
}
#menu_item_link_122 {
display:block;
height:35px;
background-position:0px 35px;
background-image:url(images/navigation_kontakt_2.jpg);
}
#menu_item_link_122:hover, #menu_item_link_122.active_122{
background-position:0px 0px;
}








li.menu_item_115{
display:block;
overflow:hidden;
height:34px;
}
#menu_item_link_115 {
display:block;
height:34px;
background-position:0px 34px;
background-image:url(images/navigation-eng-home_1.jpg);
}
#menu_item_link_115:hover, #menu_item_link_115.active_115{
background-position:0px 0px;
}


li.menu_item_116{
display:block;
overflow:hidden;
height:34px;
}
#menu_item_link_116 {
display:block;
height:34px;
background-position:0px 34px;
background-image:url(images/navigation-esp-home_1.jpg);
}
#menu_item_link_116:hover, #menu_item_link_116.active_116{
background-position:0px 0px;
}


li.menu_item_132{
display:block;
overflow:hidden;
height:39px;
}
#menu_item_link_132 {
display:block;
height:39px;
background-position:0px 0px;
background-image:url(images/navigation_surfcamp_4.jpg);
}
#menu_item_link_132:hover, #menu_item_link_132.active_132{
background-position:0px 39px;
}


li.menu_item_117{
display:block;
overflow:hidden;
height:39px;
}
#menu_item_link_117 {
display:block;
height:39px;
background-position:0px 0px;
background-image:url(images/navigation_surfcamp_4.jpg);
}
#menu_item_link_117:hover, #menu_item_link_117.active_117{
background-position:0px 39px;
}


li.menu_item_133{
display:block;
overflow:hidden;
height:28px;
}
#menu_item_link_133 {
display:block;
height:28px;
background-position:0px 28px;
background-image:url(images/navigation_surfari.jpg);
}
#menu_item_link_133:hover, #menu_item_link_133.active_133{
background-position:0px 0px;
}

li.menu_item_124{
display:block;
overflow:hidden;
height:28px;
}
#menu_item_link_124 {
display:block;
height:28px;
background-position:0px 28px;
background-image:url(images/navigation_surfari.jpg);
}
#menu_item_link_124:hover, #menu_item_link_124.active_124{
background-position:0px 0px;
}


li.menu_item_125{
display:block;
overflow:hidden;
height:31px;
}
#menu_item_link_125 {
display:block;
height:31px;
background-position:0px 31px;
background-image:url(images/navigation-eng-surfschool.jpg);
}
#menu_item_link_125:hover, #menu_item_link_125.active_125{
background-position:0px 0px;
}

li.menu_item_134{
display:block;
overflow:hidden;
height:31px;
}
#menu_item_link_134 {
display:block;
height:31px;
background-position:0px 31px;
background-image:url(images/navigation-esp-surfschool.jpg);
}
#menu_item_link_134:hover, #menu_item_link_134.active_134{
background-position:0px 0px;
}




li.menu_item_135{
display:block;
overflow:hidden;
height:36px;
}
#menu_item_link_135 {
display:block;
height:36px;
background-position:0px 36px;
background-image:url(images/navigation-esp-prices.jpg);
}
#menu_item_link_135:hover, #menu_item_link_135.active{
background-position:0px 0px;
}


li.menu_item_126{
display:block;
overflow:hidden;
height:36px;
}
#menu_item_link_126 {
display:block;
height:36px;
background-position:0px 36px;
background-image:url(images/navigation-eng-prices.jpg);
}
#menu_item_link_126:hover, #menu_item_link_126.active{
background-position:0px 0px;
}

li.menu_item_127{
display:block;
overflow:hidden;
height:40px;
}
#menu_item_link_127 {
display:block;
height:40px;
background-position:0px 40px;
background-image:url(images/navigation_grancanaria_3.jpg);
}
#menu_item_link_127:hover, #menu_item_link_127.active_127{
background-position:0px 0px;
}

li.menu_item_136{
display:block;
overflow:hidden;
height:40px;
}
#menu_item_link_136 {
display:block;
height:40px;
background-position:0px 40px;
background-image:url(images/navigation_grancanaria_3.jpg);
}
#menu_item_link_136:hover, #menu_item_link_136.active_136{
background-position:0px 0px;
}

li.menu_item_137{
display:block;
overflow:hidden;
height:30px;
}
#menu_item_link_137 {
display:block;
height:30px;
background-position:0px 30px;
background-image:url(images/navigation-esp-faq.jpg);
}
#menu_item_link_137:hover, #menu_item_link_137.active_137{
background-position:0px 0px;
}

li.menu_item_128{
display:block;
overflow:hidden;
height:30px;
}
#menu_item_link_128 {
display:block;
height:30px;
background-position:0px 30px;
background-image:url(images/navigation-esp-faq.jpg);
}
#menu_item_link_128:hover, #menu_item_link_128.active_128{
background-position:0px 0px;
}

li.menu_item_129{
display:block;
overflow:hidden;
height:35px;
}
#menu_item_link_129 {
display:block;
height:35px;
background-position:0px 35px;
background-image:url(images/navigation-eng-contact.jpg);
}
#menu_item_link_129:hover, #menu_item_link_129.active_129{
background-position:0px 0px;
}

li.menu_item_130{
display:block;
overflow:hidden;
height:35px;
}
#menu_item_link_130 {
display:block;
height:35px;
background-position:0px 35px;
background-image:url(images/navigation-esp-contact.jpg);
}
#menu_item_link_130:hover, #menu_item_link_130.active_130{
background-position:0px 0px;
}


#sub {
margin-bottom:15px;
}
#sub  ul {  
margin:0;
  list-style-type:none;
  padding:0;
  clear:both;
}

#sub h2 {  
display:none;
}
#sub_menu li {
 list-style-type:none;
  display:block;
margin:0;
  padding:0;
float:left;
}

#sub_menu li a {
  
float:left;
 display:block;
    font-size:12px; 
    font-weight:bold;
    color:#392410;
padding-right:18px;
height:24px;
    text-decoration:none;
}



#sub_menu a:hover, #sub_menu a.active {
 color:#295184;
}

/** Content Styles */

#content {
background-image:url(images/surf_maincontent_bg_5.jpg);
background-repeat:no-repeat;  
width:475px;
  float:left;
padding-top:73px;
padding-left:30px;
padding-right:30px;
}

#content p {
  font-size:12px;
  line-height:18px;
margin-top:6px;
margin-bottom:9px;
}

#content h2 {
  font-size:18px;
font-family:arial;
  line-height:21px;
color:#291408;
padding-bottom:6px;
margin:0;}

 #content h3 {
 font-size:14px;
font-family:arial;
  line-height:21px;
color:#5D2109;
padding-bottom:0px;
margin:0;
}
 #content h4 {
 font-size:12px;
font-family:arial;
  line-height:21px;
padding-bottom:0px;
margin:0;
}
 #content li {
  font-size:12px;
}
#content ul {
padding-top:3px;
margin-top:0px;
}
/** Content Styles 2*/

#content2 {
background-image:url(images/surf_maincontent_bg_5.jpg);
background-repeat:no-repeat;  
width:475px;
  float:left;
padding-top:31px;
padding-left:30px;
padding-right:30px;
}

#content2 p {
  font-size:12px;
  line-height:18px;
margin-top:6px;
margin-bottom:9px;
}

#content2 h2 {
  font-size:18px;
font-family:arial;
  line-height:21px;
color:#291408;
padding-bottom:6px;
margin:0;}

 #content2 h3 {
 font-size:14px;
font-family:arial;
  line-height:21px;
color:#633808;
padding-bottom:0px;
margin:0;
}
 #content2 h4 {
 font-size:12px;
font-family:arial;
  line-height:21px;
padding-bottom:0px;
margin:0;
}
 #content2 li {
  font-size:12px;
}


/** --------------------------------------------Header----------------- */
#slogan {
height:184px;
background-image:url(images/surf-banner.jpg);
}

#slogan h1 {
display:none;
}

/** Rechte & Linke Blöcke */
#left_block {
  float:left;
  width:195px;
font-size:10px;
color:#523821;
}
#left_block h2 {
  display:none;
}
#left_block .menu {
  margin-right:20px;
}

.menu h3 {
  font-size:1em;
}


#right_block {
  width:230px;
  float:left;
font-size:10px;
color:#523821;
}
#right_block h2 {
  display:none;
}
#right_block .menu {
  margin-left:20px;

}

#right_block p {
padding:0px;
margin:0px;
}

#rechts-deu {
background-image:url(images/surf_buchen_4.jpg);
background-repeat:no-repeat;  
}
#rechts-eng {
background-image:url(images/surf-right.jpg);
background-repeat:no-repeat;  
}
#rechts-esp {
background-image:url(images/surf-right-esp.jpg);
background-repeat:no-repeat;  
}
/** Pager */

.pager {
  display:block;
  padding-top:5px;
}

.pager a, .pager b {
  padding:5px;
  color:Black;
  text-decoration:none;
}




/** Breadcrump */

#breadcrump {
  font-size:10px;
  color:silver;
  padding-right:10px;
  text-align:right;
  border-bottom:1px Silver solid;
}

#breadcrump a {
  color:silver;
  text-decoration:none;
}

/** Sprachen-Menü*/
#languages {
font-size:0px;


}
.menu_languages{
margin-left:637px;
}
#languages ul {
margin:0px;
padding:0px;
}

#languages li {
float:left;
display:block;
margin:0px;
padding:0px;
overflow:hidden;
height:47px;

}
#languages a.lang_es {
display:block;
height:47px;
font-size:0px;
width:92px;
background-position:0px 47px;
background-image:url(images/esp.jpg);
}
#languages a.lang_es:hover,lang_active {
display:block;
height:47px;
font-size:0px;
width:92px;
background-position:0px 0px;
}
#languages span.lang_es,lang_active {
display:block;
height:47px;
font-size:0px;
width:92px;
background-image:url(images/esp.jpg);
background-position:0px 0px;
}


#languages a.lang_de {
font-size:0px;
display:block;
height:47px;
width:81px;
background-position:0px 47px;
background-image:url(images/de.jpg);
}
#languages a.lang_de:hover,lang_active {
font-size:0px;
display:block;
height:47px;
width:81px;
background-position:0px 0px;
}
#languages span.lang_de,lang_active {
font-size:0px;
display:block;
height:47px;
width:81px;
background-image:url(images/de.jpg);
background-position:0px 0px;
}


#languages a.lang_en {
font-size:0px;
display:block;
height:47px;
width:88px;
background-position:0px 47px;
background-image:url(images/eng.jpg);
}
#languages a.lang_en:hover,lang_active {
font-size:0px;
display:block;
height:47px;
width:88px;
background-position:0px 0px;
}
#languages span.lang_en,lang_active {
font-size:0px;
display:block;
height:47px;
width:88px;
background-image:url(images/eng.jpg);
background-position:0px 0px;
}


/** Footer */

.footer {
clear:both;
height:42px;
padding-top:12px;
background-image:url(images/surf_footer.jpg);
width: 960px;
text-align:center;
  margin:0 auto; 
}



/** Nützliches Tool */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}
.clearfix2 {
    clear:both;
    display: block;
   height: 1%;
line-height:1px;
font-size:1px;

}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
#quickform {
padding-left:36px;
padding-right:20px;
padding-top:38px;
}
#quickform textarea,input {
border:1px solid #945D39;
background-color:white;
width:290px;
margin-top:3px;
font-family:arial;
font-size:11px;
width:130px;
}
#quickform .checkbox {
text-align:left;
width:15px;
valign:middle;
border:0px;
margin-bottom:2px;
padding:0px;
background-color:none;
}
#quickform .sendebutton {
width:85px;
font-size:10px;
}
#quickform .form_item{
margin-bottom:5px;
}
#partner {
padding-left:36px;
padding-right:20px;
padding-top:75px;
}
#menu_angebote {
 background-image:url(images/surf_menu_angebote_2.jpg);
background-repeat:no-repeat;  
height:120px;
padding-left:30px;
padding-right:30px;
padding-top:80px;
}
#menu_angebote-esp {
 background-image:url(images/ofertas.jpg);
background-repeat:no-repeat;  
height:120px;
padding-left:30px;
padding-right:30px;
padding-top:80px;
}
#menu_angebote-eng {
 background-image:url(images/offers.jpg);
background-repeat:no-repeat;  
height:120px;
padding-left:30px;
padding-right:30px;
padding-top:80px;
}
.absatz_text {
padding-bottom:12px;
}
.absatz_bildlinks1 {
float:left;
padding-top:5px;
width:140px;
}
#absatz_bildlinks2 {
float:left;
width:325px;
padding-left:10px;
}
#absatz_bildlinks2 p{
padding-top:0px;
margin-top:0px;
}
.buchen-button{
height:144px;
overflow:hidden;
}

#contentnews_overview_small h3,a {
font-size:12px;
color:#21455A;
font-weight:bold;
padding-bottom:3px;
}

#contentnews_overview_small p {
margin-top:0px;
padding-top:0px;
font-size:11px;
}

#contentnews_overview a {
color:#21455A;
}
#contentnews_overview h3 {
font-size:12px;
line-height:15px;
color:#21455A;
font-weight:bold;
padding-bottom:3px;
padding-top:0px;
}

#contentnews_overview p {
margin-top:0px;
padding-top:0px;
line-height:13px;
font-size:12px;
padding-bottom:3px;
margin-bottom:0px;
}
#contentnews_overview .left-side {
clear:both;
width:140px;
padding-top:5px;
float:left;
padding-bottom:12px;
}
#contentnews_overview  .right-side {
width:335px;
float:left;
font-size:12px;
}
#contentnews_overview .link {
font-size:11px;
font-weight:normal;
}
table {
empty-cells:hide;
margin-top:12px;
width:475px;
}
td  {
background-color:white;
padding:5px;
padding-left:10px;
padding-right:10px;

}
tr {
height:3px;

}

.cell1 {
width:90px;
}
.cell2 {
width:90px;
}
.cell3 {
width:280px;
}


#contact input, textarea{
border:1px solid #945D39;
background-color:#F7EBA5;
width:250px;
margin-top:3px;
font-family:arial;
font-size:12px;
}
#contact input:focus, textarea:focus{
background-color:white;
}
#contact .form_item{
margin-bottom:8px;
}
#contact .sendebutton{
width:120px;
}

.kontakt-left {
float:left;
margin-top:12px;
width:300px;
font-family:arial;
font-size:11px;
}
.kontakt-right {
float:left;
margin-top:12px;
width:170px;
}
 .left-side {
clear:both;
width:140px;
padding-top:8px;
float:left;
padding-bottom:12px;
}
 .right-side {
width:335px;
float:left;
font-size:12px;
}
#contentgallery {
padding-top:15px;
}
#contentgallery .image{
padding:0px;
margin:0px;
}