@charset "UTF-8";

/* COLORS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	color: #000;
	background-color: #E2E2E2;
	}

.wrap {	background: #F4F4F4; }
#head, #shead { background: transparent url("../images/main_back.gif") center top repeat-y; }
#body { background: #F4F4F4 url("../images/main_back.gif") center top repeat-y; }
	
h1#logo a { }
	
h1 { color: #38D; }
h2 { color: #36B; }
h3 { color: #117; }
/* special web dev color */
h5 { 				
	color: #480; 
	font-size: 1.8em; 
	font-family: tahoma, geneva, "lucida sans unicode", "lucida grande", verdana, sans-serif;
	font-weight: normal;
	margin: .6em 0;
	} 
.content h4 { color: #006; }

/* LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link, strong a:link, a:link strong { color: #336; }
a:visited, strong a:visited, a:visited strong { color: #668; }
a:focus, strong a:focus, a:focus strong { color: #F00; }
a:hover, strong a:hover, a:hover strong { color: #F60; }
a:active, strong a:active, a:active strong { color: #F20; background: #FFF; }


.menu a { text-decoration: none; }
.leftbanner a { text-decoration: underline; }
.content a {  text-decoration: none; border-bottom: 1px solid; }
.content a:link { border-color: #668; }
.content a:visited { border-color: #668; }
.content a:focus { border-color: #F00; }
.content a:hover { border-color: #F60; }
a:active { border-color: #F20; }

.content a acronym, .content a abbr, .content a span
{  border-bottom: 1px dotted #FFF; }

#breadcrumbbar a,
.teaser dd h3 a { text-decoration: none; }
#breadcrumbbar a:active { background: transparent; }
#breadcrumbbar a:focus { background: transparent; }

strong { color: #449; }

/* LINK im Logo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1#logo { background: transparent url("../images/inw_logo.gif") no-repeat; }

h1#logo a:active, h1#logo a:hover {
	background: transparent;
	border: 0;
}

/* LINKS im Topmenu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.menu#top ul a { color: #456; }

.menu#top ul a:hover {
	color: #000;
    border-top: 3px solid #F60;
}
.menu#top ul a.current { 
	color: #000;
    border-top: 3px solid #69F;
}

/* LINKS im Mainmenu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.menu#main {
	color: #FFF;
	background: #677 url("../images/bevel.gif") repeat-x;
	}

.menu#main a {
	color: #FFF;
	background: inherit;
	}

.menu#main a:hover {
	color: #FFF;
	background: #455 url("../images/bevel_hi.gif") repeat-x;
	}

.menu#main a.current {
	color: #FFF;
	background: #455 url("../images/bevel_hi.gif") repeat-x;
	}

/* Tab Icon */
.menu#main ul li.bM_NO_302 a {
	padding-left: 30px;
	background-image: url("../images/inw_webdev/tabicon_inw-wd_11.gif");
	background-repeat: no-repeat;
	background-position:  10px 7px;
	}





/*  LINKS im Sidebarmenu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.menu#sidebar ul li { border-top: 1px solid #C9CFD9; }
.menu#sidebar ul li.quicklinksheader u { color: #38D; }
	

.menu#sidebar ul li u,
.menu#sidebar ul li.header u { color: #F60; }

.menu#sidebar ul li a,
.menu#sidebar ul ul li a {
	color: #667;
}
.menu#sidebar ul ul ul li a {
	color: #334;
}
.menu#sidebar ul ul ul ul li a {
	color: #001;
}
.menu#sidebar ul li a:hover,
.menu#sidebar ul li a:focus,
.menu#sidebar ul li a:active {
	color: #06F;
	background: #F4F4F4;
/*	text-decoration: underline; */
	}

.menu#sidebar ul li.current u { color: #F60; }
/* .menu#sidebar ul li.header { color: #F60; } */
.menu#sidebar ul li a.has-subs, .menu#sidebar ul li a.has-subs:hover {
	background: #F4F4F4 url("../images/a_subs.gif") no-repeat 95%;
	}
/*  LINKS in der Breadcrumbbar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#breadcrumbbar {
	color: #234;
	background-color: #C6CCCC; }

#breadcrumbbar h3 {
	color: #234;
	background-color: #D9DDDD; }

#breadcrumbbar a { color: #667; }
#breadcrumbbar a:hover { color: #234; }

/* BANNER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.leftbanner {
	}


/* ART ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.csc-textpic-border a img {
	background-color: #FFF;
	border: 3px solid #FFF !important;
	}


.csc-textpic-border a {
	}

img#art {
	background-color: #226;
	}

#fart {
	background-color: #226;
	}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*  FOOT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.wrap#foot { 
	color: #457;
	background: #E2E2E2 url("../images/main_back_btm.gif") no-repeat center top;
/*	background: #FFF; */
	}

/*  RIGHTCOL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.note_single .subheader {
	color: #249;
	}

.note-static {
	background: #FFF url("../images/box_rounded_ul.gif") no-repeat;
	}
	
.note-static ul {
	}
	

/* PREISLISTE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.preisliste {
	border: 1px dotted;
	border-color: #BBB #999 #999 #BBB;
	background: #EEE url("../images/preisliste_back.gif") repeat-x;
	}
.preisliste tbody td {
	background: #F8F8F8;
	background: #F6F6F6;
	border-bottom: 1px solid;
	border-color: #DDD;
	}
.preisliste tbody tr:hover td,
.preisliste tbody tr:hover td strong,
.preisliste tbody tr:hover th {
	color: #F60;
	color: #03B;
	background: #FFF;
	border-color: #CCC;
	cursor: default;
	}
	
.preisliste tbody tr th,
.preisliste.pakete tr.headrow th {
	color: #778;
	color: #449;
	}

.preisliste tbody tr:hover th {
	color: #36B;
	background: url("../images/arrow_b.gif") no-repeat 100% 0%;
	}

.tick {
	background: url("../images/ok.gif") no-repeat 100% 4px;
	}
.preisliste tbody tr:hover .tick {
	background: url("../images/ok.gif") no-repeat 100% -36px;
	}





	
.preisliste tbody tr.seperator td {
/*	border-bottom: 1px solid #CCC; */
	border-bottom: none;
	background: transparent;
	}

.preisliste.pakete tr.headrow th {
/*	border-bottom: 1px solid #CCC; */
	background: transparent;
	}

.preisliste thead th, 
.preisliste thead th strong {
	color: #36B;
	}
.preisliste.pakete .headrow th {
	color: #38D;
	}
.preisliste tbody th {
	color: #38D;
	color: #449;
	}

.preisliste.pakete tbody th, .preisliste.zusatzleistungen tbody th {
	color: #000;
	}

.preisliste thead th.plain {
	}

a.sbmbtn {
	font-weight: bold;
	padding: .2em .6em;
	text-decoration: none;
	}

a.sbmbtn {
	color: #FFF;
	background: #8AC;
	border: 1px solid;
	border-color: #FFF #468 #468 #FFF;
	}
a.sbmbtn:hover {
	color: #FFF;
	background: #F60;
	border-color: #FFF #666 #666 #FFF;
	}


/* KONTAKT > Ansprechpartner ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

dl.abteilung dl { 
	background: #FFF url("../images/box_rounded_ul.gif") no-repeat;
	}

dl.abteilung dt { 
	color: #36B;
	}

dl.abteilung dl dt { 
	color: #006;
	}

/* Formular ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.sbm {
	color: #FFF;
	background: #8AC;
	border: 1px solid;
	border-color: #FFF #468 #468 #FFF;
	}
	
.sbm:hover {
	color: #FFF;
	background: #F60;
	border-color: #FFF #666 #666 #FFF;
	}
.sbm:active {
	background: #F00;
	}
	
/* Domains > Ueber Uns ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.partner {
	background: #FFF url("../images/partner_back.gif") repeat-y;
	}

.partner dl {
	background: #FFF url("../images/partner_card_back.gif") no-repeat;
	}

/* domainfinder  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.captcha-white {
	border: 1px solid #999;
	background: #EEE url("../images/preisliste_back.gif") repeat-x bottom;
	}