/*
      __ ______ _   _  _____  _____ _______ _    _ _____ ____   ______ ____
     |  |  ____| \ | |/  ___|/  ___|__   __| |  | |_   _|    \ |  ____|  _ \     ___  ___  _    _
     |  | |___ |  \| |  (__ |  (__    | |  | |  | | | | | () / | |___ | |_) |   / __|/   \| \  / |
 __  |  |  ___|| . ` |\__  \ \__  \   | |  | |  | | | | |  _  \|  ___|| .  /   | /  |  /\ |  \/  |
|  \_/  | |____| |\  |___)  |___)  |  | |  | \__/ |_| |_| (_)  | |____| |\ \  _| \__|  \/ | |\/| |
 \_____/|______|_| \_|_____/|_____/   |_|   \____/|_____|_____/|______|_| \_\|_|\___|\___/|_|  |_| 

Dipl.-Ing. (FH) Jens Stuiber
medienmaler.de
valid CSS - Cascading Stylesheet
Version: 13/05/08
Last Edit: 18/01/10

*/

/*MODUL*/
/*Modul Bild und Text*/
.centertab {margin-right: auto;
            margin-left: auto;}

.bildtext { margin: 0px;
            padding: 0px;
            /*font-size: 10px;*/}
.imgleft {float: left;
          margin-right: 20px;}
          
.imgright {float: right;
          margin-left: 20px;}

.stopleft {clear: left;margin:0;padding:0;width:0px;height:0px; }

.stopright {clear: right;margin:0;padding:0;width:0px;height:0px;}
	 
.bildtext2 {text-align: left;}

#welcome02 .stopleft, #welcome02 .stopright, #box .stopleft, #box .stopright {display:none;}


/* --- Grundlayout */
html {font-family: Arial, Helvetica, sans-serif;font-style: normal; background-repeat: repeat-y; background-position:top; /*background-image:url(../img/streifen_voll.png); */}
body{ background-image:url(../img/hintergrund.png); background-color:#786C68;padding:0;margin: 0; line-height:1.9em;
font-size: 62.5%; /* Für IE */
}
html>body {
/*font-size: 10px;*/ /* Für Safari // IE kann das nicht verstehen*/
}

img{border:none;display:block;margin-bottom:10px;}
.hidden {display:none;}

a {text-decoration:none; color:#003399; border-bottom:1px dotted;}			
a:hover {text-decoration:none;background-color:#DFEAFF; }	
a.extern {background:url(img/a-extern.png) 100% 50% no-repeat;padding-right: 17px;}	/* >> EDIT << Pfad napassen, Grafik anlegen */
h1 {margin:0;padding:0;/*font-family: "Times New Roman", Times, serif; font-size:2em; color:#666666; font-weight:normal; text-transform:uppercase;*/}
/*h2 {font-family: Arial, Helvetica, sans-serif; font-size:2em; padding:20px 0 15px 0;margin:0; font-weight:normal;color:rgb(52,35,30); text-transform:uppercase; letter-spacing:-2px;}*/
/*h2{ font-family:Arial, Helvetica, sans-serif; font-size:2em; font-weight: normal; border-bottom:1px solid #cccccc;padding:0 0 5px 0;margin:35px 0 10px 0;}*/
h2 { font-family:"Times New Roman", Times, serif; color: #34231E; font-weight:normal;padding:25px 0 10px 0;margin:0;font-size:1.7em; }
h3 { color:#666666; font-family:"Times New Roman", Times, serif; font-size:1.4em; margin:0 0 5px 0; font-weight:normal;}
ul {margin-bottom:0;margin-top:0;}
li {margin-left:-25px; list-style:none;}
.clear {clear:both;width:0px;height:0px;margin:0px;padding:0px;line-height:0px;}
p {margin:0 0 20px 0;}
#welcome02 p {margin:0;padding:0 0 0 15px;min-height:100px;border-left:1px solid #ddd3bd;}
fieldset {border:none;padding:0;}




.trennlinie {clear:left;height:5px;width:100%;background-image:url(../img/trennlinie.gif); background-repeat:repeat-x; margin:0; padding:0; overflow:hidden;}

#cms_start table, #box table {width:100%;}
#cms_start table tr td {padding:10px 0;border-bottom:1px solid #ddd3bd;}
#box table tr td {padding:10px 0;border-bottom:1px solid #ddd3bd; width:77%;}
#angebote table tr td {width:50%;}

/* --- Content - Hintergrund */
/*#content_back_container { position:absolute; left:0px; width:100%; height:100%; z-index:-1;}
#content_back { background-image:url(../img/streifen_voll.png) ; background-position:center;width:900px; margin:auto;height:100%; background-repeat:repeat-y;}
*/
/* --- Zentrierung */
#zentriert { background-image:url(../img/streifen_voll.png) ; margin:auto;width:740px;padding:0 80px;}
/*#inhalt_container {width:900px; height:auto; position:relative;}*/
/*#streifen_links{ position:absolute; width:900px; height:100%; background-image:url(../img/streifen_links.png); background-position:left top; background-repeat:repeat-y; }
#streifen_rechts{position:relative;padding: 0 80px 0 80px;height:100%;	background-image:url(../img/streifen_rechts.png);
	background-position:right top;	background-repeat:repeat-y;	width: 740px;}
*/




/* --- INHALTE */
#logo{background-image: url(../img/logo.png); width:100%; height:170px; background-repeat:no-repeat; background-position:center;
/*border-bottom:1px solid #DDD3BD;margin-bottom:3px;*/}

#menue {/*border-top:1px solid #DDD3BD;*/padding:0; overflow:hidden;}
/*#menue a {display:block;float:left; font-size:1.6em; padding:13px 0px 13px 0px; font-family: Arial, Helvetica, sans-serif; color:#666666; border:none; text-align:center; text-transform:uppercase; letter-spacing:-1px;}*/
#menue a {display:block;font-size:2em; padding:13px 0px 13px 0px; font-family: "Times New Roman", Times, serif; color:#666666; border:none;  letter-spacing:-1px;}
#menue a:hover {/*color:rgb(219,37,29);*/color:rgb(219,37,29); background-color:transparent;}
/*#menue img {border-top:7px solid #DDD3BD;}*/
/*.menue_left {float:left; text-align:left; width:90px;}
.menue_middle {float:left;text-align:center;width:139px; }
.menue_right {text-align:right;float:right;}
*/
.menue_left, .menue_middle, .menue_right {margin:0 }
.menue_left {float:left;  margin-left:0px;}
.menue_middle {float:left; text-align:center; }
.menue_right {float:right;margin-right:0px; text-align:right;}



#flash {clear:both;border-bottom:3px solid #B7AEA6;padding:0 0 15px 0; margin:0 0 15px 0;}
#flash img {margin:0;padding:0;}

#welcome { float:left; /*border-bottom:1px solid #DDD3BD;padding-bottom:15px; margin-bottom:3px;*/width:100%;margin-bottom:15px; }
#welcome01{float:left;width:215px;  height:auto;}
#welcome01 img  {padding:0;margin:0;}
#welcome02{float:right;width:215px;padding:0; margin:0;}
#cms_start {/*border-top:1px solid #DDD3BD;*/ margin-top:0px;}
#cms {width:460px;text-align:left; float:left;}
#content {font-size:1.3em;min-height:500px}

#box_container {  width:240px;/* -Padding -border */ float:right;margin-left:30px;/*font-size:1.3em;*/ border:1px solid #ddd3bd; padding:4px;}
#box {background-color:#F9F7EC; padding:5px 30px 30px 30px;}
#box img {border:1px solid #ddd3bd;width:178px;}
#box h2 {padding-bottom:5px;}

#content table tr td p, #box table tr td p {padding:0;margin:0;}

/* ###### FOOTER ###### */
#footer { border-top:3px solid #B7AEA6;margin:auto;margin-top:40px;padding-top:10px;  font-size:1.3em; color:#666666; font-family:"Times New Roman", Times, serif; width:740px; }
#footer_text {float:left;}
#js {background-image:url(../img/jensstuiber_prev.png); width:40px; height:50px;float:right; border:none;-bottom:10px;}
#js:hover {background-image:url(../img/jensstuiber.png); background-color:transparent;}
#footer_text  a{color:#666666; }


/* --- Formular-Layout */
form{padding:0;margin:0;}

fieldset.mailer {}
fieldset.mailer input, fieldset.mailer textarea{width:178px;}
p.fehlermeldung {padding:5px;margin-top:25px;background-color: #FFDDDD; color:#E60810;}
p.erfolgreich {padding:5px;margin-top:25px; background-color: #E2EFDE; color: #5CA23C;}
img.captcha {width:auto!important;padding:0;margin-bottom:3px; }

/* Variante 1 */
.textfeld,.textfeld-gross {font-family:Arial, Helvetica, sans-serif;width:250px;margin:4px;background-color: #E4DDCB;color: #666666;border: 1px solid #9A7276;}			/* >> EDIT << Eigenschaften der Texteingabefelder */
.textfeld {height: 20px;}		/* >> EDIT << Höhe der einzeiligen Eingabefelder */
.textfeld-gross {height: 85px;}	/* >> EDIT << Höhe der/des mehrzeiligen Eingabefeldes */
.button {font-family: Arial, Helvetica, sans-serif;width:100px;height:20px;margin-top:15px;margin-bottom:15px;margin-left:4px;margin-right:4px;background-color: #9A7276;color: #CCCCCC;border: 1px solid #E4DDCB;}	
								/* >> EDIT << Layout der Buttons */


/* SCHRIFTGOESSE */
#fontsize{z-index:1000;position:absolute;top:2px;left:50%;margin-left:450px;color:white;}
#fontsize h3, #fontsize p{border:0;display:inline;}
#fontsize{font-family:Arial, Helvetica, sans-serif; }
#fontsize span.fs_s{font-size:14px;} #fontsize span.fs_l{ font-size:20px;}
#fontsize p {margin:0px;}
#fontsize p a{margin:0 0 5px 0;display:block;height:15px;width:15px;border:none;padding:0;line-height:1px;}

#fontsize p a.larger {background:url(../img/lupe_plus.png) no-repeat;}
#fontsize p a.reset {background:url(../img/lupe_reset.png) no-repeat;}
#fontsize p a.smaller {background: url(../img/lupe_minus.png) no-repeat;}
#fontsize p a.larger:hover, #fontsize p a.smaller:hover, #fontsize p a.reset:hover { background-color:transparent;}

#fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus {
background: url(../img/lupe_plus_hover.png) no-repeat;}
#fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus {background: url(../img/lupe_minus_hover.png) no-repeat;}
/*#fontsize p a.reset:hover,#fontsize p a.reset:active,#fontsize p a.reset:focus {background: url(../img/lupe_normal_hover.png) no-repeat;}*/