 /* copyright: CompuSense Communication; +49 2102 309 78 50 / Rodeck@CompuSense.de */
 
@import url("background.css");
@import url("navi.css");

html { height: 100%; margin-bottom: 1px; }
body {color: #424242; background-color: #f6f2e7; font-family:Verdana, Geneva, sans-serif; font-size:13px; margin: 0; }
#wrapper{margin: 0 auto 0; width: 980px; }
#Logo { margin: 10px 0 0 301px; position: relative;  top: -60px;}
#header {background-image: url(../z_images/Header1.jpg); background-repeat: no-repeat; margin:70px 0 0 0; padding:0}
#container {background-image: url(../z_images/Center.jpg); background-repeat: repeat-y;}

.ce_text block {margin:0; padding:0}



  
/* Allgemeines HTML*/
a:link, a:visited, a:hover	{color: #81293F ;text-decoration: underline}
p {  }

td{ border: 0px; vertical-align:top}
H1  { color: #81293F; font:  bold 11pt Verdana; text-align: left; padding-bottom : 0px; margin-top:0}
H1 a:link, H1 a:visited {color: #81293F; font: bold 11pt Verdana; text-align: left; padding-bottom : 2px; }
#karte H1  { color: #81293F; font:  bold 11pt Verdana; text-align: center; padding-bottom : 0px; }

H2  { color: #81293F; font:  bold 11pt Verdana; text-align: left; padding-bottom : 0px; }
H2 a:link, H2 a:visited {color: #81293F; font:bold 11pt Verdana; text-align: left; padding-bottom : 2px; }
ul{  margin: 0 0 0 15px; padding: 0 }
ul li { color: #424242; font: 10pt Verdana ; padding-bottom: 5px;  }
ol{ margin: 0 0 0 26px; padding: 0 }
ol li { color: #424242; font: 10pt Verdana ; }



/* right */
div#right  {background-image: url(../z_images/Blende.jpg); background-repeat: no-repeat;background-position: 0 -20px }
div#right .inside { margin: 20px 0 0 0 }
div#right .inside div div div, div#right .inside div div.layout_short { padding:0 10px 0 10px}
div#right .inside div div,#right .ce_text  { color: #81293F;font-size:11px; padding:0 0 15px 0}

#right H1{ color: #fff;  background-color:#81293F; padding:1px 10px 1px 10px;}
#right H1, #right H2 {font:  10pt Verdana;  text-align: left; margin: 0 0 5px 0;}
#right H1 a, div#right H1 a:visited, #right H2 a, div#right H2 a:visited 
{ color: #81293f; font: 10pt Verdana; text-align: left;  padding: 0; background-color:transparent}
#right .inside .caption { padding:0; font-style:italic; font-size:10px}
#right p, #right .ce_download  	{ margin: 0 10px 0 10px; padding: 0 0 10px 0}

#right .inside .teaser, #right .inside .teaser p	{ font: normal 8pt Verdana ; padding: 0 ; margin: 0 }	
#right .inside .info	{  font-style:italic; font-size:8px ;padding: 0 ; margin: 0 }
#right .inside .empty {  font-style:italic; font-size:8px ;}
#right .inside .more, div#right .inside .more a, div#right .inside .more a:visited	
{ font-style:italic; font-size:8px ;padding: 0 ; margin: 0; text-align: right; text-decoration: none}
#right .inside .more a:hover, #right H1 a:hover, #right H2 a:hover {color:#217709}

/* left */
div#left  { margin:20px 0 0 0 }
div#left .ce_image {padding: 10px 20px 10px 20px}

div#left .inside div div div, div#left .inside div div.layout_short { padding:0 10px 0 10px}
div#left .inside div div,#left .ce_text  { color: #81293F;font-size:11px; padding:0 0 15px 0}

#left H1{ color: #fff;  background-color:#81293F; padding:1px 10px 1px 10px;}
#left H1, #left H2 {font:  10pt Verdana;  text-align: left; margin: 0 0 5px 0;}
#left H1 a, div#left H1 a:visited, #left H2 a, div#left H2 a:visited 
{ color: #81293f; font: 10pt Verdana; text-align: left;  padding: 0; background-color:transparent}
#left .inside .caption { padding:0; font-style:italic; font-size:10px}
#left p 	{ margin: 0 10px 0 10px; padding: 0 0 10px 0}

#left .inside .teaser, #right .inside .teaser p	{ font: normal 8pt Verdana ; padding: 0 ; margin: 0 }	
#left .inside .info	{  font-style:italic; font-size:8px ;padding: 0 ; margin: 0 }
#left .inside .empty {  font-style:italic; font-size:8px ;}
#left .inside .more, div#left .inside .more a, div#left .inside .more a:visited	
{ font-style:italic; font-size:8px ;padding: 0 ; margin: 0; text-align: right; text-decoration: none}
#left .inside .more a:hover, #left H1 a:hover, #left H2 a:hover {color:#217709}

.home div#left  {  border-top: 20px solid #FFFFFF; margin:0; width:201px}
.home div#left .ce_image {padding: 0}
.home div#left img {padding:0 0 0 10px}
.home #container {background-image: url(../z_images/CenterHome.jpg); background-repeat: repeat-y;}
.home div#main .inside {margin: 0 54px;}

/* Main */
div#main {padding-top:10px}
div#main div {padding-bottom: 40px}
div#main .inside {padding: 10px 0 0 0; margin: 0 24px 0 24px}
div#main .DateAndTime {color: #424242 ;font: italic 8pt Verdana; }
div#main #karte  .info {color: #424242 ;font: italic 8pt Verdana; text-align:center }
div#main .Author {padding-top: 10px; padding-left: 100px; font: 10pt Verdana; color: #424242;}
div#main div.layout_simple {padding-bottom: 5px}
div#main h3  { color: #424242; font: bold 10pt Verdana; text-align: left; padding-top: 10px; padding-bottom: 0px; vertical-align: top ;margin: 0px }
div#main h3 a:Link, div#main h3 a:Visited, div#main h3 a:hover {color: #424242; font: bold 10pt Verdana;}
div#main h4  { color: #424242; font: bold 10pt Verdana; text-align: left; padding-top: 10px; padding-bottom: 0px; vertical-align: top ;margin: 0px }
div#main h4 a:Link, div#main h4 a:Visited, div#main h4 a:hover {color: #424242; font: bold 10pt Verdana;}


.imageright{padding: 0; margin: 0;float: left;text-align: right} /* Nur Vorgabetabellen!*/
.imageleft{padding: 0; margin: 0 30px 0 40px;float: left;text-align: left} /* Nur Vorgabetabellen!*/
.LineOdd {background-color:#FFFAF0;}/* Nur Greenfee!*/
.ContentOdd {background-color:#FFFAF0;}
.ContentEven {background-color:#fff;}
.col_0 {padding:0 20px 10px 0}
.col_2 {text-align:right; width:40px;}

.invisible { width:0px;  height:0px;  left:-1000px;  top:-1000px;  position:absolute;  overflow:hidden;  display:inline; }

div#main div .pdf_link {position: absolute; text-align: right;width: 510px; padding:0}
div#main div .zweiSpalten .pdf_link {width: 720px;}

/*Speisekarte*/
body#Restaurant td {padding-bottom:13px;}
body#Restaurant .eingekochtes  td {padding-bottom:5px;}
body#Restaurant .col_0 { width:500px;}

/*event*/
.event h1 { font-size: 10pt; margin:5px 0 0 0 }
.event p {margin:5px 0 5px 0}
.event .info {margin:20px 0 5px 0; font-weight:bold}
.event .time {padding: 0 0 0 20px}
 div#main div div.event,  div#main div div.ce_text{padding-bottom:0}

/*Akkordeon*/
.toggler {color: #81293F;cursor: pointer;font: bold 1em/1em "Trebuchet MS";padding: 8px 0 3px;text-decoration: underline; }
div#main div .ce_accordion, div#main div .toggler {padding-bottom: 10px}


#Golfschule3 #left {float: left}


                                      


