/* @override http://sprdtags/stylesheets/sprdtags.css */
body, p, ol, ul, td {
  font-family: "Myriad Pro", "Lucida Grande", Lucida, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
body{
 padding-left: 20px;
 padding-right: 20px;
 color: #111;
 margin: 0;
 padding-top: 10px;
 background: url(/img/back.png) no-repeat 210px 1px;
 border-right: 4px solid #1f65da;
 border-left: 4px solid #1f65da;}
img {
 border-style: none;
 border-width: 0;}
 /* basic layout */
  * {margin:0;padding:0;}
 #wp {text-align:left;}
#wp,#bd {margin:0;padding:0;}
#wp {margin:0 auto;list-style:none;}
/* we treat the LI that contains the UL with the three colums as a table */
#bd {display:table;table-layout:fixed;}
#doc {display:table-row;}
#s1,#s2,#s3 {display:table-cell;}
/* for IE, we use "inline" + "hasLayout" + "width" and "vertical-align" */
#s1,#s2,#s3,{display:inline;zoom:1;vertical-align:top;}

  #bd {display:table;}
  #doc {display:table-row;list-style-type:none;}
  #s1,#s2 {display:table-cell;
 padding-top: 10px;} 
 #s3 {display:table-cell;
 padding-top: 0px;}
 
 
 
  #wp,  #hd, #bd,  #ft {
width:100%;
 padding-bottom: 1em;}
#wp {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt auto;
}
 #wp,{margin:0 -3px;}

#hd, #ft {
overflow:hidden;
}
#hd {
border-bottom:1px dotted #73adff;
}
#hd, #ft {
padding: 5px 0pt 10px;
}
 #s1 {
	 border-right: 1px dotted #73adff;
 width: 158px;
 padding-right: 10px;}
 #s2 {
width:auto;
 padding-left: 10px;
 padding-right: 10px;}
 
 #s3 {
	width:200px;
border-left:1px dotted #73adff;
 padding-left: 0px;}
 
 /* layout stuff IE 7 */
 #s1,{margin-right:-160px;}
 #s2,{margin: 0 200px 0 160px;}
 #s3,{margin-left:-200px;}
/* IE lt 7 gets nothing fancy, all "%" */
 #s1, #s2, #s3{_margin:0;}
 #s1 {_width:13%;}
 #s2 {_width:64%;}
 #s3 {_width:18%;}
 
 
 #s1 h2, #s3 h2 {
 font-size: 1.1em;}
#s2 h2 {
 font-size: 1.9em;
 line-height: 1.3em;
 color: #1976ca;
 margin-bottom: .2em;}

.col4ie {display:none;}
.col4ie,{display:inline;}
 #s1, #s3,{background:none;position:relative;z-index:1;}
 b.col4ie,
i.col4ie{position:absolute;z-index:1;bottom:0;height:2000em;width:149px;_width:15%;}
b.col4ie,{left:0;}
 i.col4ie,{right:0;}
 
 
 
 
 
.spind{
 float: none;
 display: inline;
 position: relative;
 width: 16px;
 height: 16px;
 top: 3px;
 margin-left: 2px;
 margin-right: 2px;}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #286ad5;
 text-decoration: none;}
a:visited { }
a:hover, a:active {  
 color: #ff6500;}
 .prebanner{color: #ff6500;
 float: left;
 top: 0;
 left: 0;
 width: 8em;}
.links{
 color: #286ad5;
 font-weight: bold;
 font-size: .9em;
 padding-top: 0.5em;}
 .activelink{
 padding: 3px 4px 1px;
 background-color: #ff6500;
 color: #f1f6ff;}
 /*a.to_sprd,.cloud_it a.to_sprd,.cloud_itd a.to_sprd{
 color: #ef1e35;}*/
 div.einl {
 margin-bottom: 1em;
 max-width: 45em;
 color: #001c56;
 font-size: 1.2em;
 line-height: 1.3em;}
 .einl h3{
 margin-top: 1em;
 margin-bottom: .5em;}
 .einl p{
 margin-bottom: .25em;}
h1{
 margin-top: .4em;
 line-height: 1.3em;
 color: #ff6300;
 margin-left: 167px;
 font-size: 2.5em;}
 
 ol.stepbystep {
 padding-left: 2em;
 line-height: 1.3em;
 font-size: 1.2em;
 color: #ff6300;}
 
 
.cloud_it, .cloud_itd{
 list-style-type: none;
 float: left;}
 .cloud_it a{
 display: block;
 text-decoration: none;
 font-variant: normal;
 font-weight: normal;
 font-style: normal;
 padding-right: 7px;
 padding-top: 3px;
 padding-left: 7px;}
 .cloud_itd .cloud_ddiv{
 text-decoration: none;
 font-variant: normal;
 font-weight: normal;
 font-style: normal;
 padding: 0;
 margin: 2px;}
 .cloud_ddiv a{
 padding: 2px;}
  .cloud_it a:active, .cloud_it a:hover,  .cloud_itd a:active, .cloud_itd a:hover{
 background-color: #ff6500;
 color: #f1f6ff;}
 
.nube1,.nubed1 {
 background-color: #f1f1ff;
 color: #001c56;
 font-size: 10px;}
.nube2,.nubed2  {font-size: 11px;
 background-color: #d6e6ff;
 color: #001c56;}
.nube3,.nubed3  {font-size: 12px;
 background-color: #78acff;
 color: #001c56;}
.nube4  {font-size: 13px;
 background-color: #1f65da;
 color: #fff;}
.nube5  {font-size: 15px;
 background-color: #0047c2;
 color: #fff;}
.nube6  {font-size: 27px;
 background-color: #001c56;
 color: #fff;
} 
.nubed4  {font-size: 12px;
 background-color: #1f65da;
 color: #fff;}
.nubed5  {font-size: 15px;
 background-color: #0047c2;
 color: #fff;}
.nubed6 {font-size: 17px;
 background-color: #001c56;
 color: #fff;
} 

.nube1 a.to_sprd,.nubed1 a.to_sprd,.nube2 a.to_sprd,.nubed2 a.to_sprd,.nube3 a.to_sprd,.nubed3 a.to_sprd {
 color: #ff000d;
 background-color: #ffffff;
}
.design_it a.to_sprd, .design_it_large a.to_sprd,  a.to_sprd{
 color: #ff000d;
}

.nube1 a.to_sprd:hover, .nubed1 a.to_sprd:hover,.nube2 a.to_sprd:hover,.nubed2 a.to_sprd:hover,.nube3 a.to_sprd:hover,.nubed3 a.to_sprd:hover{
 color: #ffffff;
 background-color: #ff000d;
}
 .design_it a.to_sprd:hover , .design_it_large a.to_sprd:hover,  a.to_sprd:hover {
 color: #ff7a89;

}

.nube6 a.to_sprd,.nubed6 a.to_sprd,.nube5 a.to_sprd,.nubed5 a.to_sprd,.nube4 a.to_sprd,.nubed4 a.to_sprd{
 color: #fff;
 background-color: #ff000d;
}
.nube6 a.to_sprd:hover,.nubed6 a.to_sprd:hover,.nube5 a.to_sprd:hover,.nubed5 a.to_sprd:hover,.nube4 a.to_sprd:hover,.nubed4 a.to_sprd:hover {
 color: #ff000d;
 background-color: #fff;
}


.nube1 a,nube1 a:visited ,.nubed1 a,nubed1 a:visited {
 color: #001c56;}
.nube2  a,.nube2  a:visited,.nubed2  a,.nubed2  a:visited{
 color: #001c56;}
.nube3  a, .nube3  a:visited,.nubed3  a, .nubed3  a:visited{
 color: #001c56;}
.nube4  a, .nube4  a:visited,.nubed4  a, .nubed4  a:visited{
 color: #fff;}
.nube5  a, .nube5  a:visited,.nubed5  a, .nubed5  a:visited{
 color: #fff;}
.nube6  a, .nube6  a:visited,.nubed6  a, .nubed6  a:visited{
 color: #fff;
 line-height: 1em;}
.footer, .langwarning {
 color: #e92620;
 font-size: .9em;}
 .count{
 color: #5e5e5e;
 font-size: .9em;}
 .mostfrt {
 padding-right: 10px;
 padding-left: 5px;}
  .mostfrt a, .mostfrt a:visited {
 font-size: 17px;
 color: #e36f20;}
   .mostfrt a:active, .cloud_it a:hover{
 background-color: #ff6500;
 color: #f1f6ff;}
 
 .leastfrt{
 padding-right: 10px;
 padding-left: 10px;
 color: #ffb37b;}
 ul.tagcloud{
 display: block;
 padding: 0;
 margin: 0;}
 #design_container{width:375px;
 float: right;
 margin-bottom: 1em;} 

 #design_container_new{
 margin-bottom: .5em;}
 #design_container_new div.design_paginator{
 margin-bottom: .5em;
 margin-top: .5em;}
 #tag_div{
 margin-top: 1em;}
 #search_results h2{
 margin-top: .8em;
 margin-bottom: .6em;}

#showDesign{
 margin-top: 1.5em;}
 
 #dcc {
 overflow: visible;}
 .mdbr{
 height: 0em;
 clear: both;}
 .design_list, .prlist {
 margin: 1em 0 0;
 padding: 0;
 }
 .prSearchlist {
 padding: 0;
 margin: 0;}
 .design_it {width:65px;
     float:left;
 list-style-type: none;
 padding: 2px;
 background-color: #f1f1ff;
 border: 1px dotted #d5e6ff;
 margin-top: 2px;
 margin-left: 2px;
 font-size: 70%;}

 .des_le{width:65px;
 line-height: 1.1em;}
 .imgc{
 position: relative;
 width: 65px;
 height: 65px;}
 .des_nm{
 display: block;
 overflow: hidden;
 width: 65px;
 margin-top: .5em;
 height: 2.1em;}
.design_list_large {
 margin: 0;
 padding: 0;}
 .design_it_large{width:130px;
     float: left;
 list-style-type: none;
 padding: 2px;
 background-color: #f1f1ff;
 border: 1px solid #d5e6ff;
 margin-bottom: 2px;
 margin-left: 2px;
 font-size: 100%;}
 .des_le_large{width: 130px;
 }
 .buylink{
 margin-top: .5em;
 display: block;}
 .imgc_large{
 position: relative;
 width: 130px;
 height: 130px;}
 .des_nm_large{
 height: 1.15em;
 display: block;
 overflow: hidden;
 width: 130px;
 margin-top: .25em;}
 .faq dt{
 font-weight: bold;
 color: #002054;
 font-size: 1.1em;
 float: left;
 clear: both;
 margin-right: 2em;}
 .faq dd{
 padding: 0;
 margin: 0 0 1em;
 clear: none;}
 dl.faq{
 width: 35em;}
 table{
 border: 1px solid #ff7500;
 background-color: #d8e6ff;
 margin-top: 1em;
 margin-bottom: 2em;}
 tr.head{
 border-bottom: 1px dotted #286ad5;}
 tr.bod{
 border-top: 1px dotted #0061ff;}
 td,th {
 padding: 5px;}
 .st1{
 background-color: #d8e6ff;
 }
 .st2{
 background-color: #bed6ff;}
 .st3{
 background-color: #286ad5;
 color: #fff;}
 .st4{
 background-color: #002054;
 color: #fff;}
 
/* feature page 
.featureDiv {
	
 width: 300px;
 background-color: #d5e6ff;
 border: 2px dashed #73adff;
 padding-right: 1em;
 padding-bottom: 1em;
 padding-left: 1em;
 margin-top: 1em;}*/

.design_list_feature {
 padding: 0px;
 }
.design_it_feature {
 list-style-type: none;
 float: left;
}
.featureImg{
 border-style: none;
 border-width: 0;}
.framed {
		border: 1px solid #444;

}
.imgleft {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}
.img_portrait {
	margin-left: 1em;
}
.pfeature {
	padding-right:1em;
 margin-bottom: .5em;}

#design_container_feature{
	width:280px;
	float: right;
	margin-bottom: 1em;
	margin-left: 1em;
}
.bforfeat{
	border-left: 5px dotted #aa7711;
}
.atfeat {color: #FF6500;}
.ifeat {color: #286ad5;}

/* feature designs 
.featureDDiv {
 float: left;
 width: 150px;
 border: 2px dashed #73adff;
 padding-right: 1em;
 padding-bottom: 1em;
 padding-left: 1em;
 margin-top: 1em;
 margin-right: 1em;}*/
.featureblock {
 margin-top: 0em;
 margin-left: .5em;}
.feature_list {
 list-style-type: none;
 margin-top: 1.5em;
 font-size: 1.2em;
 font-weight: bold;}
.feature_list li {
 padding-top: .4em;}
/* design page */
.hugeDesign{
 float: left;}
.hugeDesign img {
 width: 280px;
 height: 280px;
  border: 1px solid #8c8c8c;
 }
 .designActions{
 margin-left: 305px;}
 ul.designActionList {
 font-size: 16pt;
 line-height: 1.6em;
 padding-left: 0;}
 ul.designActionList li{
 list-style-type: none;
 margin-left: 0;}

p.impressum {
 margin-top: .5em;
 margin-bottom: .5em;}
 .freqdes{
 margin-right: .5em;}
.adrechts{
 float: right;}
#adut{
 margin-top: 1.5em;
 margin-bottom: 1em;}
.affo_d{
 padding-top: 1em;
 padding-bottom: 1em;}
 .affo{
 margin-right: 2em;
 display: inline;
 margin-top: 1em;
 margin-bottom: 1em;}
 
  
 /*  friends */
 div.friends, div.abb {
 border-top: 1px dotted #73adff;
 margin-top: 3em;
 padding-left: .5em;}
 .friends h3 {
 margin-bottom: .7em;
 margin-top: 1em;}
 ul.friends_list {
 list-style-type: none;}
 
 .ab {
 margin-top: 1.5em;}
 /* settings form */
 fieldset{
 background-color: #f1f6ff;
 border: 1px dashed #ff6300;
 margin-bottom: 1em;
 padding: .5em .5em 1em;
 margin-top: .75em;
 width: 22em;}
 fieldset legend {
 padding-left: .5em;
 margin-left: 1em;
 padding-right: .5em;
 font-weight: bold;
 font-size: 1.1em;}
 .rbox {
 margin-left: 2em;
 margin-top: .3em;
 margin-bottom: .35em;}
 fieldset label{
 margin-left: 1em;}
 
 
 #search  {
 margin-bottom: .75em;}
 
 /* shop features*/
  .sfeature_list h3 {
 margin-bottom: .7em;
 margin-top: 1em;}
ul.sfeature_list{
 list-style-type: disc;
 margin-left: 1.5em;}
 .sfeature_list li{
 color: #363636;}


 /* product list */
 .prSearchlist{
 width: 276px;
 float: left;}
  .prlist li{width:132px;
     float:left;
 list-style-type: none;
 padding: 2px;
 background-color: #f0fff2;
 border: 1px solid #d3ffd8;
 margin-top: 2px;
 margin-left: 2px;
 font-size: 70%;
 text-align: center;}
 .prSearchlist li {
 width:132px;
     float:left;
 list-style-type: none;
 padding: 2px 1px;
 background-color: #f0fff2;
 border: 1px solid #d3ffd8;
 margin-bottom: 2px;
 margin-left: 2px;
 }
 .prSearchlist span{
 margin-left: 1px;}
 .prSearchlist li img,   .prlist li img {
 border: 1px solid #b4ffbe;}
/* erweiterte suche */
.open {
	display: block;
	}
.closed {
	display: none;
	}
.imgTgl {
	vertical-align:middle;
}
.tglwn_closed {
	border:none;
 margin-top: 7px;
 margin-bottom: 12px;
 padding: .5em;
 width: 30em;
 margin-left: 1px;}
.tglwn_closed a.spexlink, .tglwn_closed a.spexlink:visited, .tglwn_closed   a.spexlink:hover {
 color: #363636;}
.tglwn_open {
	border: 1px dotted #8c8c8c;
 margin-top: 6px;
 margin-bottom: 11px;
 padding: .5em;
 max-width: 45em;}
 .tglwn_open a.spexlink,.tglwn_open a.spexlink:visited, .tglwn_open a.spexlink:hover  {
 color: #111;}
 
 #s_spexpref{
 margin-top: .5em;
 color: #8c8c8c;
 font-size: .9em;
 line-height: 1.3em;}
 #s_spexpref input {
 margin-right: 1em;}
 #s_spexpref input, #s_spexpref label {
 margin-bottom: .5em;
 font-size: .9em;}
 
 /*special*/
 .dlspecial{
 margin-top: .3em;
 position: relative;
 top: 0;
 left: 0;}
 .dlspecial dt{
 position: relative;
 top: 0;
 float: left;
 width: 15em;}
 .dlspecial dd{
 margin-left: 15em;
 font-weight: bold;
 color: #ff4e00;
 font-size: 1.1em;}
 .rot {
	color: white;
 background-color: #ff000d;
 padding: 2px 3px;}
 .weiss{
 background-color: white;
 color: #363636;
 border: 1px solid #8c8c8c;
 padding: 1px 3px;}
 .schwarz{
	color: white;
 background-color: #000;
 padding: 2px 3px;}
 .blau{
	color: white;
 background-color: #005aff;
 padding: 2px 3px;}
 .orange{
	color: white;
 background-color: #ff6300;
 padding: 2px 3px;}
 .gelb{
 background-color: #ffe31b;
 color: #363636;
 padding: 2px 3px;}
 .kleiner{
 font-size: 90%;}