html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }

a:hover { text-decoration:none; }

a:link { color: #000; text-decoration:underline; }
a:visited { color: #000; text-decoration:underline; }
a:focus { color: #5a6d6b; text-decoration:underline; }
a:hover { color: #5a6d6b; text-decoration:underline; }
a:active { color: #5a6d6b; text-decoration:underline; }


ol, ul { list-style: none; clear:both; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration:none; }
a:hover { text-decoration:none; }

/*font-family: 'Allura', cursive;*/

/* ### Lists ################################################################ */

.solist ul{ display:block; position:relative; float:left; margin:20px 0 10px 8%; width:90%; list-style-image:url(../icon/0101/ls2.png); background-repeat:repeat-x; }

ul, ol { line-height:1.2em; }

ol li { list-style-type:decimal-leading-zero; } 
ul li { margin-bottom:3px; }


p {}


table 	{ margin: 10px 0 10px 0; border-collapse: collapse; }

td, th { padding: 12px; border: 1px #ccc solid; text-align: left; }

/* HTML5 display-role reset for older browsers ############################### */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; position:relative; }
body { line-height: 1.2em; color: #555; font-family:Arial, Helvetica, sans-serif; }

html { min-height: 101%; width:100%; background-color:#000066 !important; }
/* ### html BODY ###################################################################### */

#homepage {display:block; position:relative; width:100%; background-color:#FFFFFF; }

#other {display:block; position:relative; width:100%; background-color:#FFFFFF; }

#main1, #main2, #main3, #main4, #main5{ display:block; position:relative; float:left; width:100%; }

article, details, footer, header, section { display:block; position:relative; width:1000px; margin:0 auto; }
#article, #details, #footer, #header, #section { display:block; position:relative; width:1000px; margin:0 auto; }

#main1 { }
#main2 a{ font-size:14px; font-weight:normal; }
#header { }
#main3 { }
#main4 { }
#main5 { }

.box { margin:0 10px;}

.sobox1 { width:977px; float:left; }
.sobox1h { width:977px; float:left; margin:0.6%;}
.sobox12 { width:482.1px; float:left; }
.sobox13 { width:317.5px; float:left; }
.sobox23 { width:649.1px; float:left; }
.sobox14 { width:234px; float:left; }
.sobox14r { width:233px; float:right; margin-right:12px; padding-bottom:10px; }
.sobox34 { width:726px; float:left; }

.sobox1, .sobox12, .sobox13, .sobox23, .sobox14, .sobox34, .sobox14r { display:block; position:relative; border:solid 0.5px #e5e5e5; background-image:url(pic/chg2.jpg); margin:0.6%; }

.solink1, .solink2, .solink3, .solink4, .solink5, .solink6, .solink7, .solink8, .solink9, .solink10, .solink11, .solink12, .solink13, .solink14, .solink15 { 
display:block; position:absolute; float:left; width:100%; height:100%; text-decoration:none; z-index:20; background-position: 2000px 2000px; background-repeat:no-repeat; }

.solink1:hover{ background-repeat:no-repeat; background-position:top left; border-radius:8px; box-shadow: inset 0px 0px 40px #888; }
.solink2:hover{ background-repeat:no-repeat; background-position:top right; }
.solink10:hover{ background-repeat:no-repeat; background-position:top center; }
.solink3:hover{ background-repeat:no-repeat; background-position:bottom left; }
.solink4:hover{ background-repeat:no-repeat; background-position:bottom right; }
.solink11:hover{ background-repeat:no-repeat; background-position:bottom center; }
.solink12:hover{ background-repeat:no-repeat; background-position:left center; }
.solink13:hover{ background-repeat:no-repeat; background-position:right center; }
.solink14:hover{ background-repeat:no-repeat; background-position:center; }
.solink16:hover{ background-repeat:repeat; }
.solink5:hover{ background-repeat:repeat-x; background-position:top; }
.solink6:hover{ background-repeat:repeat-x; background-position:bottom; }
.solink7:hover{ background-repeat:repeat-Y; background-position:left; }
.solink8:hover{ background-repeat:repeat-Y; background-position:right; }
.solink9:hover{ background-repeat:repeat-Y; background-position:center; }
.solink15:hover{ background-repeat:repeat-x; background-position:center; }
.solink16:hover{ border-radius:8px; box-shadow: inset 0px 0px 40px #888; }

.sopicl{ display:block; position:relative; float:left; margin:0 10px 10px 0;}
.sopicr{ display:block; position:relative; float:right; margin:0 0 10px 10px;}

.soborder1 { border:none; }
.soborder2 { border:solid 1px; }
.soborder3 { border-right:solid 1px; }
.soborder4 { border-left:solid 1px; }
.soborder5 { border-bottom:solid 1px; }
.soborder6 { border-top:solid 1px; }

.sue1, .sue2, .sue3, .sue4, .sue5, .sue6, .sosttop, .sostreserviert, .sostverkauft, .sostneu{ display:block; position:relative; float:left; overflow:hidden; }
.sue1 { width:207px; height:152px; margin:10px 20px 0 5px; }
.sue1 .supic{ border-radius:10px; border:solid 1px #054777; margin:6px 0 0 0;}
.sue1 .stpic{ display:block; position:absolute; right:0; top:0;}
.sue2 { width:70%; font-size:18px; color:#0280b6; font-weight:bold; margin-top:10px;}
.sue3 { width:70%; font-size:14px; color:#393939; margin:8px 0;}
.sue4 { width:17%; font-size:14px; color:#393939; padding-left:10px; border-left:solid 1px #CCCCCC;}
.sue5 { width:100%; font-size:14px; color:#393939; margin:0 0 8px 0;}
.sue6 { width:100%; font-size:20px; color:#393939;}
.sue7 { display:block; position:absolute; bottom:20px; right:0px; width:75%; color:#666666; }

.stpick{ display:block; position:absolute; border-radius:10px; right:0; top:0;}


/*------------------------------------------Ferienwohnung details-------------------------------------------------------*/


#subnav { display:block; position:relative; max-width:1000px; margin:0 auto;}
#subnav a{ display:block; position:relative; float:left; padding:10px 25px; text-decoration:none; }

#subnavcon { display:block; position:relative; max-width:994px; margin:0 auto; }

#socontent { display:block; position:relative; float:left; width:75%; height:570px; overflow:hidden; }

#soaside { display:block; position:relative; float:left; width:24%; padding-top:2px; }

#wrap{ display:block; position:relative; float:left; width:75%; overflow:hidden; }

.contentbox-wrapper{
  position:relative;
  left:0;
  /* Gesamtbreite aller DIV-Container, hier mindestens die Breite von #wrap x 7, da ich hier 7 DIV-Container verwende */
  width:700%;
  /* Höhe der Box - oder auf 100% stellen, dann wird der höchste DIV-Container die Höhe bestimmen */
  height:100%;
}

.contentbox{
  /* Breite des Inhaltes der Box */
  width:742px;
  height:100%;
  float:left;
}

.pagination { display:block; position:relative; width:98%; margin:1%; font-size:12px; line-height:30px;}
.pagination li{ display:block; position:relative; float:left; margin:0 0 5px 10px; }
.pagination li a{ display:block; position:relative; float:left; padding:0 10px; border:solid 1px #cccccc; text-decoration:none; }
.pagination li a:hover{ background-color:#CCCCCC; }

/*----------------------------------------------------------------futer-----------------------------------------------------------------*/
#footer #nav{ display:block; position:absolute; right:0px; }

#footer #nav ul{ 
list-style: none;
padding: 0;
margin: 0;
list-style-type:none;
}

#footer #nav li {
float: left;
position: relative;
list-style-type:none; float:right; margin-left:5px;

}

#footer #nav li a { line-height:40px; 
display: block; text-decoration:none; font-size:1em; font-weight:600; 
padding: 0 15px; text-align:center; height:40px; 
}

#footer #nav li a:hover {
display: block; text-decoration:none; }

#socopy { display:none; position:relative; float:left; padding:10px;}
#socopy a{ line-height:20px; display: block; text-decoration:none; font-size:10px; color:#000066; padding: 0 15px; text-align:center; height:40px; }

/*-------------------------------------------Header 100%--------------------------------------------------*/

.sobox1 .sotxt1, .sobox1 .sotxt2, .sobox1 .sotxt3, .sobox1 .sotxt4 { display:block; position:relative; float:left; }

.sobox1 .sopictxt { display:block; position:absolute; width:78%; margin-left:10%; text-align:center; padding:1%; bottom:10px; background-color:#FFFFFF; border:solid 1px #84a5b5; color:#00008B; font-family: 'Allura', cursive; font-size:18px; }
.sobox1 .sopic1 { display:block; position:relative; float:left; margin:10px 10px 30px 10px; }
.sobox1 .sotxt1{ margin:0 15px 0 5px; width:72%; height:100px;}
.sobox1 .sotxt2{ margin:15px 15px 15px 5px; border:solid 1px #84a5b5; }
.sobox1 .sotxt3{ margin:15px 15px 15px 5px; font-size:14px; }
.sobox1 .sotxt4{ margin:15px 15px 15px 5px; }

.sobox1 .soimp td{ border:none; }
.sobox1 .soclang { display:none; position:absolute; width:48%; bottom:3px; right:10px; }
.sobox1 .soclang ul{ display:block; position:relative; float:right; width:100%;}
.sobox1 .soclang li{ display:block; position:relative; float:right; margin-left:15px;}

.soicon { display:block; position:relative; float:left; width:100%; line-height:25px; font-size:12px; }
.soicon img{ display:block; position:relative; float:left; height:25px; margin-right:10px; }


/*-------------------------------------------Contact--------------------------------------------------*/

.socontact .sotxt3{ display:block; position:absolute; float:left; bottom:10px; width:100%; }


/*-------------------------------------------Userbild 25%--------------------------------------------------*/

.sobox14 .sopic1{ display:block; position:relative; margin:10px auto; clear:both; padding-top:8px; }
.sobox14 .sopictxt1 { display:block; position:relative; float:right; width:100%; font-weight:bold; padding:3px 0; text-align:center;}
.sobox14 .sopictxt2 { display:block; position:relative; float:right; width:100%; text-align:center;}


/*-------------------------------------------Footernav----------------------------------------------*/

#nav .normal a{ font-size:12px; font-weight:normal; color:#000066; }
#nav .current a{ font-size:12px; font-weight:normal; color:#CCCCCC;}

#main2 ul#lang-switch{ display:block; position:absolute;}
#main2 ul#lang-switch li{ display:block; position:relative; float:left;}