/* Raumausstattung Kullack CSS - www.raumausstattung-kullack.com*/

body
{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
background:#e5e5e5 url(/img/bg/bg.jpg) repeat-y top left;
}

/* Seiteneinteilung Tabellenlayout
----------------------------------------------------*/

#maintable
{
background:#ffffff;
width:780px;
border-right:1px solid #6B6B6B;
border-bottom:1px solid #6B6B6B;
margin:5px 5px 10px 5px;
}

#top
{
height:100px;
padding:0px;
margin:0px;
vertical-align:bottom;
}

#leftside
{
width:55px;
padding:0px;
background:#ffffff url(/img/bg/left_bg.jpg) no-repeat top left;
}


#maincontent
{
padding:20px;
font-size:11pt;
color:#292929;
font-family:Arial, Verdana, sans-serif;
line-height:20px;
width:630px;
}



/* Haupt Textgestaltung
----------------------------------------------------*/

h1, h2, h3, h4
{
font-family:Arial, Verdana, sans-serif;
font-weight:bold;
color:#6F6F6F;
}

h1 {font-size:20px;}
h2{font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}


a:link, a:visited, a:active, a:hover
{
color:#9C0000;
font-weight:bold;
text-decoration:none;
}

a:hover
{
color:#9F0000;
text-decoration:underline;
}

.blindlink a:link, .blindlink a:visited, .blindlink a:active, .blindlink a:hover
{
color:#292929;
font-weight:normal;
text-decoration:none;
}

.blindlink a:hover
{
color:#9F0000;
text-decoration:underline;
}


.logo                        /* Firmenname immer hervorgehoben */
{
font-variant:small-caps;
}

.icon
{
vertical-align:middle;
margin-right:3px;
}

/* Menu Layout
----------------------------------------------------*/

.smallmenu                          /* Top Menue mit Sprachflaggen*/
{
padding:2px;
font-size:10px;
color:#6F6F6F;
}

.menu
{
background:#ffffff url(/img/bg/menu_bg.jpg) no-repeat top left;
height:450px;
padding:6px;
margin-top:30px;
width:175px;
}

a.menu
{
font-size:12pt;
margin:0px;
}

a.menu:active, a.menu:hover
{
color:#990000;
}

.submenu
{
background:#ffffff url(/img/bg/submenu_bg.jpg) no-repeat bottom left;
padding:0px;
margin-top:10px;
margin-left:10px;
width:160px;
}

.submenu a:link, .submenu a:visited, .submenu a:hover, .submenu a:active
{
display:block;
margin-left:5px;
margin-bottom:5px;
font-weight:normal;
font-size:11pt;
line-height:150%;
font-variant:small-caps;
color:#5A5A5A;
text-decoration:none;
border-top:1px solid #7B7B7B;
text-align:right;
}

.submenu a:active, .submenu a:hover
{
border-top:1px solid #990000;
color:#990000;
text-decoration:none;
}



/* Kleingedrucktes
----------------------------------------------------*/

.subinfo
{
padding:2px;
font-size: 10px;
color:#6F6F6F;
}

.subinfo a:link, .subinfo a:visited, .subinfo a:active
{
color:#6F6F6F;
text-decoration:none;
font-weight:bold;
}

.subinfo a:hover
{
text-decoration:underline;
}






/* Textfelder
----------------------------------------------------*/
.guestbook
{
background:url(/img/bg/guestbook_bg.jpg) no-repeat top right;
font-size:14px;
}

.infobox          /* Produkte Textbox Unten */
{
width:400px;
border:1px solid #990000;
background-color:#F7ECD5;
margin:5px 5px 5px 20px;
float:none;
padding:5px;
font-size:10pt;
color:#101010;
font-family:Verdana, Arial, sans-serif;
}

.appendix       /* bei Infobox angehängte Links in div */
{
border-top:1px solid #afafaf;
padding:4px;
font-weight:bold;
text-align:right;
width:240px;
}

.box1                /* Schmaler Container für Listen */
{
margin:10px 0px;
padding:10px;
background-color:#f8f8f8;
border:2px solid #9F0000;
font-size:14px;
}

.boxtitle
{
color:#6F6F6F;
font-weight:bold;
}

.smallinfobox       /* Kleingedrucktes in der Liste */
{
margin:10px 20px;
padding:10px;
background-color:#ffffff;
border:1px solid #efefef;
width:100px;
font-size:10px;
float:right;
line-height:12px;
}


/* Formulare
----------------------------------------------------------- */

.selectfield1
{
background-color:#D3E8D2;
color:#4F4F4F;
vertical-align:bottom;
}

.button1
{
font-size:12px;
font-weight:bold;
border-top:1px solid #6F6F6F;
border-right:1px solid #6F6F6F;
border-bottom:2px solid #AFAFAF;
border-left:1px solid #AFAFAF;
background-color:#9F0000;
color:#ffffff;
margin:4px 0px 4px 0px;
}



/* Bildergalerie
----------------------------------------------------*/

.galbody
{
background:#ffffff url(/img/t.gif);
padding:5px;
}

.imgtitle
{
margin-bottom:10px;
}

.gal
{
border-left:2px solid #8C8C8C;
border-top:2px solid #8C8C8C;
border-right:2px solid #DEDEDE;
border-bottom:3px solid #DEDEDE;
}






/* Projektbezogene Einzelheiten
----------------------------------------------------*/

.servicelist
{
width:420px;
margin-left:50px;
}

.servicelist h4
{
margin-bottom:5px;
margin-top:20px;
}

.servicelist img
{
margin-right:10px;
}

.border
{
border:1px dotted #9C0000;
margin-bottom:20px;
padding:10px;
}

.productlink
{
list-style-image:url(/img/icons/arrow1.gif);
}

.productlink li
{
padding-left:10px;
}


.video
{
margin:10px auto;
padding:10px;
background-color:#f2f2f2;
width:400px;
text-align:center;
vertical-align:middle;
border:1px solid #CFCFCF;
}

.video object, .video embed
{
border:2px solid #8F8F8F;
}