@charset "utf-8";
/*   CSS Stylesheet   			*/
/*   (c) 2007, Thomas Melzer    */

/* -------- L A Y O U T ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
html, body {
height: 100%; /* wichtig */
font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
color:black;
background-color:#CCCCCC;
text-align:center;
margin:0 0 0 0;
}
#header{
padding-left:20px;
height:117px;
font-size:20px;
text-transform:uppercase;
background-image:url(../tm-img/ufer.jpg);
line-height: 60px;
}
#box{
position: relative;
width:750px;
margin:0 auto;
text-align:left;
min-height: 100%;
height:auto !important;/* moderne Browser */
height:100%; /* IE */
background-image:url(../tm-img/bg_box.gif);
background-repeat: repeat-y;
}

#midde_main {float:left;width:500px;}

#midde_rechts {float:left;width:230px;padding-left:20px;}

#midde_kackfix {clear: both; height: 1px;}

.midde_content_main_box				{ padding-left:15px; padding-right:5px; font-size:12px; }
.midde_content_main_box a 			{ color:#003300; text-decoration:underline; }
.midde_content_main_box a:hover 	{ text-decoration:none; }

.midde_content_main_box_text 		{padding:10px; border:1px #999999 solid; background:#f6f6ea;}

.midde_text 			{ text-align: justify; }
.midde_text a 			{ color:#003300; text-decoration:underline; }
.midde_text a:hover 	{ text-decoration:none; }

#midde_rechts_content			{ padding-left:10px; padding-right:10px; font-size:10px;}
#midde_rechts_content a 		{ text-decoration:none; color:#684D30; border-bottom: 1px dotted #684D30; overflow:hidden;}
#midde_rechts_content a:hover 	{ text-decoration:none; border-bottom:0; color:#684D30; overflow:hidden;}



#footer {
width: 100%;
background: #ffffff;
position: absolute;
bottom: 0;
height: 10px;
line-height: 10px;
font-size:9px;
color:#666666;
border-top:1px #333333 solid;
}



.pfeil_container {
background-image:url(../tm-img/pfeil.gif); 
background-repeat:no-repeat; 
background-position:left top;
height:15px;
width:15px;
float:left;
padding-right:5px;
}


.float_l 	{ float:left; }
.float_r 	{ float:right; }
.float_clr	{ clear:both; }

h a		{ color: #003300; text-decoration:underline; text-align:left;}
h a:hover	{ color: #0d550d; text-decoration:none;}

h1	{ font-size:20px; color: #003300; text-align:left; font-family:Georgia, "Times New Roman", Times; font-weight: normal; }
h2	{ font-size:18px; color: #003300; text-align:left; font-family:Georgia, "Times New Roman", Times; font-weight: normal; }
h3	{ font-size:14px; color: #003300; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal;  }
h4	{ font-size:12px; color: #003300; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal;  }
h5	{ font-size:10px; color: #003300; letter-spacing: 1px; font-family:Georgia, "Times New Roman", Times; font-weight: normal; }

.content_right		 		{ font-size:10px; text-align:justify; }
.content_right a 			{ text-decoration:none; color:#684D30; border-bottom: 1px dotted #684D30; overflow:hidden;}
.content_right a:hover 		{ text-decoration:none; border-bottom:0; color:#684D30; overflow:hidden;}

#content_portfolio	{ 
background:url(../tm-img/content_referenzen.gif); background-repeat:no-repeat; 
padding-left:90px;
min-height: 98px;
height:98px;
display:block;

}

.content_auswahl {font-size:11px; padding-left:15px;}


.schrift_9	{font-size:9px }
.schrift_10	{font-size:10px }
.schrift_11	{font-size:11px }
.schrift_12	{font-size:12px }
.schrift_14	{font-size:14px }


.noscript {padding:3px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; border:1px #000 solid; font-weight:bold; background-color:#C00;width:750px; color:#FFF;}

.mainminibuttons p {float:left; padding-left:10px; }
.mainminibutton br {clear:left;}


/* -------- MENÜ OBEN   ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
#divmenuoben{
margin:0;
padding:0; 

height:30px;
background-image:url(../tm-img/bg_unter_box.gif);

}

#menuoben {
display:block;
margin: 0 auto;

padding-bottom:5px;
padding-top:5px;
}

#menuoben ul {
list-style-type: none;
margin: 0px;
}

#menuoben li {
display: inline;
margin: 0px;
}

#menuoben li a, #menuoben li a:link, #menuoben li a:visited {
text-decoration: none;
color: #666666;

padding-bottom:5px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
}

#menuoben li a:hover, #menuoben li a:focus, #menuoben li a:active {
color:#000000;
background-image:url(../tm-img/bg_unter_box_hover.gif);
background-color:#cccccc;

}





/*  ------------  F O R M U L A R E  ----------------------------------------------- */
/* ----------------------------------------------------------------------------- */

.form{
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
border: 1px solid #999999; 
font-size: 12px; 
padding-right: 2px; 
padding-left: 2px;
width:350px;
}
.formtext{
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
border: 1px solid #CCCCCC; 
font-size: 12px; 
padding-right: 2px; 
padding-left: 2px; 
width: 485px;
}

.form_div_l { float:left; font-weight:bold; width:100px; }
.form_div_r { padding-left:5px;}

.form_nosee_l { float:left; font-weight:bold; width:100px; display:none; }
.form_nosee_r { padding-left:5px; display:none;}

.formsubmit{
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
border: 1px solid #747474; 
font-size: 12px; 
padding-right: 20px; 
padding-left: 20px;
padding-bottom:2px;
width:100px;
height:20px;
background:url(../tm-img/formsubmit.gif);
cursor: pointer;
}
input.input_del {
/*	URL muss von der Position der CSS Datei plaziert werden */
background-image:url(../tm-img/icon.del.gif);
width: 14px; 
height: 14px;
border-bottom: 	#FFFFFF solid 0px;
border-top: 	#FFFFFF solid 0px;
border-left: 	#FFFFFF solid 0px;
border-right: 	#FFFFFF solid 0px;
}

.form_error 	{padding:10px; border:1px #000000 solid; background-color:#f8caca; }
.form_success 	{padding:10px; border:1px #000000 solid; background-color: #c1f3a6; }
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */

.captcha {border: 1px solid #999999; padding:2px; font-size:12px; width:70px; height:25px; }


/*---------- tooltip -----------*/
a.info{
    position:relative; 
    z-index:24; 
    text-decoration:none;
	}

a.info:hover{z-index:25; background-color: #FC6;}

a.info span{display: none;}

a.info:hover span{ 
    display:block;
    position:absolute;
    top:1em; left:1em; width:15em;
    border:1px solid #000;
    background-color:#ededd5;
	color:#000;
    text-align: center;
	}
/*---------- tooltip ende -----------*/

.seitenarchivbig {font-size:larger; color:#003300;}