/*** Generelles ********************************************/
/***********************************************************/
body {margin:0;padding:0;font-family:verdana, arial, helvetica, sans-serif;background:url(../images/background.jpg) repeat-x #fff;font-size:100%;color:#666;}
img {border:0;}

a {text-decoration:underline;color:#6aa5be;outline:none;}
a:hover {text-decoration:none;}

h1 {width:433px;margin:25px 0 10px 0;padding:7px 0 7px 10px;background:url(../images/h1-trenner.gif) left bottom no-repeat #f2f2f2;line-height:1.15em;font-family:georgia, times new roman, Times, serif;font-size:1.8em;font-weight:normal;color:#5e9ab2;}
h1 .red {color:#cc7073;}
h1 .yellow {color:#ddb242;}
h2 {margin:0 0 10px 0;font-family:verdana, arial, helvetica, sans-serif;font-size:1em;color:#5e9ab2;}
h3, h4, h5, h6 {margin:0;padding:0;font-family:verdana, arial, helvetica, sans-serif;}

input, textarea, select {margin:5px 0;padding:3px 7px;background:#f8fbfd;border:1px solid #b8c6cf;width:250px;color:#99aab5;font-family:verdana, arial, helvetica, sans-serif;}
input:hover {background:#fff;border:1px solid #788e9e;}
input:focus {background:#fff;border:1px solid #788e9e;color:#333;}
.button {padding:5px;border:1px solid #fff;background:url(../images/background-button.jpg) repeat-x;font-weight:bold;font-size:1em;color:#fff;cursor:pointer;}
.button:hover {border:1px solid #fff;background:url(../images/background-button-hover.jpg) repeat-x;}

/* Nützliche Classes **************/
.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}
.trenner-klein {margin:5px 0 0 0;}
.trenner-mittel {margin:10px 0 0 0;}
.trenner-gross {margin:20px 0 0 0;}
.trenner-groesser {margin:30px 0 0 0;}
.trenner-riesig {margin:50px 0 0 0;}
.trenner-strichel {width:440px;margin:20px 0 0 0;padding:12px 0;border-top:1px dashed #b1b1b1;}

.font85 {font-size:.85em;}

/* Content **************/
.wrapper {margin:0 auto;width:770px;}

/*** Header ************************************************/
/***********************************************************/
.colorline01 {position:absolute;margin:300px 0 0 -20px;}
.colorline02 {position:absolute;margin:300px 0 0 750px;}

.kundenlogin, .kundenlogout  {position:absolute;top:0;font-size:.6em;font-weight:bold;}
.kundenlogin {width:150px;height:27px;margin:4px 0 0 585px;padding:5px 0 0 13px;background:url(../images/background-login.jpg) no-repeat;}
.kundenlogout {width:237px;height:39px;margin:4px 0 0 500px;padding:5px 0 0 10px;background:url(../images/background-logout.jpg) no-repeat;font-weight:normal;color:#7195b1;}
.kundenlogin a,kundenlogout a {padding:0 0 0 20px;background:url(../images/icons/login.gif) no-repeat;}
.kundenlogout .button-abmelden {width:6.7em;background:none;border:none;margin:0;padding:0;font-size:1em;cursor:pointer;color:#666;font-weight:bold;}
.kundenlogout .button-abmelden:hover {color:#000;}
.kundenlogout .usericon {float:left;margin:6px 7px 0 0;}

.logo {margin:40px 0 0 50px;}
.logo h1 {text-indent:-666em;background:none;padding:0;}
.logo h1 a {display:block;width:166px;height:42px;background:url(../images/attempto-logo.jpg) no-repeat;}

/*** Content ***********************************************/
/***********************************************************/
.background-top {width:758px;height:27px;margin:0;background:url(../images/background-content-top.jpg) no-repeat;}

.content {width:735px;padding:20px 40px;background:url(../images/background-content.jpg) 24px 2px repeat-y;}

.sidebar {float:left;width:190px;font-size:.7em;}
.sidebar h2 {padding:0 0 0 25px;background:url(../images/icons/newsletter.gif) no-repeat;font-size:1.2em;color:#597e98;}
.sidebar input {width:165px;}
.sidebar .trenner {width:213px;height:11px;margin:20px 0 20px -13px;background:url(../images/sidebar-trenner.gif) no-repeat;}
.sidebar .spezialist {margin:0 0 0 8px;}
.navigation a {display:block;margin:0;padding:5px 5px 5px 70px;background:url(../images/icons/nav-off.gif) no-repeat 0 7px;font-size:1.2em;font-weight:bold;text-decoration:none;color:#999;}
.navigation a:hover, .navigation a.aktiv {background:url(../images/icons/nav-on.gif) no-repeat 0 7px;color:#4795c7;}

.inhalt {margin:0 0 0 220px;padding:0 55px 100px 0;font-size:.8em;line-height:1.4em;}
.inhalt h2 {margin:0 0 10px 0;padding:7px 0;background:url(../images/h1-trenner.gif) left bottom no-repeat;font-family:verdana, arial, helvetica, sans-serif;font-size:1em;color:#5e9ab2;}
.inhalt h3 {margin:0 0 10px 0;font-family:verdana, arial, helvetica, sans-serif;font-size:1em;color:#5e9ab2;}

.background-bottom {width:758px;height:28px;margin:0;background:url(../images/background-content-bottom.jpg) no-repeat;}

/* Index **************/
.index-banner {float:left;margin:0 20px 10px 0;border:1px solid #ccc;}

/* Partner ************/
.partnerlogo {float:left;margin:0 20px 10px 0;}

/* Footer **************/
.footer {text-align:center;margin:0 auto 20px auto;line-height:1.5em;font-size:.7em;}
.footer a {padding:0 5px;color:#666;}