/*==================== CSS für www.ch-rettenmeier.de ==========================*/


/*==================== html tags ==========================*/
*{
margin: 0px;
padding: 0px;
}

html, body, #site{
height: 100%;  /*for IE */
height: auto !important; /*for modern Browser*/
min-height: 100%;
}

body{
min-width: 874px;
background-color: #B4D800;
/*background-image: url(../img/hg_screen.gif);
background-repeat: repeat-x;*/

}


body, table{
color:#2B0B00;
text-align: left; }

a:link, a:visited {color: #000000; text-decoration: underline}
a:hover, a:active {color: #666666;  text-decoration: none}

img, a img{
border: 0px;
}

body
{
font-family:  Verdana, Arial, Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size:12px;
line-height: 20px;
}

h1, h2, h3, h4, h5, h6{
color:#fff;
}

h1{
	font-size: 20px;
	font-weight: bold;
	color:#B3007C;

}



h2{
color: #fff;
display: block;
padding: 0px 0px 2px 0px;
border-bottom: 2px solid #b3007c;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 24px;
}
#contentbereich_index h2 {
border-bottom: 0px solid #b3007c;
}

h3{
display: block;
height:20px;
vertical-align: middle;
background-color: #EC870E;
	font-size: 14px;
	line-height: 20px;
	padding: 3px;
	margin-bottom: 14px;
}

h4{

	font-size: 12px;
	line-height: 14px;

	margin-bottom: 14px;
}

p{
margin-bottom: 16px;}

#contentbereich ul {
margin: 5px 0px 10px 0px;
padding-left: 20px;
}


/*==================== IDs ==========================*/







#site, #header, #menue, #menue2,#content{
width: 999px;
}



#site{
/*background-image: url(../img/hg_site.gif);
background-repeat: repeat-y;
background-position: center;*/
background-color:#B4D800;
margin: auto;

}
#contentbereich_index{
width:666px;
float:left;
}

#contentbereich{
width:606px;
padding: 40px 40px 20px 20px;
float:left;
}

#rechteSpalte{
float:right;
width:333px;
}

#ABC{
background-image:url(../img/hg_tipps.jpg);
background-repeat:repeat-y;
margin:10px 0px 0px 0px;

}
#ABC h2{
font-size: 14px;
font-weight: bold;
color:#FF6600;
margin: -3px 15px 0px 15px;
}

#ABC p{
padding:15px;
font-size:90%;
}
/* ------------------ CSS für Boxen auf der Startseite -------------------------------------------*/
#box_trekking, #box_schreiben, #box_reden, #box_reisen, #box_kochen{
background-repeat:no-repeat;
font-size: 14px;
font-weight:bold;
}
#box_trekking h2, #box_schreiben h2, #box_reden h2, #box_reisen h2, #box_kochen h2{
margin-bottom: 10px;
}
/*--------------- CSS für Links auf der Startseite --------------------------- */
#contentbereich_index a{
text-decoration: none;
}
#box_reisen a, #box_reden a, #box_schreiben a{
color: #0061CB;
}
#box_trekking a{
color: #EC870E;
}
#box_kochen a{
color: #D90F00;
}


#box_reisen{
background-color: #54B0E4;
color:#0061CB;
width:400px;
height:227px;
background-image:  url(../img/hg_box_reisen.jpg);
/*padding: 27px 0px 0px 40px;*/
}
#box_reisen div{
padding: 27px 0px 0px 40px;
}

#box_trekking{
color:#6BB100;
color:#EC870E;
height:316px;
background-image:  url(../img/hg_box_trekking.jpg);
padding:0px;
}
#box_trekking div{
padding: 27px 0px 0px 40px;
}

#box_schreiben{
background-color: #459298;
color:#0061CB;
width:202px;
height:405px;
float:right;
background-image:  url(../img/hg_box_schreiben.jpg);
}
#box_schreiben div{
padding: 18px 0px 0px 25px;
}

#box_reden{
padding:280px 0px 0px 20px;
background-color: #B3007C;
color:#690000;
clear:both;
width:202px;
height:125px;
float:left;
background-image:  url(../img/hg_box_reden.jpg);
}

#box_kochen{
background-color: #EC870E;
color:#D90F00;
background-image:  url(../img/hg_box_kochen.jpg);
height:316px;
border: 1px solid #B4D800;
}

#box_kochen div{
padding: 150px 0px 0px 40px;
}
/* ------------------ Ende CSS für Boxen auf der Startseite -------------------------------------------*/

#header{
background-color: #fff;
height: 160px;
}
#box_adresse{
color:#fff;
font-weight:bold;
height:100px;
padding:8px;
background-image:  url(../img/hg_box_adresse.gif);
background-repeat: no-repeat;
}

#menue, #menue2{
font-size: 1em;
line-height:1.5em;
height: 1.5em;
font-weight: bold;
border-top: 1px solid #fff;
}
#menue2{
border-bottom: 1px solid #fff;
background-color: #EC870E;
}
#menue ul li, #menue2 ul li{
height: 1.5em;
border-left: 1px solid #ffffff;
float: left;
list-style: none;
}

#menue ul li a, #menue2 ul li a{
display: block;
text-decoration: none;
color: #fff;
text-align: center;
vertical-align: middle;
padding: 0px 12px 0px 12px;


}

#menue,#menue a:link, #menue a:visited{
background-color: #A90000;/*rot*/
background-color: #B3007C; /*lila*/
}

#menue a:hover, #menue a:active{
background-color: #E88E46;
}


#submenue{
margin: 50px 0px 0px 0px;
padding: 0px;
list-style: none;
text-align: left;
}

#submenue a{
height: 1.2em;
display: block;
text-decoration: none;
padding: 0px 0px 0px 25px;
color: #BC043C;
border-top: 1px solid #fff;
}

#submenue a:hover, #submenue a:active{
background-color: #E88E46;
}

#submenue ul li{
display: block;
height: 1.2em;
border-top: 1px solid #fff;
}


#content{
text-align: left;
margin: 0px 0px 0px 210px;
padding: 5em;
}
#content div{
overflow: hidden;
}
#content ul{
font-size: 1em;
font-family: Arial, Tahoma, Verdana, sans-serif;
width:350px;
margin-left: 0em;
margin-bottom: 0em;
list-style: outside url(inc/img/list.gif);
}
#content_s0{
float:left;
width:666px;
background-color:#54B0E4;
}
#content_s1{
float:left;
width:404px;
background-color:#54B0E4;
}
#content_s2{
background-color:#B4D800;
float:right;
width:215px;
padding: 20px 7px 10px 0px;
}
#footer{
width: 1000px;
height: 40px;
clear:both;
font-size: 90%;
text-align: center;
vertical-align:middle;
line-height: 40px;
background-image:  url(../img/hg_footer.gif);
background-repeat: no-repeat;
color:#fff;
}
#zitat{
color: #fff;
background-color:#457693;
font-family: Verdana;
font-size: 18px;
font-weight: bold;
font-style: italic;
line-height: 24px;
}
/*==================== rechte Spalte Bilder ==========================*/

.rotateb1{
-moz-transform:rotate(5deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(5deg); /* Safari */
-o-transform:rotate(5deg); /* Opera */
-ms-transform:rotate(5deg); /* IE9 */
transform:rotate(5deg); /* W3C */
}

.rotateb2{
-moz-transform:rotate(-8deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-8deg); /* Safari */
-o-transform:rotate(-8deg); /* Opera */
-ms-transform:rotate(-8deg); /* IE9 */
transform:rotate(-8deg); /* W3C */
}

.rotateb3{
-moz-transform:rotate(4deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(4deg); /* Safari */
-o-transform:rotate(4deg); /* Opera */
-ms-transform:rotate(4deg); /* IE9 */
transform:rotate(4deg); /* W3C */
}

.rotateb4{
-moz-transform:rotate(-6deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-6deg); /* Safari */
-o-transform:rotate(-6deg); /* Opera */
-ms-transform:rotate(-6deg); /* IE9 */
transform:rotate(-6deg); /* W3C */
}

.rotateb5{
-moz-transform:rotate(3deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(3deg); /* Safari */
-o-transform:rotate(3deg); /* Opera */
-ms-transform:rotate(3deg); /* IE9 */
transform:rotate(3deg); /* W3C */
}

.border_blue{
border: 2px solid #b1cfe9;
}
.first{
margin-top:30px;
}

.last{
margin-bottom:30px;
}

/*==================== Klassen ==========================*/
.box{
background-color: #EC870E;
padding: 20px;
margin-bottom:20px;
}

.fett{
font-weight: bold;
}
.float_re{
float: right;
}
.hg_lila{
background-color: #B3007C;
}
.hg_orange{
background-color: #EC870E;
}
.lila{
color:#B3007C;
}
.hellblau{
color:#54b0e4;
}
.orange{
color: #EC870E;
}
.rand_gruen_20px{
border: 20px solid #B4D800;
}
.small{
	font-size: 0.9em;
	line-height: 1.1em;
}
.text{
color: #fff;
font-weight: bold;
padding: 12px;
}
.toolbars{
border:1px solid #fff;
}
.zitat{
font-style:italic;
font-size:14px;
}

table.365-table {
font-size: 12px;
  border: 1px solid #CCC;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#fff;
}

table.365-table td {
  padding: 4px;
  margin: 3px;
  border: 1px solid #CCC;
}

table.365-table th {
  background-color: #104E8B;
  color: #FFF;
  font-weight: bold;
}

table.365-table a {
  display:block;
  color: #000;
  text-decoration: none;
}

table.365-table a:hover{
background-color: 3#ec870e;
color: #fff;
}