/*
 * CSS for SOS-Media Web-Shop V2.0
 * author: www.sos-media.de
 */
html{margin:0px;padding:0;height:100%;}
body {font-size: 12px;font-family: Arial,Verdana, Helvetica,Univers,Zurich BT,sans-serif;color:#ffffff;padding:0;margin:0;background-color:#303030;text-align:center;height:100%;}
.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}
.small {font-size: 10px;}
.error {font-weight:bold;border:1px solid red;}
.ok {font-weight:bold;border:1px solid green;}
.pflichtfeld{color:#ff0000;}
label{float:left;width:60px;}
.w100{width:100px;}
a{color:#303030;}
a img {border:0px;}
h1 {font-size:37px;font-weight:normal;margin:0 0 30px 0;line-height:38px;font-family:Verdana;}
h2 {font-size:15px;margin:0 0 20px 0;line-height:16px;font-family:Verdana;}
h3{font-size:13px;margin:0 0 20px 0;line-height:13px;font-family:Verdana;}
p{margin:0 0 20px 0;}

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size: 1px;
	line-height: 0px;
	overflow : hidden;
	visibility: hidden;
	text-align:left;
}

#wrapper {position:relative;margin:0 auto 0 auto;width:990px;background-image:url(../images/wrapper_bg.png);background-repeat:repeat-y;background-position:center top;height:95%;z-index:3px;}
#footerleft {width:215px;float:left;position:relative;z-index:2px;}
#left {padding:0px;width:215px;float:left;position:relative;}
#left .topmargin{width:155px;background-color:#404E4C;height:80px;display:block;margin:0 0 0 30px;}

#navi {width:563px;height:60px;background-image:url(../images/navi_bg.png);background-repeat:no-repeat;padding:26px 0 0 0px;text-align:left;z-index:10;margin:0 0 0 11px;}
ul.topnav {
	list-style: none;
	padding: 0 10px 0 10px;
	margin: 0;
	float: left;
	width: 543px;

}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0px 10px 0 10px;
	position: relative; /*--Declare X and Y axis base--*/
	background-image:url(../images/navi_li_bg.png);
	background-position:right 0px;
	background-repeat:no-repeat;
	border-top:2px solid #878B8E;
}
ul.topnav li.last {background-image:none;}

ul.topnav li a{
	padding: 6px 0 6px 0;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	font-size:11px;
	font-weight:bold;

}
ul.topnav li:hover{
	border-top:2px solid #FF8E23;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 10px;
	height: 35px;
	float: left;
	margin:0 0 0 3px;
	background: url(../images/subnav_btn.gif) no-repeat center 2px;
}
ul.topnav li span.subhover {cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -10px; top: 27px;
	background-image: url(../images/subnavi_bg.png);
	background-position:left bottom;
	margin: 0; padding: 0 0 10px 0;
	display: none;
	float: left;
	width: 170px;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	background-image:none;
	clear: both;
	width: 170px;
	border-top:0px;
}
ul.topnav li ul.subnav li:hover{
   border-top:0px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	color:#fff;
	width: 139px;
	border-bottom: 1px solid #bdc0c3; /*--Create bevel effect--*/
	margin-left: 10px;
	padding: 5px 5px;
	font-size:11px;
	font-weight:bold;

}
html ul.topnav li ul.subnav li a.first, html ul.topnav li ul.subnav li a.first:hover
 {
   border-top: 1px solid #bdc0c3; /*--Create bevel effect--*/
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	border-bottom:1px solid #FF8E23;
	border-top:0px;
	color:#666666;
}



#main, #footermain {width:585px;float:left;}
#main #breadcrum{color:#fff;display:block;text-align:left;background-color:#878C8F;  width:547px;margin:0 0 0 12px;padding:0 0 0 15px;}
#main #breadcrum a{color:#f9d6b8;text-decoration:none;}

#main #content {width:525px;text-align:left;padding:0 30px 0 30px;line-height:18px;}
#right, #footerright {width:145px;float:right;text-align:left;padding:0 20px 0 20px;font-family:verdana;}
#footerwrapper{margin:0 auto 0 auto;width:990px;background-image:url(../images/footerwrapper_bg.png);background-repeat:repeat-y;background-position:center bottom;}
#footer {margin:20px auto 0 auto;width:490px;text-align:left;padding:0 0 0 20px;}


#right .topmargin{width:145px;height:80px;display:block;margin:0;}

#right input, #right select {background-color:#d9dcdb;border:1px solid #9fa7a6;}
#right .domainanfrage {height:120px;}
#right .okbutton{border:0px;margin:5px 0 0 0;}

#right .quicklinks a{text-decoration:none;color:#fff;font-weight:bold;font-size:12px;}
#right .quicklinks a:hover{color:#D38334;}
#right .quicklinks p{font-size:9px;}

#right .cms_logos{margin:40px 0 0 0;font-size:11px;color:#c6cac9;}
#right .cms_logos p {margin:0 0 5px 0;}
#right .toolbox {font-size:10px;margin:40px 0 0 0;}
#right .toolbox a{color:#c6cac9;text-decoration:none;padding:4px 0 4px 25px;background-repeat:no-repeat;}
#right .toolbox a:hover{color:#D38334;}
#right .toolbox p {margin: 0 0 10px 0;}
#right .toolbox .kontakt {background-image:url(../images/kontakt_bg.png);}
#right .toolbox .impressum {background-image:url(../images/impressum_bg.png);}
#right .toolbox .drucken {background-image:url(../images/drucken_bg.png);}
#right .toolbox .rss {background-image:url(../images/rss_bg.png);}
/*
 * General Styles
 */
#footerwrapper #footercontent{width:490px;text-align:left;padding:0 30px 0 30px;line-height:18px;}

#footercontent .copyright{font-size:10px;clear:both;padding:5px 0 0 0;}
#footer ul {padding: 0 0 0 0;margin: 0 0 0 0px;list-style: none;line-height: 1;float:left;}
#footer a {text-align:left;display: block;width: 160px;height:15px;text-decoration:none;color:#272E41;font-weight:bold;padding:15px 0 0 0;font-size: 13px;}
#footer a:hover{border:0px;color:#000;}
#footer li { /* first-level lists: normal navigation */
   float: left;
	width: 160px; /* width needed or else Opera goes nuts */
	margin:0;
}
#footer li ul { /* second-level lists: drop-down */
	width: 160px;
	margin:0;
	padding:0 0 0 0;

}
#footer li ul {padding-bottom:20px;}
#footer li ul li{height:20px;}
#footer li ul li a{font-weight:normal;height:14px;display:block;padding:10px 0 0 0;font-size:12px;}
#footer li ul li a:hover{color:#000;}

#menue {width:490px;}
#menue ul {border-bottom:1px dotted black;border-top:1px dotted black;border-left:1px dotted black;padding-left:5px;;margin-left:0px;list-style-type:none;line-height:22px;background-color:#aaaaaa;}
#menue img {margin-right:5px;}
#menue ul ul {margin-left:40px;background-color:#bababa;}
#menue ul ul ul{background-color:#cacaca;}
#menue ul ul ul ul{background-color:#dadada;}
#menue ul ul ul ul ul{background-color:#fafafa;}
#menue a {color:#000;font-weight:bold;}
#menue ul a {color:#000;}

.trenner{background-color:#fff;border-top:2px solid #fff;height:0px;line-height:1px;clear:both;}

#content .col1-3{border:1px solid #b3b8b8;float:left;width:169px;margin:0 6px 10px 0;padding:0 0 3px 0;color:#fff;height:200px;}
#content .col1-3 img {border-bottom:2px solid #b3b8b8;}
#content .col1-3 p {padding:5px;}
#content .col1-3 h3{font-size:13px;margin:5px;line-height:13px;font-family:Verdana;font-weight:bold;}
#content .col1-3:hover {background-color:#f5821f;border:1px solid #f5821f;}
#content a {color:#f9d6b8;border-bottom:1px dotted #f9d6b8;text-decoration:none;}
#content a:hover{color:#f9c191;border-bottom:1px solid #f9c191;}
#content ol li {margin-bottom:10px;}
#content li {margin-bottom:10px;}
#content h5 {color:#f9d6b8;font-size:12px;margin:0;font-family:Verdana;font-weight:bold;}
#content ul{list-style-type:square;}


#content a.boxcms, #content a.boxshop, #content a.boxmobilewebsite, #content a.boxliveshopping  {border:1px solid #b3b8b8;float:left;width:159px;margin:0 6px 10px 0;padding:80px 5px 3px 5px;color:#fff;height:120px;text-decoration:none;}
#content a.boxodod, #content a.boxknut{border:1px solid #b3b8b8;float:left;width:240px;margin:0 0px 10px 0;padding:68px 5px 3px 5px;color:#fff;height:120px;text-decoration:none;}
.boxodod:hover, .boxknut:hover, .boxcms:hover, .boxshop:hover, .boxmobilewebsite:hover, .boxliveshopping:hover {background-color:#f5821f;border:1px solid #f5821f;}
.boxcms {background-image:url(../images/cms_icon.jpg);background-repeat:no-repeat;}
.boxshop {background-image:url(../images/shop_icon.jpg);background-repeat:no-repeat;}
.boxmobilewebsite {background-image:url(../images/mobile_website_icon.jpg);background-repeat:no-repeat;}
.boxliveshopping {background-image:url(../images/liveshopping_icon.jpg);background-repeat:no-repeat;}
.boxodod {background-image:url(../images/odod_bg.png);background-repeat:no-repeat;}
.boxknut {background-image:url(../images/knutsknaller_bg.jpg);background-repeat:no-repeat;}
.boxknut .h3, .boxodod .h3, .boxcms .h3, .boxshop .h3, .boxmobilewebsite .h3, .boxliveshopping .h3{font-size:13px;margin:0 0 0 0;line-height:25px;font-family:Verdana;font-weight:bold;}


.borderimage{border:1px solid #fff;margin:0 0 15px 0;}
#map{color:#000;width:522px;height:300px;border:1px solid #fff;}


table.nice {color:#949394;}
table.nice th{border-bottom:2px solid #4e4c4e;line-height:12px;}
table.nice th.none, table.nice td.none{border-bottom:0px;}
table.nice td{border-bottom:1px solid #ababab;line-height:17px;}

.referenzpoints{float:right;width:220px;}
p.point{margin:0 0 5px 0;font-size:10px;background-image:url(../images/point_bg.png);padding:0 0 0 17px;background-repeat:no-repeat;line-height:12px;background-position:0 3px;}
p.url{margin:0;padding:10px 0 0 0;font-weight:bold;}

#bgtable {width:100%;color:#000;}
#bgtable th{background-color:#bababa;}
#bgtable td{background-color:#dfdfdf;}
#bgtable td.odd{background-color:#efefef;}
#bgtable td a{color:#000;}
#bgfieldset {border: 2px solid #bababa;padding:5px;margin-bottom:10px;}
#bgfieldset legend{padding:3px;font-weight:bold;color:white;background-color:#000;margin-bottom:5px;}

ul#slideshow{list-style:none;padding:0px;margin:0px;width:143px;height:62px;overflow:hidden;}

#wrapper2 {
    width: 525px;
    margin: 0 auto  15px auto;;

}

#slider {
    width: 525px;
    margin: 0 auto;
    position: relative;

}

.scroll {
	overflow: hidden;
	width: 525px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    width: 515px;
    padding: 0 5px 0 5px;

}
.scrollContainer div.panel img{
    border:7px solid #fff;

}


#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	bottom: 0;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 0px;
	bottom: 0;

}

.inside {
	    border: 1px solid #b3b8b8;
	padding:5px;
}



.inside h3 {
	margin:0 0 10px 0;
}




.scrollButtons {
   cursor:pointer;
}


.hide {
    display: none;
}