/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #ffffff;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {text-decoration: none; color: #888888;}
a:visited {color: #888888;}
a:hover {text-decoration: underline; color: #888888;}
a:active { color:#000000;}


#searchfield {
vertical-align: bottom;
color: #cc7332;
width: 144px;
height: 12px;
font-size: 10px;
border: solid  1px;
border-color: #aaa;
}

#searchbutton {
vertical-align: bottom;
font-size: 10px;
width: 50px;
height: 16px;
border: solid 1px;
border-color: #000;
background-color: #000;
color: #fff;
}

input {
border: 1px solid #aaa;
height: 10 px;
color: +000;
font-size: 12px;
}

button {
border: 1px solid #aaa;
height: 10 px;
color: +000;
font-size: 12px;
}

textarea {
border: 1px solid #aaa;
height: 10 px;
color: +000;
font-size: 12px;

}


select {
border: 1px solid #aaa;
height: 10 px;
color: +000;
font-size: 12px;

}

h4 {
width: 520px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
font-family: Helvetica, Verdana, Arial, sans-serif;
background-position: left top;
background-repeat: no-repeat;
background-image: url(pics/pfeil.gif);
padding-left: 15px;
padding-bottom: 0px;
padding-right: 15px;
padding-top: 0px;
clear: left;
margin-left: 0px;
margin-right: 0px;
border-bottom-style: none;
border-top-style: none;
color: #787878;
font-size: 11px;
text-transform: uppercase;
background-color: white;
border-top: #564b47;
border-bottom: #564b47; }

h3 {
width: 520px;
font-style: normal;
margin-top: 0px;
margin-bottom: 0px;
font-weight: normal;
font-family: Helvetica, Verdana, Arial, sans-serif;
background-position: left top;
background-repeat: no-repeat;
background-image: url(pics/pfeil.gif);
padding-left: 15px;
padding-bottom: 0px;
padding-right: 15px;
padding-top: 0px;
clear: left;
margin-left: 0px;
margin-right: 0px;
border-bottom-style: none;
border-top-style: none;
color: #505050;
font-size: 11px;
text-transform: uppercase;
background-color: white;
border-top: #564b47;
border-bottom: #564b47; }

h2 {
width: 550px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
clear: left;
font-style: normal;
font-weight: normal;
border-bottom-style: none;
border-top-style: none;
color: #787878;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 15px;
text-transform:uppercase;
background-color: white;
border-top: #564b47;
border-bottom: #564b47; }

h1 {
width: 520px;
padding-bottom: 0px;
font-weight: bold;
line-height: 0px;
padding-right: 15px;
padding-top: 0px;
clear: left;
padding-left: 15px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
font-variant: normal;
color: #787878;
font-family: Helvetica, Verdana, Arial, sans-serif;
background-color: white;
font-size: 11px;}

p, pre {
float: left;
width: 520px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 0px;
padding-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
line-height: 15px;
clear: left;
color: #464646;
font-size: 11px;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

.footerp {
padding-right: 0px;
padding-left: 15px;
padding-bottom: 0px;
padding-top: 25px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
color: #b4b4b4;
font-size: 11px;
font-family: Helvetica, Verdana, Arial, sans-serif;
text-align: left;
float: left;
}

img {
float: left;
text-decoration: none;
color:#fff;
}

a img {
clear: left;
float: left;
border: 2px solid #ffffff;

}


a:hover img {
clear: left;
float: left;
border: 2px solid #aaaaaa;
}

#qllinks img{

border: 0px solid #ffffff;
}




/* ----------container zentriert das layout-------------- */
#container {
width: 750px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
background-position: right top;
}


/* --------------left ------------- */
#left {
background-position: left top;
background-repeat: no-repeat;
background-image: url(http://www.frischmann-net.de/wbfm/templates/andreas08/pics/left_bg.jpg);
float: left;
width: 550px;
margin: 0px;
padding: 0px;
margin-right: -550px;
text-align: center; 
}

div#left { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}


/* -----------------right--------------------- */


#right {

padding: 0px;
margin-top: 0px;
margin-left: 550px;
margin-right: 0px;
border-left: 10px solid #fff;
position: absolute;
width: 195px;
}

div#right { 
min-height:370px;
height:expression(this.scrollHeight > 800 ? "auto":"600px"); 
}






#right_top_spacer {

width: 200px;
padding: 0px;
margin-right: -5px;
background-color: #fff;
color: #000;
text-align: right;

}

div#right_top_spacer { 
min-height:45px;
height:expression(this.scrollHeight > 150 ? "auto":"45px"); 

}


#searchbox {
width: 200px;
padding: 0px;
margin-right: -5px;
color: #000;
text-align: right;
float: right;

}

div#searchbox { 
min-height:20px;
height:expression(this.scrollHeight > 600 ? "auto":"20px"); 
}


#right_grey_bar {
background-color: #cccccc;
padding-margin: -20px;
width: 200px;
padding: 0px;
margin-top: 20px;
margin-right: -5px;
color: #000;
text-align: right;



}

div#right_grey_bar { 
min-height:250px;
height:expression(this.scrollHeight > 100 ? "auto":"270px"); 

}








/* ----------------- big left top container ----------------- */





#left_top_spacer {

width: 550px;
padding: 0px;
margin-right: -5px;
color: #000;
text-align: right;

}

div#left_top_spacer { 
min-height:45px;
height:expression(this.scrollHeight > 150 ? "auto":"45px"); 

}




#left_content {
position: relative;
background-color: #fff;
width: 550px;;
padding-top: 25px;
padding-bottom: 5px;
padding-right: 0px;
margin-left: 0px;
color: #464646;
text-align: left;
float: left;
z-index: 0;

border-bottom-color: #646464;
border-bottom-style: solid;
border-width: 1px;
}

#footer {
position: relative;
background-color: #fff;
width: 550px;;
padding-top: 0px;
padding-bottom: 10px;
padding-right: 0px;
margin-left: 0px;
color: #000;
text-align: right;
float: right;
}




