@charset "utf-8";
/* CSS Document */


* html #main { margin-left:-40px; width:1035px; }
* html #main { ma\rgin-left:0px; w\idth:995px; }
* html> body #main { margin-left:0px; width:995px; }


html {height:100.1%;}

/* ====================  Ende hacks fr IE  ================================== */



* {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0;
}


body {
position:absolute;
margin-top:0px;
margin-left:0px;
background:url(../../daten/bg/1100_650_bg_agostini_modellbau_2015_02_03.jpg);
background-repeat:no-repeat;
font: 95% Verdana, Arial, Helvetica, sans-serif;
/*
background-image:url(../../daten/bg/900_10_verlauf_gruen.png);
background-repeat:repeat-y;
background-position:0px 0px;	
background-image:url(../../daten/bg/2800-1400__bg_himmel.jpg);
background-position:top;
background-color:#FFF;
color: #4b4f73;
*/
}



/* ====================  Überschriften  ================================== */


h1 {
color: #008080;
font-size: 1.5em;
margin-bottom:10px;
/*
text-transform:uppercase;
font-weight: strong;
*/
}


h2 {
color: #008080;
font-size: 1.15em;
font-weight: strong;
margin-bottom:5px;
/*
text-transform:uppercase;
text-transform:uppercase;
*/
}


h3 {
color: #008080;
font-size: 1.0em;
font-weight: strong;
margin-bottom:5px;
}


/* ====================  buttons  ================================== */


a:link {
color: #FFF;
}


a:hover {
color: #b90745;
}


a:visited {
color: #999;
}

/*
a img {
border:none;
}
*/


img {
/*
border:none;
*/
border: 2px solid #008080;

}

.no_frame {
border:none;
}


/* ====================  Textabsätze  ================================== */


p {
font-size: 0.86em;
color:#666;
}

p.blocktext {
font-size: 0.86em;
color:#666;
text-align:justify;
}


p.headbot {
clear: both;
}


p.bot {
clear: both;
}


/* ====================  Abstände  ================================== */


.abstand_8 {
margin-top:8px;
/*margin-left:0px;
margin-right:auto;*/
}


.abstand_14 {
margin-top:14px;
/*margin-left:0px;
margin-right:auto;*/
}


.abstand_20 {
margin-top:20px;
/*margin-left:0px;
margin-right:auto;*/
}


.abstand_36 {
margin-top:36px;
/*margin-left:0px;
margin-right:auto;*/
}




/* ====================  Rahmen  ================================== */


.rahmen_0 {
border:none;
}


/* ====================  Farben  ================================== */


.weiss {
color:#FFF;	
}	

.grau {
color:#ccc;	
}

.orange {
color:#C90;	
}


.dkl-gruen {
color:#008080;	
}

.hell-gruen {
color:#bfd9d8;	
}


/* ====================  Topmenue  ================================== */


#topmenu {
position:absolute;
width: 500px;
height:26px;
margin-top:0px;
margin-left:500px;
text-align:left;
background: transparent;
/*
float:right;
padding: 20px, 20px;
color: #bfd9d8;
*/
}



/* ==================================  Top_und_Supmenu_Navigation  ================================ */


#topnav li , #submenu li{
list-style-type:none;
font-size:0.8em;
background: transparent;
display: inline;
/*
float:left;
color: #bfd9d8;
*/
}


#topnav li a , #submenu li a{
color: #CCC;
font-weight:bold;
text-decoration:none;
padding: 0 3px; 
}


#topnav li a:visited , #submenu li a:visited{
color: #999;
}


#topnav li a:hover, #submenu li a:hover{
color: #008080;
font-weight:bold;
background-color: transparent;
height:21px;
}



/* ====================  Page  ================================== */


#page {
position:absolute;
width:995px;
margin-top:0px;
margin-left:150px;
background:url(../../daten/bg/960_560_bg__2010_03_31.jpg);
background:no-repeat;

/*

height:840px;
*/
}


/* ====================  Main  ================================== */


#main {
position:relative;
width:995px;

/*

height:450px;
line-height: 1.2em;

border:solid 10px #807fb9;
background-image:url(../../daten/main/995_550__bg_main_weisser_verlauf.png);
background-position:bottom;
background-repeat:no-repeat;
*/
 /*to avoid the peekaboo bug */
}



/* ====================  Container  ================================== */


#container {
position:relative;
margin-top:30px;
margin-left:150px;
width:995px;
height:645px;
background: transparent;
/*
background:url(../../daten/bg/960_560_bg__2010_03_31.jpg);
background:no-repeat;

background-position:0px 0px;
color: #4b4f73;
background: transparent;
border:solid 10px #39378b;
height:1000px;
*/
}


/* ====================  Header  ================================== */


#header {
position:relative;
float:right;
margin-top:0px;
width: 995px;
height: 165px;
background: transparent;
/*
background-color:#F90;
background: transparent;
color:#4b4f73;
background-image:url(../../daten/logo/496_128_logo_suedbadenfenster_teningen.png);
background-repeat:no-repeat;
background-position:left;
*/
}



/* ====================  Logo  ================================== */


#logo {
position:absolute;
width: 150px;
height: 150px;
margin-top: 0px;
margin-left:340px;
color:#b90745;
font-weight:bold;
text-transform:uppercase;
text-align:right;
/*
float:left;
background: transparent, 50%;
background-image:url(../../daten/logo/253_200_logo_andreas_peltz_1.jpg);
background-repeat:no-repeat;
background-position:center;
margin-left: -53px;
text-align:right;
*/
}


/* ====================  banner  ================================== */


#banner {
text-transform:uppercase;
font-size: 1.76em;
position:absolute;
margin-top: 112px;
text-align:left;
margin-left: 500px;
height: 30px;
width: 600px;
color: #bfd9d8;
/*
font-weight: bold;
background-image:url(../../daten/button/217_90__button_24h-service_01.png);
background:no-repeat;
top: -1px;
*/
}



/* ====================  bots  ================================== */


#mainbot {
clear: both;
/*
height: 20px;
background: transparent;*/
}


#bildbot {
clear: both;
/*
height: 20px;
background: #F30;
*/
}


.menubot {
clear: both;
}


.bot {
clear: both;
}


/* ====================  column  ================================== */


#column {
float: right;
width: 490px;
margin-top:0px;
margin-right:0px;
padding-right:px;
background: transparent;
text-align:left;
/*
background-color:#90F;
color: #FFF;
border:solid 1px #39378b;
*/
}


/* ====================  content  ================================== */


#content {
position:relative;
width: 490px;
margin-top:0px;
float: left;
background: transparent;
/*
background-color:#C00;
text-align:left;
margin-left:0px;
color: #4b4f73;
border:solid 1px #39378b;
float:left;
*/
}


/* ====================  headline  ================================== */


/*
#headline {
position:absolute;
width: 555px;
margin-top:-35px;
background: transparent;
text-align:top;
}
*/


/* ====================  footer  ================================== */



#footer {
margin-top:15px;
height: 30px;
width: 995px;
background:#008080;
/*
float: right;
background-image:url(../../daten/footer/995_38__bg_footer_farbbalken_01.jpg);
background-position:center;
background-repeat:no-repeat;
*/
}


#footertext {

padding-top:10px;
/*
margin-top:15px;
float: left;
height: 20px;
width: 995px;
padding-left:0px;
*/
text-align:center;

color:#fff;
font-size: 0.60em;
}






/* ==================================  Haupt__Navigation  ================================ */




#navigation {
position:relative;
float:left;
margin-top:0px;
width: 240px;
text-align: center;
color:#FFF;
border:solid 10px #39378b;
}


ul#menu-1, ul#menu-2 {
margin-top:22px;
}


ul#menu, ul#menu-1, ul#menu-2 {
width: 200px;
line-height: 1.0em;
float:right;
}


ul#menu li, ul#menu-1 li, ul#menu-2 li {
list-style-type:none;
font-size:0.8em;
text-transform:uppercase;
color: #153422;
background: #c4d615;
text-align: right;
margin-top:2px;
border-right:1px solid #000;
border-bottom:1px solid #000;
}


ul#menu-1 li a {
background: #c4d615;
border-right: 17px solid #153422;
}


ul#menu li a, ul#menu-1 li a, ul#menu-2 li a{
color: #153422;
text-decoration: none;
background: transparent;
text-align: right;
display:block;
padding-top:2px;
padding-right:15px;
padding-bottom:1px;
height:14px;
}


ul#menu li a:hover, ul#menu-1 li a:hover, ul#menu-2 li a:hover{
background: #153422;
color: #FFF;
font-weight: bolder;
border-right: 17px solid #c4d615;
}


ul#menu-1 li a, ul#menu-2 li a{
color: #153422;
text-decoration: none;
background: transparent;
text-align: right;
display:block;
padding-top:3px;
padding-right:15px;
padding-bottom:1px;
height:14px;
}


ul#menu-1 li a:hover, ul#menu-2 li a:hover{
background: #690;
color: #FFF;
border-right: 17px solid #153422;
font-weight:bold;
}





/* ====================  Bilder  ================================== */


#bild_238_float_left {
margin-top: 0px;
float: left;
width: 236px;
height: 210px;
/*
position:absolute;
background-image:url(../../daten/button/217_90__button_24h-service_01.png);
background:no-repeat;
*/
}



#bild_238_float_right {
margin-top: 0px;
float: right;
width: 236px;
height: 210px;
/*
position:absolute;
*/
}


#bild_496_oben {
margin-top:0px;
float: right;
width: 490px;
height: 210px;
/*
position:absolute;
*/
}


#bild_496_unten {
margin-top:15px;
float: right;
width: 490px;
height: 210px;
/*
position:absolute;
*/
}


#text_oben {
margin-top:0px;
float: right;
width: 490px;
height: 210px;
background-color:#FFF;
text-align:justify;
/*
padding:10px;
position:absolute;
*/
}


#text_impressum_links {
margin-top:0px;
padding-left:10px;
padding-top:5px;
float: left;
width: 226px;
height: 205px;
background-color:#ccc;
text-align:left;
font-size: 0.8em;
/*
padding:10px;
position:absolute;
*/
}


#text_impressum_rechts {
margin-top:0px;
padding-left:10px;
float: right;
width: 226px;
height: 210px;
background-color:#ccc;
text-align:left;
font-size: 0.8em;
/*
padding:10px;
position:absolute;
*/
}


#bild_486_unten {
margin-top:15px;
float: left;
width: 490px;
height: 210px;
/*
position:absolute;
*/
}