@charset "UTF-8";
/* Layout für Golfklinik-Berlin */ 

html, body {
	background-attachment:fixed;
	background-color:#dfdfdf;
	background-image:url(../template_images/body_hi.png);
	background-position:center center;
	margin:0;
	padding:0;
	text-align:center;
	height: 100% !important;
	font-family: "Trebuchet MS", calibri, Tahoma, Verdana, Arial;
	font-size: 100%;
	color:#666;
	}
 
#pagewidth{
	width:980px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	min-height: 100% !important;
	height:auto !important;
	position:relative !important;
	} 
 
#header{position:relative; background-image: url(../template_images/header.png);background-repeat: no-repeat;height: 150px;width:100%;} 
#logo {float:left;margin-left:25px;margin-top:25px;}
#logo img {border:none;}
#logotext {color: #00275E;font-weight: normal;font-size: 100%;padding-left: 220px;padding-top: 90px;line-height: 20px;}

#obennavigation {
	height:28px;
	padding-top:150px;
	}
#navigationsleiste #loginbox {
	position: absolute;
	top: 155px;
	right: 20px;
		}
#wrapper {padding-bottom:60px;}
#leftcol {
	background-color:transparent;
	float:left;
	padding-left:10px;
	padding-top:10px;
	position:relative;
	width:175px;
}
 
#twocols{
	width:790px;
	float:right;
	position:relative;
	padding: 0px;
  }
 
#rightcol{
	width:175px;
	padding-right:10px;
	padding-top:10px;
	float:right;
	position:relative;
	background-color:transparent;
 }
 
#maincol{
	background-color: transparent;
	float: left;
	display:inline;
	position: relative;
	width:590px;
 }
#rootline {
font-size:75%;
margin-top:5px;
padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}
#rootline a { color: #8DB528; background:transparent; text-decoration:underline; }
#rootline a:visited  { color: #333; }

.content {padding:0 5px 5px;}
 
#footer {
background-color:#DFDFDF;
clear:both;
color:#666666;
height:60px;
margin:-60px auto 0;
padding-top:15px;
position:relative !important;
width:980px;
}
 
#footer p {color:#666;font-size:80%;}
#footer a { color: #666; background:transparent; text-decoration:none;}
#footer a:visited  { color: #999; text-decoration:underline;}
 

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{
	display: block;
	height: 100%;
}
/* End hide from IE-mac */  





  .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position:relative;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #dfdfdf url("../template_images/hlist.png") no-repeat center right;
    /*border-top: 1px #fff solid;*/
    /*border-bottom: 1px #fff solid;*/
    line-height: 0;
    height: 30px;
  }

  .hlist ul {
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
	float: left; /* LTR */
	/* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    margin: 0 0 0 25px; /* LTR */
	padding: 0;
	/*border-left: 1px #fff solid;
		border-right-width: 1px;
	border-right-style: solid;
	border-left-style: none;
	border-right-color: #fff;*/
  }

  .hlist ul li {
    /*border-left: 1px #fff solid;*/
    border-right: 1px #fff solid;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .hlist ul li a, .hlist ul li strong {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:13px;
font-weight:bold;
margin:0;
padding:8px 15px 5px;
text-decoration:none;
width:auto;
}

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { background: #eee; color: #333; text-decoration: none; }

  .hlist ul li.active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #000E51 url("images/shiny_buttons/background_active.png") repeat-x center right;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
  }

  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }





/* Layout für Schriften, Überschriften, usw. Golfklinik-Berlin */ 

h1 {font-size:110%;color:#000E51;padding-bottom:5px;padding-top:5px;}
h2 {font-size:95%;color:#666;padding-bottom:5px;padding-top:5px;}
.bodytext {font-size:80%;padding-bottom:5px;line-height:1.3em;color:#666;}
b {font-weight:bold;}
fieldset, label, legend, form {
border:medium none;
font-size:90%;
margin:0;
padding:0;
}
.csc-frame-rulerAfter {background:transparent;margin-bottom: 5px; border-bottom: 1px solid #cccccc;}
.csc-frame-rulerBefore {background:transparent;margin-bottom: 5px; margin-top: 5px;border-top: 1px solid #cccccc;}
p {
font-size:80%;
line-height:1.5em;
}

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #8DB528; background:transparent; text-decoration:none; }
  a:visited  { color: #333; }

  a:focus,
  a:hover,
  a:active { color:#8DB528; text-decoration:underline; }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }


/* ### Lists | Listen  #### */

  #maincol ul, ol, dl { line-height: 1.5em; margin: 0 0 0 3px }
  #maincol li {color:#666666;font-size:80%;line-height:1.5em;margin-left:1.5em;}

  #maincol dt {
font-size:80%;
font-weight:bold;
}
#maincol dd {
line-height:12px;
margin:0 0 0.5em;
}
#maincol dd a {
font-size:80%;
}


  /* ### text formatting | Textauszeichnung ### */

  #maincol cite, blockquote { font-style:italic }
  #maincol blockquote { margin: 0 0 1em 1.5em }

  #maincol strong,b { font-weight: bold }
  #maincol em,i { font-style:italic }

  #maincol pre, code { font-family: monospace; font-size: 1.1em; }

  #maincol acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }




  #kontaktformular {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #ccc;
  }
  #kontaktformular #powermaildiv_uid1,
  #kontaktformular #powermaildiv_uid2,
  #kontaktformular #powermaildiv_uid3,
  #kontaktformular #powermaildiv_uid4,
  #kontaktformular #powermaildiv_uid5,
  #kontaktformular #powermaildiv_uid6,
  #kontaktformular #powermaildiv_uid7,
  #kontaktformular #powermaildiv_uid11 {
    margin: 0 0 10px 0;
  }
  #kontaktformular #powermaildiv_uid1 #uid1, #kontaktformular #powermaildiv_uid7 #uid7 {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#666666;
padding:2px;
width:auto;
}
  #kontaktformular #powermaildiv_uid2 #uid2, #kontaktformular #powermaildiv_uid3 #uid3, #kontaktformular #powermaildiv_uid4 #uid4, #kontaktformular #powermaildiv_uid5 #uid5, #kontaktformular #powermaildiv_uid6 #uid6, #kontaktformular #powermaildiv_uid11 #uid11, #tx-indexedsearch-searchbox-sword {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#666666;
padding:2px;
width:350px;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap {
border:1px solid #CCCCCC;
float:left;
padding:3px;
}



.sb_download_flex {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
float:left;
height:auto;
margin:0 3px 5px 0;
padding:5px;
width:100%;
}
.sb_download_flex .title, .sb_download_single .title {
color:#000E51;
font-weight:bold;
margin:0;
padding:0;
}
.sb_download_flex .links, .sb_download_single .links {
margin:0;
padding:0;
font-size:80%;
}

.sb_download_flex .category{
float:right;
font-size:11px;
font-weight:normal;
margin:0 0 15px;
display:none;
}
.sb_download_single .category {
float:right;
font-size:11px;
font-weight:normal;
margin:0 0 15px;
}

.sb_download_text {
float:right;
text-align:left;
width:80%;
}


.sb_download_text .description {
font-size:80%;
font-weight:normal;
}

.sb_download_text hr {
display:none;
}
.sb_download_flex a {
color:#666666;
font-size:100%;
margin:0;
padding:0;
text-decoration:none;
}
.sb_download_flex a img {
border:none;
-webkit-box-shadow: 3px 6px 15px #dedede;
        -moz-box-shadow: 3px 6px 15px #dedede;
        box-shadow: 3px 6px 15px #dedede;
}

.sb_download_image {
border:1px solid #dedede;
float:left;
margin:5px;
text-align:left;
}

.sb_download_image a img {
-webkit-box-shadow: 3px 6px 15px #dedede;
        -moz-box-shadow: 3px 6px 15px #dedede;
        box-shadow: 3px 6px 15px #dedede;
        border:none;}


.sb_download_flex .clicks, .sb_download_single .clicks {
float:right;
font-size:11px;
}

.sb_download_single .sb_download_text {
width:80%;
}
.sb_download_single .sb_download_text a {
font-size:80%;
}

.sb_download_single .links { border:none;}
.sb_download_single .links a img { border:none; font-size:100%;}
.sb_download_single .links a  { font-size:100%;}




 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:0;font-size:50%;}