/**************************************************/
/*      Style Datei f�r Compoint plus             */
/*             www.compointplus.de                */
/*    copyright: Dripstyle - Eileen Assel         */
/*            www.dripstyle.de                    */
/*             24. August 2010                     */
/**************************************************/

/* Globale Einstellungen */
body {
  color            : #333333;
  background-color : #fff;
  font: normal 14px/18px verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
}

#top {
  height: 130px;
  width: 980px;
}

#logo {
  float: left;
  width: 470px;
  padding-top: 20px;
  padding-left: 30px;
}

#tele {
  float: left;
  width: 460px;
  padding-top: 20px;
}

#banner {
    background: url(../images/bg_banner.jpg) repeat-x top left;
 /* background: #ee7f01; */
  height: 230px;
  width: 100%;
}
.banner {
  width: 960px;
  padding-left: 30px;
}


.inhalt {padding:30px;}

/* Tabs */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 40px; /*--Set height of tabs--*/
	/*border-bottom: 1px solid #ee7f01;
	border-left: 1px solid #ee7f01; */
	width: 100%;
	/*background: #ee7f01;*/
	/*background: #f3a64e;*/
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 40px; /*--Subtract 1px from the height of the unordered list--*/
	width: 190px;
	line-height: 40px; /*--Vertically aligns the text within the tab--*/
	/*border: 1px solid #ee7f01;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #f3a64e;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0px 21px;
	/*border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ee7f01;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #ee7f01;
	/*border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_content {
  font: normal 14px/18px tahoma, arial;
  color: #fff;
}
.ende {
  width: 70px;
}
.ende li a:hover {
  background: #f3a64e;
}

.table_ausrichtung {
  font: normal 14px tahoma, arial;
  color: #fff;
}

#service1 {
  float: left;
  padding-right: 20px;
  width: 342px;
}

#service2 {
  float: left;
  padding-right: 40px;
  width: 289px;
}

#service3 {
  float: left;
}

#footer {
 /* background: url(../images/bg.jpg) top left no-repeat; */
  height: 405px;
  width: 895px;
}

#service1 ul, #service2 ul, #service3 ul {
  padding: 0px;
  margin: 15px 0px 10px 20px;
}

#service1 li, #service2 li, #service3 li {
  margin-bottom: 5px;
}

.service_head {
  font: bold 16px tahoma,arial;
}

#service1 a, #service1 a:link, #service1 a:visited,
#service1 a, #service2 a:link, #service2 a:visited,
#service1 a, #service3 a:link, #service3 a:visited,
#kontakt2 a, #kontakt2 a:link, #kontakt2 a:visited,
#kontakt1 a, #kontakt1 a:link, #kontakt1 a:visited
#kontakt3 a, #kontakt3 a:link, #kontakt3 a:visited {
  text-decoration: underline;
  color: #FFF;
}

#service1 a:hover, #service2 a:hover, #service3 a:hover, #kontakt2 a:hover, #kontakt1 a:hover, #kontakt3 a:hover  {
  text-decoration: none;
  color: #000;
}

.logos_spon1 {
  padding-top: 37px;
  padding-left: 10px;
}

.logos_spon2 {
  padding-top: 77px;
  padding-left: 30px;
}

.logos_spon3 {
  padding-top: 77px;
  padding-left: 0px;
}

#angebot1 {
  float: left;
}

#angebot1_1 {
  float: left;
  width: 670px;
}

#angebot2 {
  float: left;
  background: url(../images/preis.png) no-repeat 240px 115px;
  width: 490px;
}



#angebot3 {
  width: 160px;
  float: left;
}

.button {
  padding-top: 140px;
}
.button_i {
  background: url(../images/button_angebote.png) no-repeat;
  width: 151px;
  height: 27px;
  display: block;
  padding-left: 32px;
  padding-top: 5px;
}

.button a, .button a:link, .button a:visited {
  font: normal 14px tahoma, arial;
  color: #fff;
  text-decoration: none;
}

.button a:hover {
  color: #000;
  text-decoration: none;
}

#kontakt0 {
  float: left;
  width: 20px;
}

#kontakt1 {
  float: left;
  padding-right: 150px;
}

#kontakt2 {
  float: left;
  width: 220px;
  padding-right: 40px;
}

#kontakt3 {
  float: left;
  width: 280px;
}

#impressum {
  padding: 10px;
}

.head {
  font: bold 14px arial;
  color: #ee7f01;
}

#impressum a, #impressum a:link, #impressum a:visited {
  text-decoration: underline;
  color: #000;
}

#impressum a:hover {
  text-decoration: none;
  color: #ee7f01;
}

.service_head a, .service_head a:link, .service_head a:visited {
  text-decoration: underline;
  color: #fff;
}

.service_head a:hover {
  text-decoration: none;
  color: #fff;
}


#gewinner {padding: 20px 0px 20px 100px;}
.rahmen { font: normal 16px tahoma, arial; color: #ef7f01; padding: 10px; border: solid 2px;color: #ef7f01; width: 800px;}

.inhalt {width: 1000px;}
.widget {float: left; width: 45%;}
.right {padding-left: 2%}
.left {padding-right: 2%}
.clear {clear: both;}
h2 {color: #ef7f01;
padding-bottom: 0px;
font-size: 18px;
text-transform: uppercase; font-weight: normal;}

.inhalt ul {list-style: disc; padding: 0 15px;}
.inhalt ul li {margin: 10px;}

.fern {
	background-color:#ffffff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ef8001;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
}
.fern:hover {
	background-color:#ebeae8;
}
.fern:active {
	position:relative;
	top:1px;
}