/* reset  */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;padding: 0;}

table { border-collapse: collapse; border-spacing: 0;}
fieldset, img {	border: 0pt none;}
img {behavior: url(img/iepngfix.htc);}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style-image: none;list-style-position: outside;list-style-type: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* general  */

body {	background-color: #999; }

body, ul, ol, dl, h1, h2, h3, h4, h5, h6, td, th, caption, pre, p, blockquote, input, textarea {
	color: #333;
	font-family: Tahoma, 'Lucida Grande', Arial, sans-serif;
/*	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;*/
	font-size: 13px;
	font-weight: normal;
	/*line-height: 20px;*/
}

/* Layout */

#ex_page {
	width: 1004px;
	margin: auto;
	background: transparent url(img/body.gif) repeat-y left top;
}

#ex_mainbox {
	width: 984px;
	margin: auto;
	position: relative;
}

img#logo {
	position: absolute;
	left: 27px;
	z-index:1000;
}

#ex_header {
	height: 30px;
	background-color: #333;
	padding: 5px 30px 0 0;
}

#ex_content {
	background-color: #fff;
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #C5C5C5;
}

#ex_content #middle {
	padding: 0 30px;
	z-index: 100;
}

#ex_content #top {
	height: 40px;
/*	background: transparent url(img/topbg.gif) repeat-x left top; */
}

#ex_content.software-features {
        border-top: 2px solid #fff;
	background: #fff url(img/umfrage-software-features.jpg) no-repeat left top;
	padding-top:40px;
	padding-top:10px;
}

#ex_content #top.home {
	height: 290px;
}


#ex_content #top.umfragesoftware {
	height: 50px;
}

#ex_content #middle #content {
	float: left;
	width: 700px;
}

#ex_content #middle #content.home {
	width: 100%;
	padding-top: 20px;
}

#ex_content #middle #sidebar {
	float: right;
	margin: 10px 0 0;
	width: 200px;
}

#ex_content #middle {
	padding: 0 30px;
        }


#ex_content #bottom {
	height: 40px;
	background: transparent url(img/bg-topbg.gif) repeat-x left -40px;
}

#navigation {
	padding: 10px;
	background: #F0F0F0 url(img/navbg.gif) repeat-x bottom;
}



#ex_footer {
	background-color: #333;
	padding: 20px 0;
	text-align: center;
}

#homeh1{
   position: absolute;
   top: 280px;
   left: 630px;
   padding:10px;
   width:300px;
   color: #EEE;
   font-weight: normal;
   font-size: 16px;
   text-align:right;
   top: 50px;
}

#umfrage-features-h1{
   position: absolute;
   left: 20px;
   top: 60px;
   padding:10px;
   width:250px;
   color: #EEE;
   font-weight: normal;
   font-size: 16px;
   text-align:left;
}

#umfrage-service-h1{
   position: absolute;
   top: 230px;
   left: 595px;
   padding:10px;
   width:340px;
   color: #EEE;
   font-weight: normal;
   font-size: 16px;
   text-align:right;
   top: 65px;
}



/* Top navigation */

a.nav_button {
	float: right;
	padding-left: 15px;
	margin: 1px 0 0 1px;
	cursor: pointer;
	background: transparent url(img/tabs.png) no-repeat left top;
	behavior: url(img/iepngfix.htc);
	_padding-left: 0;
}

a.nav_button span {
	display: block;
	height: 23px;
	padding: 6px 15px 0 0;
	background: transparent url(img/tabr.gif) no-repeat right top;
	_display: inline-block;
	_margin-left: 15px;
}

a.nav_button.on, a.nav_button.on:visited {
	margin-top: 0;
	background: transparent url(img/tabsel.png) no-repeat left top;
	cursor: pointer;
}

a.nav_button.on span {
	background: transparent url(img/tabselr.gif) no-repeat right top;
	height: 24px;
}

a.nav_button, a.nav_button:visited {
	color: #f3f3f3;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

a.nav_button:hover {
	color: #fff;
	text-decoration: underline;
}

a.nav_button.on, a.nav_button.on:visited {
	color: #333;
}

a.nav_button.on:hover {
	text-decoration: none;
}

.navh1{
 margin-bottom:10px;
}

/* Footer list
---------------------------------------------------------------------------------------------------- */
#ex_footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-bottom: 10px;
}

#ex_footer li {
	margin-left: -3px;
	#margin-left: 1px;
	padding: 0 10px;
	display: inline;
	border-right: 1px solid #414141;
}

#ex_footer li.last {
	border-right: none;
}

#ex_footer a, #ex_footer a:visited {
	color: #8e8e8e;
	font-size: 11px;
	text-decoration: none;
}

#ex_footer a:hover {
	color: #ccc;
}

#ex_copyright {
	color: #666;
	font-size: 11px;
}

/* Headers
---------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 18px;
	color: #666;
}

h2 {
	font-size: 17px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 13px;
}


a, a:visited, a:hover {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #666;
}


/* hax
---------*/

.clearfix:after {
	content: ".";
    display: block;
    height: 0;
	clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Lists
---------------------------------------------------------------------------------------------------- */
ul.alt {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.alt.arrow li {
	padding-left: 15px;
	background: transparent url(img/bulletarrow.gif) no-repeat left 5px;
}

ul.alt li {
	padding-left: 15px;
	margin: 0 0 5px 10px;
	background: transparent url(img/bulletround.gif) no-repeat left 5px;
}


#sidebar li {
	margin-left: 0;
}

#sidebar li.sub {
	margin-left: 20px;
}

#sidebar a, #sidebar a:visited {
	color: #666;
	text-decoration: none;
}

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

#sidebar a.selected, #sidebar a.selected:visited,
#sidebar a.selected:hover {
	font-weight: bold;
}

#sidebar a.selected:hover {
	cursor: default;
	text-decoration: none;
}


/*#  V1 STYLEZ ## */

.vorteil
{
	padding-left: 40px;
	background-image: url(imtest/vorteil.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}

.leftcol
{
        /*width: 329px;*/
        /*width: 420px;*/
        width: 440px;
        padding-right: 20px;
        padding-left: 0px;
        float: left;
        text-align:left;
}

.rightcol
{
         border-left: 1px solid #ccc;
         /*width: 205px;*/
         /*width: 200px;*/
         width: 180px;
         padding-left:20px;
         float: left;
}

.bigtext
{
 color:#AAA;
 /*font-size:22px;*/
 font-size:18px;
 font-weight:bold;
 text-align:left;
}

.nextpage
{
 margin-top:20px;
 BORDER-top: 1px solid #CCC;
 color:#666;
 text-align:left;
 padding:2px;
}

.nextpage a,.nextpage a:visited
{
 color:#666;
}

.nextpage a:hover
{
 color:#600;
}

.npbox1
{
 float:left;
 margin:1px;
 width:110px;
 text-algin:right;
}

.npbox2
{
 float:left;
 margin:1px;
 width:250px;
}

.leftcol ul
{
margin-top:3px;
margin-bottom:3px;
margin-left: 0;
padding-left: 0;
list-style: none;
}

.leftcol li
{
padding-left: 15px;
padding-bottom: 0px;
background-image: url(im/libox.gif);
background-repeat: no-repeat;
background-position: 0 0.5em;
}


/*----------------------------------------------------------------------*/
/* START PAGE
/*----------------------------------------------------------------------*/

#h1start {
  margin-left:20px;
  margin-top:5px;
  width:598px;
  float:right;
}


.centerbox
{
          margin-bottom: 5px;
          display: block;
          margin: 0 auto;
          color:#4C4C4C;
          width:900px;
          z-index:100;
}

.mainBullet a{ color:#4C4C4C; text-decoration:none; }
.mainBullet a:visited{ color:#4C4C4C; text-decoration:none; }
.mainBullet a:hover{ color:#900; text-decoration:none; }


.mainBullet {
float:left;
width:210px;	/* 200 */
padding-top: 0px;
/*line-height:16px;*/
}

#mainBulletCenter {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #ccc;
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #ccc;
}

.centerbox li {
line-height: 18px;
font-size: 12px;
font-family:Tahoma;
}

.centerbox ul {
margin-left:15px;
margin-top:0em;
margin-bottom:0em;
}

.centerbox td ul {
margin-top:0em;
margin-bottom:0em;
}

.mainBullet .title {
font-family:Arial, sans-serif;
font-size: 12pt;
margin-bottom:7px;
font-weight: bold;
}

.mainBulletText {
 font: 9pt Tahoma;
 /*text-align:justify;*/
 line-height: 16px;
}

.mainBullet h2 {
font-family:Arial, sans-serif;
font-size: 12pt;
margin:0px;
padding:0px;
margin-bottom:7px;
font-weight: bold;
color:#4C4C4C;
border-bottom:0px solid #A5AFAD;
}

.clearer {
clear: both;
line-height: 0;
height: 0;
}

/*  themenbereiche */

.themebox {
 width: 330px;
 margin: 0px;
 margin-bottom: 0px;
 padding-bottom: 5px;
 padding-right: 5px;
}

.themebox a{ color:#4C4C4C; text-decoration:none; }
.themebox a:visited{ color:#4C4C4C; text-decoration:none; }
.themebox a:hover{ color:#900; text-decoration:none; }

.themeboxthumb {
padding: 3px;
/*border: 1px solid #ccc; */
height: 80px;
width: 80px;
background-color:white;
float: left;
margin-right: 14px;
}

.themeboxtitel{
font-family:Arial, sans-serif;
font-size: 13pt;
margin:0px;
padding:0px;
font-weight: bold;
font-size:18px;
letter-spacing:-1px;
}
.themeboxtitel a{ color:#4B96CE; text-decoration:none; }
.themeboxtitel a:visited{ color:#4B96CE; text-decoration:none; }
.themeboxtitel a:hover{ color:#900; text-decoration:none; }

.themeboxtext {
 font: 9pt Tahoma;
 line-height: 16px;
 float:right;
 width:229px;
 /*text-align:justify;*/
}


/*----------------------------------------------------------------------*/
/* SOFTWARE PAGE
/*----------------------------------------------------------------------*/

.themeboxtitel2{
margin:0px;
padding:0px;
font-weight: bold;
/*
color:#4B96CE;*/
font-size:18px;
/*letter-spacing:-1px;*/
}

.themeboxtitel2 a{ color:#4B96CE; text-decoration:none; }
.themeboxtitel2 a:visited{ color:#4B96CE; text-decoration:none; }
.themeboxtitel2 a:hover{ color:#900; text-decoration:none; }

/*----------------------------------------------------------------------*/
/* PRODUCT PAGES
/*----------------------------------------------------------------------*/

 div.phead{
	background: #FFF url(imtest/phead.gif) no-repeat;
	width: 275px;
	margin:0px;
	margin-left:1px;
	height: 25px;
	}

 div.phead h1{
	padding:0px;
	padding-top:5px;
	margin:0px;
	margin-left:15px;
	color:#006;
	text-align:left;
	font-family:Arial, sans-serif;
	font-weight: bold;
	font-size:13px;
	letter-spacing:-1px;
	border:0px solid #FFF;

}

 div.pbox{
	float:left;
	padding:0px;
	margin:0px;

	width:182px;

        background-color: #FFF;


        background-image:url(imtest/pboxh.gif);
 	background-position:bottom left;
 	background-repeat:no-repeat;


       }

 div.pboxcontent{ height:175px;
                  margin: 5px 5px 5px 5px;  }


div.pbox h1 {
             margin:0px;
	     width:137px;
             padding:3px 0px 4px 45px;

             border:0px solid #FFF;

             background-color:#E8ECF2;
             background-position: top left;
	     background-repeat: no-repeat;
	     background-image: url(imtest/pboxh1.gif);

	     font-family:Arial, sans-serif;
	     font-weight: bold;
	     font-size:18px;
	     letter-spacing:-1px;
             text-align:left;
 	     color:#EEE;

             }

div.packbox1
{
 background: transparent url(imtest/pbox3.gif) no-repeat;
 width:36px;
 height:33px;
 position:relative;
 margin-top:-28px;
 margin-left:8px;
}

div.packbox2
{
 background: transparent url(imtest/pbox2.gif) no-repeat;
 width:36px;
 height:35px;
 position:relative;
 margin-top:-30px;
 margin-left:5px;
}

div.packbox3
{
 background: transparent url(imtest/pbox.gif) no-repeat;
 width:36px;
 height:36px;
 position:relative;
 margin-top:-31px;
 margin-left:3px;
}

 div.pbox h2{font-size:12px;
 	     margin: 0px 0px 0px 0px;
 	     padding: 3px 3px 3px 3px;
             text-align:center;
             background-color: #D4141D;
             color:#FFFFFF; }

div.pbox  ul
{
margin-top:0px;
margin-bottom:3px;
margin-left: 0;
padding-left: 0;
list-style: none;
background: transparent url(imtest/verpackung.gif) no-repeat;
background-position: 82px 53px;
height:145px;
}

div.pbox li
{
padding-left: 15px;
padding-bottom: 0px;
background-image: url(im/libox.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

div.allincl{
	float:left;
	padding:0px;
	margin:0px;

	width:549px;

        background-color: #FFF;


        background-image:url(imtest/allinclh.gif);
 	background-position:bottom left;
 	background-repeat:no-repeat;
       }

div.allinclhead{
	/*width:250px;*/
}
div.allinclhead h1{
             margin:0px;
	     width:100%;
             padding:3px 0px;
             height:28px;

             border:0px solid #FFF;

             background-color:#E8ECF2;
             background-position: top left;
	     background-repeat: no-repeat;
	     background-image: url(imtest/allinclh1.gif);

	     font-family:Arial, sans-serif;
	     font-size: 13pt;
	     font-weight: bold;
	     font-size:18px;
	     letter-spacing:-1px;
             text-align:center;
 	     color:#EEE;
}

/*----------------------------------------------------------------------*/
/* PRODUCT DETAILS
/*----------------------------------------------------------------------*/

div.featbox
{
 width:334px;

 background-color:#FFF;

 margin:0px;
 margin-bottom:10px;
 padding:0px;

 background-image:url(imtest/featbox.gif);
 background-position:bottom left;
 background-repeat:no-repeat;

}

div.featboxtxt
{
 padding:8px 4% 15px 4%;
}

div.featbox h1{
	height:23px;
	padding:13px 2% 0px 2%;
	width:96%;
	margin:0px;
	color:#EEE;
	text-align:left;
	font-weight: bold;
	font-size:15px;
	border:0px solid #FFF;

	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(imtest/feat-h1.gif);
}

.h1prozent{
	height:23px;
	padding:13px 2% 0px 2%;
	width:96%;
	margin:0px;

	color:#990000;
	text-align:left;
	font-family:Arial, sans-serif;
	font-weight: bold;
	font-size:16px;
	letter-spacing:-1px;
	border:0px solid #FFF;

	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(imtest/feat-h1p.gif);
}



/*----------------------------------------------------------------------*/
/* PRODUKT BERATER
/*----------------------------------------------------------------------*/

div.berater
{
 background-color:#FFF;
 padding:0px;
 background-image:url(imtest/productb.gif);
 background-position:bottom left;
 background-repeat:no-repeat;
 width:200px;
}

div.berater form
{
 margin:0px;
 margin-bottom:20px;
 padding:0 5px;
 font-size:12px;
}

.txtinpt
{
 background-color:#EFEFEF;
 border:1px solid #ccc;
}

.beraterbutton
{ background-color:#EFEFEF;
  color:#FFFFFF;
  color:#000;
  border:1px solid #333;
  width:130px;
  float:right;
  margin-top:4px;
  margin-right:8px;
  margin-bottom:4px;
/*  background-image: url(imtest/buttback.gif);*/
}

div.berater h1
{
	padding:5px 7px;
	margin:0px;
	margin-bottom:5px;
	color:#EEE;
	color:#333;
	text-align:left;
	font-family:Arial, sans-serif;
	font-weight: bold;
	font-size:16px;
	letter-spacing:-1px;

	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(imtest/broducth1.gif);

}

/*-----------------------------------*/
/*produkt paketbox		     */
/*-----------------------------------*/

 div.paketbox{
	float:left;
	padding:0px;
	margin:0px;
	width:295px;
        background-color: #FFF;
        background-image:url(imtest/paketh.gif);
 	background-position:bottom left;
 	background-repeat:no-repeat;
       }

 div.paketbox h1{
             margin:0px;
	     width:289px;
             padding:5px 0px 4px 5px;

             border:0px solid #FFF;

             background-color:#E8ECF2;
             background-position: top left;
	     background-repeat: no-repeat;
	     background-image: url(imtest/paketh1.gif);

	     font-weight: bold;
	     font-size:18px;
             text-align:left;
             color:#FFF;
}

div.paketbox h1 a,
div.paketbox h1 a:visited { padding:0px; color:#EEE; text-decoration:none;}

div.paketbox h1 a:hover,
div.paketbox h1 a:active{ padding:0px; color:#EEE; text-decoration:underline;}

div.paketbox a,div.paketbox a:visited { color:#333; font-weight:bold; text-decoration:underline;}
div.paketbox a:hover{ color:#000; font-weight:bold; text-decoration:underline;}

div.paketbox ul
{
margin-top:3px;
margin-bottom:3px;
margin-left: 0;
padding-left: 0;
list-style: none;

}

div.paketbox li
{
padding-left: 15px;
padding-bottom: 0px;
background-image: url(im/libox.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

div.boxhead24
{
 background: transparent url(imtest/p24.gif) no-repeat;
 width:84px;
 height:33px;
 position:relative;
 margin-top:-33px;
 margin-left:3px;
}



/* templates */

.template {
float:left;
margin:0pt 20px 20px 0pt;
width:320px;
}
.template h2 {
font-size:13px;
margin:0pt 0pt 5px;
}
.template p {
margin-top:0pt;
}

.template a:hover {
color:#028BDA;
text-decoration:underline;
}
.template a, .template a:visited {
color:#028BDA;
text-decoration:none;
}
.template.l { width:340px; }
.template.r { margin-right:0pt;}

.template img {
margin-right:0pt;
}
.template img {
display:block;
float:left;
margin-right:10px;
}



#anlinkung{
position:absolute;
margin-left:-10000px;
}

#pricing{
color:#333333;
font-family:arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;"
}

#pricing{
color:#333333;
font-family:arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;"
}

#pricing td {
background:#F2F5F8 none repeat scroll 0 0;
border-bottom:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
padding:5px 8px 3px;
text-align:center;
}

#pricing th.first {
border-left:1px solid #C6D2DA;
}

#pricing .tableHeading th, #pricing .tableHeading td {
color:#A50021;
font-weight:bold;
padding:5px;
background-color:#E2EAF0;
border:1px solid #B7C3CC;
text-align:center;
}

#pricing th.column1 {
background:#E2EAF0 none repeat scroll 0 0;
border-bottom:1px solid #C6D2DA;
border-left:1px solid #C6D2DA;
border-right:1px solid #C6D2DA;
color:#2A76B8;
font-weight:bold;
text-align:left;
vertical-align:middle;
width:180px;
padding:5px;
}

#pricing .odd th.column1 {
background:#F2F5F8 none repeat scroll 0 0;
}

#pricing .odd td {
background:#FFFFFF none repeat scroll 0 0;
}

#flag{
 float:right;
 margin-right:10px;
 margin-top:5px;
}