/*** Window **************************************************/

html {
	overflow-x: hidden;
	overflow-y: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
    border-bottom-width: 1px;
    border-bottom-color: black;
    border-bottom-style: solid;
    color: #D37020;
    font-weight: normal;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    }

h2 {
    border-bottom-width: 1px;
    border-bottom-color: black;
    border-bottom-style: solid;
    color: #D37020;
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    }

#tab-wrapper h1 {
    border-bottom-width: 1px;
    border-bottom-color: #dfdfdf;
    border-bottom-style: solid;
    color: #D37020;
    font-size: 1.25em;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    }

a {
    color: #0076b3;
    }

img {
    border: 0px;
    }

body {
	background-image: url(http://www.computec-online.de/tl_files/layout/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #0076b3;
}



#wrapper {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    }
    
#header {
    margin: 0px auto;
    width: 980px;
    height: 210px;
    background-image: url(http://www.computec-online.de/tl_files/layout/header_top.jpg);
    background-repeat: no-repeat;
    background-color: white;
    }

.headerbilder {
    height: 130px;
    position: relative;
    }

.logo {
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    }

.shopping {
    margin-left: 108px;
    margin-top: 0px;
    position: relative;
    }

.el-right {
    position: absolute;
    top: 20px;
    right: 10px;
    }

.nav {
    background-image: url(http://www.computec-online.de/tl_files/layout/bg_nav.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 45px;
    padding-top: 45px;
    padding-left: 100px;}

.nav a {
    font-size: 18px;
    font-family: "Verdana";
    color: white;
    margin-left: 5px;
    padding-right: 15px;
    text-decoration: none;
    background-image: url(http://www.computec-online.de/tl_files/layout/trenner.jpg);
    background-position: right;
    background-repeat: no-repeat;
    }

.nav a:hover {
    color: #0076b4;
    text-decoration: none;
    }

.nav a.last {
    background-image: none;
    }
    
#container {
    background-color: white;
    width: 980px;
    margin: 0px auto;
    }

#sidebar {
    width: 200px;
    float: left;
    }

#main {
    width: 750px;
    float: left;
    padding: 15px;
    }
.welcome {
    width: 500px;
    float: left;
}

.vorteilbox {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
    }

.vb-home {
    background-image: url(../images/zettel.png);
    float: left;
    width: 220px;
    height: 222px;
    margin-left: 20px;
    margin-right: 10px;
    }

.vorteilbox a, .vorteilbox a:hover, .vb-home a, .vb-home a:hover{
    color: black;
    text-decoration: none;
    font-size: 12px;
    }

.vb-home h2 {
    margin-top: 40px;
    margin-left: 15px;
    width: 195px;
    }


.line {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
    margin-bottom: 10px;
    }

.line_grey, #tab-wrapper .line {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #dfdfdf;
    margin-bottom: 10px;
    }

.even {
    background-color: #dfdfdf;
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 150px;
}

.odd, .even {
    margin: 5px;
    padding: 5px;
}

.s2 {
    padding: 5px;
    margin-right: 15px;
    width: 340px;
    display: block;
    float: left;
    min-height: 300px;
    }

.s2:hover {
    background-color: #f1f5f5;
    }
    
.overview {
    margin-bottom: 15px;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
}
.image {
    float: left;
    width: 110px;
    margin: 5px;
    
}

.s2.home {
    min-height: 382px;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    }
.image, .image-big, .image-detail {
    position: relative;
}

.image .lupe, .image-big .lupe, .image-detail .lupe {
    position: absolute;
    bottom: 3px;
    right: 3px;
    border: 0px;
    }

.image-big, .image-detail {
    float: left;
    width: 200px;
    margin: 5px;
    }

.teaser, .teaser-big, .teaser-detail {
    float: left;
    
}    

.teaser {
    width: 220px;
    }

.teaser-big, .teaser-detail {
    width: 480px;
    padding-left: 20px;
    }

.teaser-detail a {
    text-decoration: none;
    }


.teaser .text-artikel {
    text-align: justify;
    }

.center {
    text-align: center;
    }

.border {
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    }
#footer {
    background-image: url(../images/footer.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #0076b4;
    width: 980px;
    height: 100px;
    margin: 0px auto;
    clear: both;
    }

#footer p {
    color: #ededed;
    text-align: center;
    padding-top: 40px;
    }

#footer a {
    color: #ededed;
    text-decoration: none;
    }

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

.tabs ul li{
    list-item:none;
    border:1px solid #dfdfdf;
    padding:2px;
    margin-right: 5px;
    color: #0076b4;
    width: 150px;
    text-align: center
}

.tabs li {
    display: block;
    }

.tabs li:hover, .Selected{
    background-color: #dfdfdf;
    cursor: pointer;
    display: block;
}

.tabs ul {
    margin: 0px;
    padding: 0px;
    }

#tab-wrapper
{
	padding:				1em 1.5em;
	margin:					0;
	border:					1px solid #dfdfdf;
	clear:					both;
	width: 680px;
}

#tab-wrapper {
    line-height: 1.5em;
    }

#tab-wrapper {
    width: auto;
    }
.tabs
{
	margin:					0;
	padding:				0;
	list-style:				none;
	overflow:				auto;
}
.tabs li
{
	float:					left;
	line-height:			2em;
	display: block;
}


.HiddenDiv {
    display: none;
}

li {
    line-height: 1.5em;
    }

.sterne {
    width: 645px;
    text-align: justify;
    }

.business li {
    font-weight: bold;
}

.bild {
    float: right;
    }
    
.error {
    width: 450px;
    }


/*** Menu **************************************************/

.menu-main {
	background-image: url(../images/bg_menu_main.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #D6E0EB;
	height: 20px;
	padding-top: 3px;
	padding-left: 10px;
}

.menu-main a {
    font-weight: normal;
    color: #234A8F;
	text-decoration: none;
	font-size: 14px;
}

.menu-sub {
	background-image: url(../images/bg_menu_sub.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #dfdfdf;
	height: 20px;
	padding-top: 3px;
	padding-left: 15px;
}

.menu-sub a {
    color: #000000;
	text-decoration: none;
	font-size: 14px;
	margin-left: 5px;
}


.menu-aktion {
	background-image: url(../images/bg_menu_aktion.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #D6E0EB;
	height: 20px;
	padding-top: 3px;
	padding-left: 10px;
}

.menu-aktion a {
    font-weight: normal;
    color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
}

.menu-anf {
	background-image: url(../images/bg_menu_anf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 161px;
}



/*** Content **************************************************/

.product-overview-head {
	background-color: #DBDBDB;
	height: 18px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
    color: #000000;
    display: inline;
}


.product-overview-delim {
	border: 0px none;
	background-image: url(../images/dotline_content_vert.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width:5px;
}


.headline-artbez a, .headline-artbez {
        font-weight: bold;
        color: #40629E;
        text-decoration: none
}


.headline-artbez-detail, .headline-artbez-detail a {
        margin-bottom: 0px;
        margin-top: 5px;
        font-size: 16px;
        color: #e57707;
        text-decoration: none;
}


.headline-artikel {
	color: #000000;
	font-weight: bold;
}


.headline-orange, .headline-orange a {
        font-size: 13px;
        font-weight: bold;
        color: #D37020;
        text-decoration: none;
}


.text-artikel {
	color: #000000;
}

.text-artikel a {
    text-decoration: none;
    }

a:hover {
    text-decoration: underline;
    }
    
.text-artikel-detail {
	color: #000000;
	text-align: justify;
	display: block;
}



.preis {
        float: right;
        font-weight: bold;
        color: #0f75bd;
}

.preis-liste {
        float: left;
        font-weight: bold;
        color: #0f75bd;
}


.preis-gross {
        float: left;
        font-size: 16px;
        font-weight: normal;
        color: #0f75bd;
}

.vormerken {
    float: right;
    }


/*** Allgemein **************************************************/


.fliesstext {
        color: #000000;
}


.small-grey, .small-grey a {
        color: #555555;
        text-decoration: none
}

.normal, li {
        font-weight: normal;
        color: #000000;
        font-size: 12px;
}

.normal a {
        text-decoration: none;
}

.fliesstext-block {
	color: #000000;
	text-align: justify;
	display: block;
}

.normal-weiss {
        color: #FFFFFF;
}

.small-weiss {
        color: #FFFFFF;
}

.fett {
        font-weight: bold;
}

.fett-weiss {
        font-weight: bold;
        color: #FFFFFF;
}


.fett-blau {
        font-weight: bold;
        color: #336699;
}


.a-fett {
        color: #000000;
		font-weight: bold;
        text-decoration: none;
}

.normal-a {
        color: #000000;
}


.a-normal {
        color: #000000;
        text-decoration: none;
}

.a-normal-weiss {
        color: #FFFFFF;
        text-decoration: none;
}



.a-normal-anf {
		font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}


.a-normal-weiss:hover {
        color: #D0E2F5;
        text-decoration: none;
}


.a-fett-weiss {
        color: #FFFFFF;
		font-weight: bold;
        text-decoration: none;
}


.a-blau {
        color: #336699;
        text-decoration: none;
}

.a-blau-fett {
        color: #336699;
        font-weight: bold;
        text-decoration: none;
}

.a-normal:hover {
        color: #EA7907;
        text-decoration: none;
}

.right {
    text-align: right !important;
    float: right;
    background-color: none;
    }

.right a {
    text-decoration: none;
    }


.headline-weiss {
        font-size: 13px;
        font-weight: bold;
        color: #FFFFFF;
}


.textfeld {
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}




.textfeld-required {
	color: #000000;
	background-color: #ffd99b;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}


.textfeld-comment {
	color: #000000;
	background-color: #dfdfdf;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}


.textfeld-rate {
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
    border-width: 0px;
	text-align:right; 
	padding-right:5px;
}

.form-button {
    	background-color: #ACBAC8;
    	color: #000000;
    	border-width: 1px;
	cursor: hand;
}



.search {

	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	padding: 0px;
	margin: 0px;
	height:20px;
}


.textfeld-suche {
	color: #000000;
	background-color: #FFFFFF;
	border: 0px;
	padding-top: 3px;
	padding-left: 8px;
	height:20px;
	width: 130px;
}

.optgroup {
				color: #000000;
				background-color: #FFFFFF;
	    		border-width: 1px
	}


.table100 {
		height: 100%;
}


.tdbg {
		background-attachment: fixed;
		background-image: url(../images/hg_tbl.jpg);
		background-repeat: no-repeat;
		background-position: left bottom;
	}


.td1 {
		background-color: #ACBAC8;
	}
	
.td2 {
		background-color: #DDDDDD;
		height:20px;
	}



#td_100 {
		height: 100%;
}


#td_delimiter {
		background-color: #336699;
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	
	
	
	
	
	
/*** TILES ***/


.Tile #YBox		/* ? not used ?! */
{
	border:0px none; align: center;
	margin-top:	0;
	margin-bottom: 0;
	font-size: 8pt;
	background-color: #white;
	color: black; padding-left:1em; padding-right:1em; padding-top:.3em; padding-bottom:.3em
}



/*** FORMS ***/

.TileContent001, .clWindow {
	color: #000000; 
	width: 100%;
	padding-top:2px;
	padding-bottom:2px;
}


.TileContent001 a{ 
	color: #1E5B79;
	text-decoration: none; 
}

.TileContent001 a:hover{ 
	color: #2895CC;
	text-decoration: none; 
}

.TileContent001 #head { 
	background-color: #D6E0EB;
	font-weight: bold;
	height: 20px;
	padding-left:2px;
	padding-right:2px;
}

.TileContent001 #subhead { 
	color: #000000; 
	height: 22px;
	background-color: #dfdfdf;
	padding-left:4px;
	padding-right:4px;
}


.TileContent001 #panel { 
	color: #000000; 
	background-color: #dfdfdf;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
}


.TileContent001 #col_bez { 
	background-color: #FFFFFF;
	padding-left:3px;
	padding-right:3px;
	border-bottom: 1px solid #808080;
}


.TileContent001 #col_bez2 { 
	background-color: #FFFFFF;
	padding-left:3px;
	padding-right:3px;
	border-bottom: 1px solid #808080;
}

.TileContent001 #col_field { 
	background-color: #FFFFFF;
	padding-left:3px;
	padding-right:3px;
	border-bottom: 1px solid #808080;
}



.TileContent001 #space { 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


.TileContent001 #space_col { 
    background-color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #808080;
}


.TileContent001 #note { 
    background-color: #dfdfdf;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px dashed #808080;
}

.clear {
    clear: both;
    }

/* mediaboxAdvanced - black theme */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer;}#mbOverlay.mbOverlayFF{background:transparent url(../images/80.png) repeat;}#mbOverlay.mbOverlayIE{position:absolute;}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 10px 40px rgba(0,0,0,0.70);-webkit-box-shadow:0 10px 40px rgba(0,0,0,0.70);}
#mbCenter.mbLoading{background:#000 url(../images/BlackLoading.gif) no-repeat center;-moz-box-shadow:none;-webkit-box-shadow:none;}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px;}#mbImage a,#mbImage a:link,#mbImage a:visited{color:#ddd;}
#mbImage a:hover,#mbImage a:active{color:#fff;}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px;}#mbTitle{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px;}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px;}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px;}
#mbPrevLink,#mbNextLink,#mbCloseLink{display:block;float:right;height:20px;margin:0;outline:none;}#mbPrevLink{width:24px;background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center;}#mbNextLink{width:24px;background:transparent url(../images/CustomBlackNext.gif) no-repeat center;}#mbCloseLink{width:24px;background:transparent url(../images/CustomBlackClose.gif) no-repeat center;}
#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-moz-border-radius:5px;-webkit-border-radius:5px;}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline;}