/* @group Global */

body {
text-align : center;
background-color : #f0f0f0;
margin : 0;
padding : 0;
color : #505050;
padding : 0%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : 100;
font-style : normal;
line-height : 14px;
background-image : url(pictures/bg_streifen3.gif);
background-repeat : repeat-x;
background-position : 0 -70px;
}

img {
border:0px;
}

a {
color : #505050;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-decoration:none;
}

a:hover {
color : #515151;
}

td {
vertical-align : top;
padding-top : 2px;
}

p {
text-align:justify;
}

h2 {
font-size:13px;
font-weight:bold;

}

/* @group Listen */

ul {
list-style-image:url(./pictures/galerie_punkt.gif)
}

li {
height:20px;
margin-left:30px;
}



/* @end */



/* @end */

/* @group Big IDs */

#head {
height : 120px;
border : 1px solid #ffffff;
background-image : url(pictures/bg1.jpg);
background-repeat : repeat-x;
}

#content {
height : 444px;
border : 1px solid #ffffff;
margin : 25px;
margin-left : 30px;
margin-bottom:0px;
margin-top:10px;
}

#oben {
margin : 0;
width : 100%;
background-image : url(pictures/oben2.gif);
background-repeat : no-repeat;
background-position : center bottom;
height : 20px;
background-color : #f0f0f0;
}

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

/* @group Container */

#container {
margin : 0 auto;
padding : 0;
text-align : center;
width : 670px;
}
#container2 {
position : relative;
text-align : left;
padding : 0;
background-color : #ffffff;
width : 650px;
margin : 0 auto;
float : left;
}



/* @end */



/* @end */

/* @group Generell Classes  */

.left {
float:right;
margin-left:15px;
margin-bottom:10px;
}

.big {
font-size:60px;
}

.bold {
	text-transform:uppercase;
	font-weight: bold;
}


/* @end */

/* @group Navi */

.navi {
width : 648px;
margin : 0;
padding : 0;
height : 39px;
background-color : #7d7d7d;
border-right : 1px solid #ffffff;
border-left : 1px solid #ffffff;
}
#navibot {
border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;
width : 648px;
height : 5px;
background-color : #9f9f9f;
}

.navi a {
font-family : Verdana, Arial, Helvetica, sans-serif;
cursor : pointer;
display : block;
width : 100px;
text-decoration : none;
font-weight : 400;
height : 25px;
color : #ffffff;
font-size : 9px;
float : left;
text-align : center;
padding-top : 14px;
letter-spacing : 0.1em;
}
.navi span {
font-family : Verdana, Arial, Helvetica, sans-serif;
display : block;
width : 100px;
text-decoration : none;
font-weight : 400;
height : 25px;
color : #ffffff;
font-size: 9px;
float : left;
text-align : center;
background-image : url(pictures/navibg1.jpg);
background-color : #9f9f9f;
padding-top : 14px;
letter-spacing : 0.1em;
}
.navi a:hover {
background-color : #8b8b8b;
color:#ffffff;
text-decoration:none;
border:0px;
}

#philosophie {
margin-left : 14px;
}

#leistung_uber p {
margin-top:10px;
font: italic 20px Georgia, "Times New Roman", Times, serif;
line-height:1.3em;
font-weight: lighter;
}

/* @end */

/* @group IDs */

#line {
width : 590px;
background-color : #e4e4e4;
height : 1px;
margin-top : 10px;
}

#logo {
margin-top : 20px;
margin-left : 35px;
}

#headhome {
	height: 50px;
	width: 155px;
	position: absolute;
	left: 28px;
	top: 22px;
}

/* @end */

/* @group Classes */

.overview {
margin-left : 10px;
}
.tablelinks {
padding-top : 5px;
}
.button {
width : 70px;
}
.links {
width : 290px;
float : left;
margin-right : 20px;
}

.preloader1 { background: url(pictures/bg1.jpg);}
.preloader2 { background: url(pictures/bg2.jpg);}
.preloader3 { background: url(pictures/bg3.jpg);}


/* @end */

/* @group Preise */

#preislinks {
width : 320px;
float : left;
margin-right : 30px;
}
#preislinks p {
text-align : justify;
}
.preisleistungen{
	margin-top: 0px;
margin-left:10px;
border: 1px solid #e4e4e4;
padding: 8px;
padding-bottom:0px;
background-color:#F0F0F0;
}

.schiebuber span {
	
	margin-left: 10px;
	padding: 3px;
	margin-bottom: -5px;
	padding-bottom: 0px;
font: italic bold 12px Georgia, "Times New Roman", Times, serif;
color: #850c99;
	border-top: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	cursor:pointer;
}

.schiebuber span:hover {
color: #505050;
}

/* @end */

/* @group Kontakt */

input, textarea {
width : 240px;
border : 1px solid #bfbfbf;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : 400;
background-color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : 100;
font-style : normal;
line-height : 14px;
color : #505050;
padding:2px;
}
textarea {
height : 180px;
}
input:hover, textarea:hover {
border : 1px solid #9f9f9f;
}
#formular {
float : left;
width : 360px;
height : 300px;
}
.fehlt {
	background-color: #dfdfdf;
}

/* @end */

/* @group Switcher */

#switcher a {
font-size : 70px;
color : #ffffff;
color : #bfbfbf;
text-decoration : none;
font-family : Times New Roman, serif;
}
#switcher a:hover {
color : #bfbfbf;
color : #ffffff;
}
#switcher span {
font-size : 70px;
color : #bfbfbf;
color : #ffffff;
text-decoration : none;
font-family : Times New Roman, serif;
}
#switcher div {
height : 13px;
width : 13px;
overflow : hidden;
float : left;
}
#switcher {
margin-top : 76px;
margin-left : 142px;
}



/* @end */

/* @group Referenzen */

/* @group Galerie */

.galeriepunkt {
background-image : url(pictures/galerie_punkt.gif);
background-repeat : no-repeat;
background-position : -1px 0;
}
.galeriepunkt:hover {
background-image : url(pictures/galerie_punkt_2.gif);
}
.galeriepunkt a {

background-image : url(pictures/galerie_punkt.gif);
background-repeat : no-repeat;
background-position : -1px 0;
}
.galeriepunkt a:hover {
background-image : url(pictures/galerie_punkt_2.gif);
}

.spacer {
width:10px;
}

/* @end */

.ref_galerie {
float : left;
height:300px;
width:250px;
margin-right:40px;
}
.ref_galerie div {
float : left;
margin-right : 5px;
height : 10px;
}
.ref_galerie a {
font-size : 50px;
color : #bfbfbf;
font-family : Times New Roman, serif;
}
.ref_galerie a:hover {
color : #8d8d8d;
margin-right:0px;
cursor:pointer;
}
.ref_galerie img {
border : 1px solid #afafaf;
margin-right : 0px;
width : 250px;
height : 200px;
}
.ref_text {
text-align : justify;
height:120px;
}

.ref_overview {
height:120px;
} 

#ref_euronen {
font-weight:bold;
font-size:11px;
}

.ref_punkt a {
background-image : url(pictures/ref_punkt.gif);
background-repeat : no-repeat;
background-position : center bottom;
height : 15px;
width : 15px;
margin-right : 20px;
float:left;
overflow : hidden;
}
.ref_punkt a:hover {
background-image : url(pictures/ref_punkt_2.gif);
}

.ref_punkt {
text-align:center;
margin-left:200px;
width:300px;
margin-bottom:35px;
}

.ref_punkt a {
font-size : 70px;
color : #bfbfbf;
text-decoration : none;
font-family : Times New Roman, serif;
}
.ref_punkt a:hover {
color : #8d8d8d;
}
.ref_punkt span {
background-image : url(pictures/ref_punkt_3.gif);
background-repeat : no-repeat;
background-position : center bottom;
color : #8d8d8d;
text-decoration : none;
font-family : Times New Roman, serif;
height : 15px;
width : 15px;
margin-right : 20px;
float : left;
overflow : hidden;
}
#ref_zahlen div {
height : 10px;
width : 15px;
margin-right : 20px;
float : left;
}
#ref_zahlen {
margin-left : 10px;
font-size : 10px;
margin-bottom : 2px;
margin-left:220px;
}

.refoverlinks {
width : 15px;
vertical-align : top;
}
.refoverrechts {
width :200px;
vertical-align : top;
}



/* @end */

/* @group Schatten */

#schatten_links {
background-image : url(pictures/schattenlinks.gif);
background-repeat : repeat-y;
width : 10px;
float : left;
height : 622px;
}
#schatten_rechts {
background-image : url(pictures/schattenrechts.gif);
background-repeat : repeat-y;
width : 10px;
height : 622px;
float : right;
}

#schatten_unten {
background-image : url(pictures/bottom.gif);
background-repeat : no-repeat;
background-position : -1px 0;
width : 670px;
float : left;
height : 20px;
margin-bottom : 15px;
}



/* @end */

/* @group Überschriften */

h3 {
font-weight:bold;
font-size:11px;

}

h1 {
margin-top:10px;
margin-bottom: 30px;
font: italic 20px Georgia, "Times New Roman", Times, serif;
line-height:1.3em;
font-weight: lighter;
}

h3 a {
	margin-left: 10px;
	padding: 3px;
	margin-bottom: 0px;
	padding-bottom: 0px;
font: bold 12px Georgia, "Times New Roman", Times, serif;
color: #1c5c0e;
	border-top: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
}



/* @end */

/* @group Leistung */

#leistung_punkte {
height:300px;
text-align:justify;
}

#leistung_punkte p {
margin-top: 0px;
margin-left:10px;
border: 1px solid #e4e4e4;
padding: 5px;
padding-bottom:0px;
background-color:#F0F0F0;
overflow: hidden;
height:0px;
}

#l_naechste {
float:right;
}

#leistung_navi {
 margin-bottom:0px;
}

#vorbereitungstreffen {
	margin-top: 5px;
}



/* @end */

/* @group Impressum */

#impressum a {
font-size:9px;
color:#999999;
}

#impressum a:hover {
font-size:9px;
color:#7d7d7d;
}

/* @end */

/* @group Home */

#line2 {
width : 443px;
background-color : #e4e4e4;
height : 1px;
margin-top : 10px;
margin-left:75px;
overflow:hidden;


}


.home_satz {
height:190px;
margin-top:50px;
font: italic 30px Georgia, "Times New Roman", Times, serif;
line-height:1.3em;
font-weight: lighter;
}


/* @end */

/* @group Das Team */

#dirk li {
	margin-left:0px;
}

#kalle li {
	margin-left:0px;
}

#dirk {
	width: 290px;
	height: 250px;
	float: right;
	margin-bottom: 50px;
}

#kalle {
	width: 280px;
	border-right: 1px solid #e4e4e4;
	height: 250px;
}

.namen {
	margin-left: 20px;
	font-size: 14px;
	margin-bottom: 30px;
}

.ueberuns {
	margin-right: 25px;
	margin-bottom: 20px;
}


/* @end */
