/* ibwebs
www.ibwebs.net
Start: 10.12.2007
Letzte Aenderung: 05.03.2009
*/
/* Reset all */
*{ padding: 0; margin: 0; border: 0; }

/* Allgemeines */
body { font: 78%/1.6em "Lucida Grande", verdana, helvetica, arial, sans-serif; color: #000; text-align: center; background: #FFFAFA  }

a:link { font-weight: bold; color: #B22222; text-decoration: none; }

a:visited { font-weight: bold; color: #B22222; text-decoration: none; }

#contentleft a:link { color: #B22222; text-decoration: none; }

#contentleft a:hover { color: #000; text-decoration: underline; }

#main p a:hover, #main ul.list li a:hover { text-decoration: none; background: #fdfae9; }

a:hover { color: #B22222; }

#menu a:hover { text-decoration: underline; }

.none { display: none; }

.leftalign { float: left; margin: 0 10px 0 0; }

.rightalign { float: right; margin: 0 0 0 10px; }

.left { float: left; }

.right { float: right;}


/* Listen */
ul,li{ margin: 0; list-style-type: none; position: relative; }

ul { clear: both; }

ul.horizontal { margin: 2em 0.1em; clear: none; display: inline; padding: 0; }

ul.horizontal a:hover{  text-decoration: underline; }

.horizontal li, .horizontal li ul li { display: inline; padding: 6px; }

ul.horizontal li ul { margin: 0 ; clear: none; display: inline; }

.horizontalWebmenu li, .horizontalWebmenu li ul li {   font-weight: bold; display: inline; padding-right: 15px; }

ul.horizontalWebmenu a:hover{  text-decoration: underline; color:#000; }


/* Headlines */
h1 { margin-left: 0; font: 2.2em/1.3em Arial, Helvetica, Geneva, sans-serif; letter-spacing: -0.04em; background: url('../image/h1.png') bottom left no-repeat; color: #111; }

h2,h3,h4,h5,h6 { clear: both; }

h2 { margin-left: 30px; padding-bottom:30px; font: 1.4em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif, serif, ; color: #000; }

h3 { margin: 0  30px 20px 0; font: 1.7em/1.3 Arial, Helvetica, Geneva, sans-serif; color: #6B8E23; padding-top: 1em; border-top: solid 1px #aaa; text-decoration:underline;}

h3 a:link { color: #b71221; }

h3 a:link, h3 a:visited { color: #b71221; padding: 0.4em 0 0.1em 0; }

h4 { font: normal 1.4em/1.5 "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; color: #aaa; margin: 1.0em 1.5em 0.5em 0; letter-spacing: -0.03em; }

h5 {  text-align:left; padding-bottom: 5px;}

h6 { font: normal 1.1em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; color: #333; text-decoration:underline; margin-top: 5px; padding: 0;}


/* Absaetze */

p.urheber { font-size: 0.8em !important; text-transform: uppercase; color: #aaa; margin-top: 0 !important;}

#contentright p.websites{ height:150px; margin:  50px 30px 0 0; padding: 10px; border-top: 2px dotted #aaa; background:#eee; }

#contentright p.flash_projects{ height:600px; margin: 30px 30px 0 0; padding: 20px; border-bottom: 2px dotted #aaa; border-top: 2px dotted #aaa; background:#eee;}

#contentright p.flash_projects img{ margin: 10px ; padding: 3px; border: solid 1px #aaa;}

#contentright p.photopaint{  height:280px; margin: 20px 30px 0 0; padding: 25px; border-bottom: 2px dotted #aaa; border-top: 2px dotted #aaa; background:#f5f5f5; }

#contentright p.photopaint img {margin: 0 0 15px 15px;}

#contentright p.printdesign{ height:170px; margin: 10px 30px 0 0; padding: 25px; border-bottom: 2px dotted #aaa; border-top: 2px dotted #aaa; background:#f5f5f5;}

#contentright p.printdesign img {margin: 0 0 15px 15px;}

#contentright p.insert{margin: 0 ; padding: 10px; text-align:left;}

#contentright p.text{margin: 0 ; text-align:left;}

#contentright p.websites img { padding-right: 10px; padding-left: 10px;}

#contentright p.zoom { height:auto; margin: 20px 30px 0 0; padding: 20px; border-bottom: 2px dotted #aaa; background:#eee url('../image/contenleft_top.png') repeat-x top left;}

#DataList1 { height:auto; margin: 20px 30px 0 0; padding: 20px; }

.NameLabel {  margin:9px 0 0 18px;  text-align:left;  }

.UrlLabel   {margin:9px 0 0 20px; text-align:left;  }

.commentdesign { border-top: 1px solid #aaa; margin-bottom: 6px; }

.CommentLabel {  margin:9px 0 0 20px; text-align:left;   }

#contentright p.text_index { text-align:left ; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; margin: 20px 30px 20px 0; padding-top:15px;}

#contentright p.text_index img {margin: 20px 0  20px 0  ; padding: 1px ; border: solid 1px #aaa}

#contentright p.info img { padding: 1px ; border: solid 1px #aaa; }

#contentright p.info {margin-top: 10px ; margin-right: 30px ; padding: 0; text-align:left; }

#content_index p.index {margin-top: 0px ; margin-bottom: 30px; text-align:center; color:#CCCCCC }

/* Bilder */

#content_default {text-align: center;}

.bild_rechts { float:right; margin: 15px 0 10px 20px;/**/ height:auto;}

.bild_links { float:left; margin: 10px 20px 10px 0; }

#dlsCatalogo { float:left; margin: 20px 0 0 20px; /**/ padding: 20px 0 0 20px; }

#Galerie dt { width: 90px;  padding:3px; float: left; }

#Galerie dt img { padding:1px; border: 1px solid #dcdcdc;  }

#Galerie dt img:hover {  background: #CD5C5C; border: 1px solid #aaa;}

#zoomgalerie dd { text-align:center; font-size: 0.99em; color: #333; padding: 10px 25px 10px 0;}

#zoomgalerie dt img { border: 1px solid #dcdcdc;  padding: 2px;  margin-bottom: 80px; }

#zoomgalerie dt { background: #fff;  text-align:center; padding: 10px 25px 10px 0; margin: 0; }


/* Texte */

#contentright p.text {margin: 30px 30px 0 0; text-align:left;}

#contentright p a:link, p a:visited {text-decoration:underline;}

#contentright p a:hover {text-decoration:none;}

#contentright cite { font: bold ; color:#000}

.kurztext {margin: 20px 0 0 0; text-align:left;}


/* Navi */
#navi { float: left; width: 100%; background: transparent; z-index: 999; color: #B22222;}

#navi ul { font-size: 0.92em; font-weight: bold; position: absolute; background: transparent; z-index: 999; padding: 0 0 0 20px; right: 40px; top: 63px;}

#navi li { background: #fff; padding: 8px 0 9px 1px; list-style: none; margin: 0; float: right; }

#navi li a { background: #fff url('../image/listnav.gif') top left repeat-x; padding: 2px 10px 2px 10px; color: #B22222; border-left: 1px solid #aaa; border-right: 1px solid #000; /* Fix fuer IE 5.0 Win, verstecken vor IE Mac \*/ margin: -8px 0 -8px 0; display: block; /* End hide */ }

#navlist li a:visited { color: #B22222; }

#navi li a:hover { background: #B22222 url('../image/listnav_hover.gif') top left repeat-x; padding: 2px 10px 2px 10px; color: #fff; text-decoration: underline; }

#menu li ul { padding: 0; }

#menu ul li { padding: 0 0 0.2em 0; background: transparent; border-bottom: 1px solid #fff; font-weight: bold; }

#menu ul { border-bottom: none; padding: 0 0 0.2em 0;}

#menu ul li ul li { padding: 0 0 0.2em 0; background: none; font-weight: normal; }

#foto li{padding: 2px 0 0 18px; background:url('../image/listitem.png') no-repeat 3px 8px; }

#hauptmenu li {padding: 2px 0 0 50px; background:url('../image/hauptmenu_ibwebs.png') no-repeat 3px 8px; }

#listnavi1 {float: left; width: 100%; background: transparent; z-index: 999; color: #666; font-size: 1.0em; line-height: 1.3em; margin-bottom:30px;}



/* Layout */

#wrapper { width: 100%; height:100%; margin:0 ; padding-top: 0; background: #FFFAFA /*url('../image/trama4.png') no-repeat top left*/; }

#header { width: 100%; background:  url('../image/trama2.png') repeat-x top left; float: left; height: 149px; margin: 0px 0 0 0; z-index: -1; }

#header h1 { margin: 0 auto; background: transparent url('../image/maedchen_am_tisch_k.png') no-repeat bottom left; height: 159px; width: 880px; z-index: 1;}

#content { clear: both; width: 860px; margin: 0 auto; padding-bottom: 0; overflow: hidden; text-align: left; background: url('../image/contenright_top.png') repeat-x top left ; }

#contentleft { overflow: hidden; clear: both; background: #eee url('../image/rollo.png') no-repeat bottom ; float: left; width:198px; padding: 5px; font-size: 0.90em; margin: 8px 0 100px 0px; }

#side { font: 100%/1.90em "Lucida Grande", verdana, helvetica, arial, sans-serif; color: #000; text-align: left; margin: 20px 0 100px 8px ; background: transparent ; }

#contentright { margin:8px 0 20px 40px; width: auto; padding: 20px 0 100px 30px; overflow: hidden;  text-align:left; background: #fff url('../image/rollo.png') no-repeat bottom ;  }

#frame_bottom { font: 1.0em/0.8 "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; clear: both; width: 100%; background: #FFFAFA url('../image/trama3.png') repeat-x bottom left; float: left; height: 53px; margin: 0; padding: 5px 0 20px 0; }

a.toplink { font: bold 1.2em Arial, Helvetica, Geneva, sans-serif; margin: 20px 30px 0 0; float:right; background-image:url('../image/toplink.png') }

/* Formulare */

contattopage {width: auto;}

fieldset {display:block; border-bottom:2px dotted #aaa;  background:#eee; margin:0 30px 0 0; padding: 0 0 20px 30px; }

legend {font-size:120%; border-bottom:2px dotted #aaa; display:block; font: bold 1.2em Arial, Helvetica, Geneva, sans-serif;  margin: 0; color:#b22222; letter-spacing:0.2em; padding-top:30px;}

input, textarea{ background: #fff url() top left repeat-x; font: 1,1em/1.6 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; border: 1px solid #aaa; padding: 0.5em; width: 400px }

input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { border: 1px solid #b22222; }

#Button1 {width: 120px; text-align:center; height:auto; color:#b22222; letter-spacing:0.1em;}

.submit  {width: 120px; text-align:center; height:auto; color:#b22222; letter-spacing:0.1em;}

TextBox { width: 400px; margin:0; }

p.input { padding: 1px;}

.pflicht {color: #b22222; font:  1.6em/1 "Lucida Grande",geneva,arial,sans-serif; }

.ueberschrift {color: #b22222; font: bold 1.2em/1 "Lucida Grande",geneva,arial,sans-serif; line-height:1.9em;}

/*Inhalte */

#homeBild { text-align:center; background: url('../image/maedchen_am_tisch_gross_mit_enter.jpg') center no-repeat}

p.word {color: #696969; font: bolder 1.1em/1 100% "Lucida Grande",geneva,arial,sans-serif ; letter-spacing: 0.1em; line-height:1.8em; margin: 20px 30px 20px 0; padding: 20px; border: solid 1px #aaa;}

p.word a:link, p.word a:visited {color:#b22222;}

p.word a:hover {color:#6B8E23;}

p.foto {color: #000;  margin: 10px 30px 35px 0; padding: 10px 30px 35px 0; }

.links_image { float:left; margin:  0 20px 5px 0; clear:both;  border-left: solid 1px #b22222; border-top: solid 1px #b22222; border-bottom: solid 1px #b22222; }