/* 
STYLESHEET sanseg.de
rot (logo):							#990000
beige (background):			#f0e7d6 

*/

/* reset & misc
--------------------------------------------------*/
html, body{ height:100%; }
*{ padding:0; margin:0; border:0; font-size:100%;}
html { min-width:1004px; }
html > body #outer { height:auto; }
.lost {display:none;}
.clearer{ clear:both; line-height:0px; }
.fat{ font-weight: bold; }
a.fat, a.ital { text-decoration:none; }
.ital{ font-style: italic; }
.aleft{ float:left; margin:0 30px 30px 0; }
.aright{ float:right; margin:0 0 30px 30px; }
.margintop30{ margin:30px auto; }
.noblock{ display:inline; }
.price{ font-size:1.4em; color:#990000; font-weight:bold; margin:0; padding:0; font-family:arial,sans-serif; }
.pricefuss{ font-size:0.8em; margin:0; padding:0; color:#aaa;}
.fuss{ font-size:0.8em; color:#aaa; }
.smaller{ font-size:0.8em; }
p{ padding-bottom:30px; }
.norm{ font-weight:normal }
.hid{ color:#333; text-decoration:none; border:none; }
a.hid:hover{ text-decoration:underline; }
.nomargintop{ margin-top:-20px; }

/* general
--------------------------------------------------*/
body { margin:0 auto; color: #333; background:#f0e7d6 url('../images/bg_body.png') repeat-x scroll 50% 0pt; text-align:center; font: 75% /1.6em "Lucida Grande", verdana, helvetica, arial, sans-serif; }
#container{ width:1003px; height:100%; line-height:0; text-align:center; margin:0 auto; }
#main { width:1003px; margin:0 auto; background: none; text-align:left; background:transparent url('../images/bg_main.gif') repeat-y scroll 50% 0pt; padding:12px 0 20px 96px;}
a { text-decoration:underlined; color:#990000; }
a:hover{ text-decoration: none; color:#333; }

/* header
--------------------------------------------------*/
#header { width:1003px; height:279px; margin:0 auto; background:transparent url('../images/bg_header.png') no-repeat scroll 50% 0pt; text-align:left; padding-left:96px; }
#header_img{ position:relative; top:29px; left:282px; }
.phone{ position:relative; top:0; left:0; }
#header a{ color:transparent;  }
.webdesign_darmstadt{ line-height:0; font-size:0; color: transparent; width:250px; height:170px; position:absolute; top:90px; z-index:1; }

/* navigation
--------------------------------------------------*/
#navigation{ position:relative; top:31px; left:356px; background:transparent url('../images/bg_nav.png') repeat-y scroll 50% 0pt; width:571px; height:44px;
						font: 90% /1.6em arial, sans-serif; }
#navigation ul{ margin-left:10px; list-style-type: none; overflow:hidden;  }
#navigation ul li{ line-height:1em; float:left; text-align:center; height:100%; background:transparent url('../images/bg_nav_li.png') no-repeat scroll 0px 1px; max-width:120px; overflow:hidden; }
#navigation a{ display:block; color:#555; font-weight: bold; padding:17px 10px 17px 20px; text-decoration: none; max-width:120px; }
#navigation a:hover{ color:#990000;  }

/* headings
--------------------------------------------------*/
.heading1{ font-size: 1.1em; margin-bottom:0.7em; font-weight:bold; }
.heading2{ font-size: 1em; margin-bottom:0.6em; font-weight:bold; }
.headstrong{ color:#000; background-color:#f5e5e5; padding:8px; text-align:center; }
#content_right .heading1{ font-size: 1.1em; background:#f2f2f2 url("../images/bg_head.gif"); border:1px solid #e8e8e8; width:235px; display: block; margin-bottom:2px; font-weight: bold; padding:5px; }
#content_right .heading2{ font-size: 1em; background:#f2f2f2 url("../images/bg_head.gif"); border:1px solid #e8e8e8; width:235px; display: block; margin-bottom:2px; font-weight: bold; padding:5px; }

/* content_left
--------------------------------------------------*/
#content_left{ width: 624px; padding:40px 56px 0 0; float:left; }
#content_left h1{ font-size: 1.2em; margin-bottom:1.3em; margin-top:0; }
#content_left h2{ font-size: 1.1em; margin-bottom:0.8em; margin-top:0; }
#content_left h3{ font-size: 1.0em; margin-bottom:0.7em; margin-top:0; }
#content_left h4, #content_left h5, #content_left h6{ display:inline; }
#content_left ul{  list-style-image: url("../images/bg_li_norm.gif"); }
#content_left ul.check{ list-style-type:none; list-style-image:none; }
#content_left ul.check li{ padding-left:30px; margin:0 0 5px 5px; background:transparent url("../images/bg_li_angebot.gif") no-repeat 0 3px; }
#content_left ul li{ margin-left: 20px; }
#content_left ul.spaceBottom li{ margin-bottom:8px; }
#content_left div.tx-flseositemap-pi1 ul li{ margin-bottom:15px; }
#content_left div.tx-flseositemap-pi1 ul ul{ margin-top:15px; }
#content_left .angebot_container .angebot_1, 
#content_left .angebot_container .angebot_2{ font-size:0.9em; padding:20px 50px 0 40px; width:220px; height:230px; background:transparent url("../images/bg_angebot.gif") no-repeat; } 
#content_left .angebot_container .head{ background:none; border:none; margin:-5px 0 30px 0; padding:0 0 0 70px; text-transform:uppercase; }
#content_left .angebot_1{ float:left; }
#content_left .angebot_2{float: right; }
#content_left .angebot_p{ padding-bottom:5px; }
#content_left .preis{ background-color:#eee; padding:8px; text-align:center; font-size:0.9em; margin-bottom:20px; }
#content_left .csc-linkToTop{ margin:0; padding:0; }
#content_left .csc-linkToTop a{text-decoration:none; padding:0 0 0 15px; background:transparent url("../images/icon_toTop.gif") no-repeat 0px 3px; }

/* content_right
--------------------------------------------------*/
#content_right{ width: 247px; margin-top:-3px; float:left; font-size: 90%; }
.angebot{ height:143px; background:transparent url('../images/kosten_webdesign.png') no-repeat; margin-bottom: 40px;  }
.angebot:hover{ background-position:0 -143px;}
.angebot a{ display:block; width:247px; height:143px; text-decoration: none; color: transparent; line-height:0; font-size:0; }
ul.type1{ list-style-type: none; list-style-image: url("../images/bg_bullet.gif"); margin-bottom: 40px; }
ul.type1 li{ margin-left: 20px; }
ul.type2{ list-style-type: none; margin-bottom:40px; }
ul.type2 li{ background: #f2f2f2 url("../images/bg_li_type2.gif"); width: 237px; padding-left:10px; margin-bottom:2px; text-transform: uppercase; letter-spacing: -1px; height:20px; }
ul.type2 li:hover{ background-position: 0 20px; }
.type2 a{ color:#666; text-decoration: none; display:block; }
.head{ background:#f2f2f2 url("../images/bg_head.gif"); border:1px solid #e8e8e8; width:235px; display: block; margin-bottom:2px; font-weight: bold; padding:5px; }

/* footer
--------------------------------------------------*/
#footer{ width:1003px; height:88px; margin:-5px auto; padding:45px 0 0 96px; text-align:center; background:transparent url('../images/bg_footer.png') no-repeat scroll 50% 0pt; font-size:80%; color:#999;  }
#footer a{ color:#999; text-decoration: none; margin-right: 20px; }

/* ps
--------------------------------------------------*/
#ps{ width:800px; line-height:1.2em; margin:-40px auto; text-align:center; background-color:transparent; font-size:80%; color:#cebea6;  }

/* ref_
--------------------------------------------------*/
.ref_container{ margin:40px 0; }
.ref_header{ font-size: 1.1em; font-weight: bold; }
.ref_left{ padding-bottom:10px; }
.ref_kw{ font-weight: normal; font-size: 1em; font-style: italic; display:inline; }
.ref_img{ background:transparent url("../images/bg_ref_img.jpg") no-repeat scroll center top; margin:0 20px 20px -10px; padding:0px 14px 0px 14px; float:left; }
a.ref_link{ background:transparent url("../images/icon_ext_link.png") no-repeat; padding-left:18px;}

/* forms
--------------------------------------------------*/
form ul{ list-style-type:none; }
form ul li{ list-style-image:none; padding:15px 10px; clear:both; }
fieldset{ border: 1px solid #ccc; padding:20px 0; }
legend{ padding:0 10px; }
label{ float:left; }
input, textarea, select { width:400px; float:right; background:#FFFFFF url("../images/bg_forms.jpg") repeat-x scroll left top; border:1px solid #CFDDE6; padding:0.2em 0.5em; color:#666; }
select{ width:413px; }
.submit{ width:100%; padding:0.5em 0.5em; color:#990000; font-weight:bold; margin-top:10px; }
.file{ width:100%; }
#content_right form ul li{ padding:10px 0 0 10px; }
#content_right fieldset{ border:1px solid #e8e8e8; }
#content_right legend{ display:none; }
#content_right input, #content_right textarea, #content_right select{ float:left; width:210px; }
#content_right .check{ width:20px; margin-left:40px; }
#content_right .submit{ width:220px; }