/* carisma webdesign CSS Level 2.1 */

@import url(nav.css);

html, body, div, form, span, p, em, img, strong, ul, li, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	height: 100%;
	}

body { 
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", "Arial", "Helvetica", "Sans-Serif";
	color: #515151; 
	background: #E4E4E4 url(img/bodybg.png) repeat-x top; 
	height: 100%;
	width: 100%;
	}

#preloader {
	display: none;
	}
	
p.old_ie {
	font-size: 0.7em;
	color: #CC3333;
	text-align: center;
	}

p.spacer {
		padding: 5px 0px 0px 0px;
	}

/*	------------------------------------------
	Header Container
	------------------------------------------*/

#header {
	position: relative;
	height: 87px;
	width: 652px;
	left: 50%; /* Positionierung Horizontal-Mittig */
	margin-left: -326px; /* Positionierung Horizontal-Mittig (-0.5 x width) */
	}

/*	------------------------------------------
	Logo Image
	------------------------------------------*/

#header_logo {
	position: absolute;
	height: 42px;
	width: 132px;
	top: 30px;
	left: 20px;
	}

#header_logo ul {
	list-style-type: none;
	text-indent:-9999px;
	}

#header_logo ul li {
	float: left;
	}
	
#header_logo a {
	display:block;
	}

#header_logo li a:link, #header_logo li a:visited, #header_logo li a:hover, #header_logo li a:active { 
	height: 42px;
	width: 132px;
	background-image:url(img/carisma_logo.png); 
	}

/*	------------------------------------------
	Striche Header
	------------------------------------------*/
	
#striche_header {
	position: absolute;
	height: 87px;
	width: 1px;
	margin-left: 192px;
	background-image:url(img/striche_header.gif);
	}

/*	------------------------------------------
	Eyecatcher/Main Image
	------------------------------------------*/
	
#eyecatcher {
	position: relative;
	height: 216px;
	width: 652px;
	padding-top: 20px;
	background-image:url(img/main_image.png);
	background-repeat:no-repeat;
	background-position:bottom;
	left: 50%; /* Positionierung Horizontal-Mittig */
	margin-left: -326px; /* Positionierung Horizontal-Mittig (-0.5 x width) */
	}

/*	------------------------------------------
	Angebote/Weblinks Mainsettings
	------------------------------------------*/

#elc_wp {
	position: relative;
	height: 90px;
	width: 652px;
	padding-top: 10px;
	left: 50%; /* Positionierung Horizontal-Mittig */
	margin-left: -326px; /* Positionierung Horizontal-Mittig (-0.5 x width) */
	}

#elc_wp ul {
	list-style-type: none;
	text-indent:-9999px;
	}
	
#elc_wp ul li {
	float: left;
	}
	
#elc_wp a {
	display:block;
	}
	
/*	------------------------------------------
	Aktuelle Angebote Rollover Image
	------------------------------------------*/

#elc_wp li a#elc_wp_1:link, #elc_wp li a#elc_wp_1:visited, #elc_wp li a#elc_wp_1:active {
	height: 90px;
	width: 324px; 
	background-image:url(img/webpaketM.png);
	}

#elc_wp li a#elc_wp_1:hover { 
	height: 90px;
	width: 324px;
	background-image:url(img/webpaketM_h.png); 
	}

/*	------------------------------------------
	Weblinks Rollover Image
	------------------------------------------*/

#elc_wp li a#elc_wp_2:link, #elc_wp li a#elc_wp_2:visited, #elc_wp li a#elc_wp_2:active {
	margin-left: 3px; 
	height: 90px;
	width: 324px; 
	background-image:url(img/weblinks.png); 
	}

#elc_wp li a#elc_wp_2:hover {
	margin-left: 3px; 
	height: 90px;
	width: 324px;
	background-image:url(img/weblinks_h.png); 
	}

/*	------------------------------------------
	Angebote/Weblinks Text/Container
	------------------------------------------*/

#txt_elc_wp_box {
	position: relative;
	height: 90px;
	width: 652px;
	padding-top: 10px;
	left: 50%; /* Positionierung Horizontal-Mittig */
	margin-left: -326px; /* Positionierung Horizontal-Mittig (-0.5 x width) */
	}

/*	------------------------------------------
	Angebote Headline
	------------------------------------------*/

#txt_elc {
	position: absolute;
	height: 90px;
	width: 324px;
	background-image:url(img/webpaketM_hl.png);
	background-repeat: no-repeat;
	background-position: top;
	}
	
/*	------------------------------------------
	Weblinks Headline
	------------------------------------------*/

#txt_wp {
	position: absolute;
	height: 90px;
	width: 324px;
	margin-left: 327px;
	background-image:url(img/weblinks_hl.png);
	background-repeat: no-repeat;
	background-position: top;
	}

/*	------------------------------------------
	Angebote/Weblinks Text
	------------------------------------------*/

#txt_wp p, #txt_elc p {
	font-size: 0.7em;
	color: #757575;
	margin: 25px 31px 0px 31px;
	}

/*	------------------------------------------
	Content Container
	------------------------------------------*/

#content {
	position: relative;
	width: 652px;
	height: auto;
	padding-top: 30px;
	left: 50%; /* Positionierung Horizontal-Mittig */
	margin-left: -326px; /* Positionierung Horizontal-Mittig (-0.5 x width) */
	}

/*	------------------------------------------
	Angebote/Webpakete
	------------------------------------------*/

#web_cont {
	position: relative;
	height: 320px;
	width: 550px;
	left: 20px;
	padding-top: 10px;
	}

#web1, #web2, #web3 {
	position: absolute;
	height: 200px;
	width: 190px;
	background-repeat: no-repeat;
	background-position: top;
	}
	
#web1 {
	background-image:url(img/a_webpaketM.png);
	}
		
#web2 {
	left: 200px;
	background-image:url(img/a_webpaketL.png);
	}
	
#web3 {
	left: 400px;
	background-image:url(img/a_webpaketXL.png);
	}

#web1b, #web2b, #web3b {
	position: absolute;
	width: 190px;
	top: 175px;  
	}
	
#web_cont p.details {
	font-size: 0.7em;
	padding: 0px 0px 10px 15px;
	}

/*	------------------------------------------
	Content NEU
	------------------------------------------*/

#rahmen_top, #rahmen, #rahmen_bottom {
	position: relative;
	width: 652px;
	top: 4px;	
	}
	
#rahmen_top {
	height: 5px;
	background-image:url(img/rahmen_top.png);
	}
	
#rahmen {
	background-image:url(img/rahmen_bg.png);
	}
	
#rahmen p {
	font-size: 0.7em;
	padding: 0px 40px 10px 40px;
	}
	
#rahmen h2 {
	font-size: 1.2em;
	color: #8A8989;

	}
	
#rahmen h1 {
	font-size: 0.7em;
	font-weight: bold;
	padding: 3px 15px 2px 40px;
	}
	
#rahmen h3 {
	font-size: 0.7em;
	font-weight: bold;
	padding: 3px 15px 4px 40px;
	}
	
#rahmen h4 {
	font-size: 0.7em;
	font-weight: bold;
	padding: 4px 15px 1px 48px;
	}

#rahmen span {
	padding: 0px 0px 0px 8px;
	}
	
#rahmen_bottom {
	height: 5px;
	background-image:url(img/rahmen_bottom.png);
	}

#rahmen a:link, #rahmen a:visited, #rahmen a:active {
	text-decoration: none; 
	color: #FF9B00;
	}

#rahmen a:hover {
	text-decoration: none; 
	color: #FF9B00;
	border-bottom: 1px dotted #1C1C1C;
	}

#rahmen a.work:link, #rahmen a.work:visited, #rahmen a.work:active {
	display: block;
	text-decoration: none;
	border: 3px solid #DEDEDE;
	padding: 0px;
	width: 544px;
	height: 158px;
	}

#rahmen a.work:hover {
	display: block;
	text-decoration: none;	
	border: 3px solid #C2C2C2;
	padding: 0px;
	width: 544px;
	height: 158px;
	}

#rahmen a.w_murza:link, #rahmen a.w_murza:visited, #rahmen a.w_murza:active {
	display: block;
	text-decoration: none;
	border: 3px solid #DEDEDE;
	padding: 0px;
	width: 544px;
	height: 556px;
	}

#rahmen a.w_murza:hover {
	display: block;
	text-decoration: none;	
	border: 3px solid #C2C2C2;
	padding: 0px;
	width: 544px;
	height: 556px;
	}

#rahmen a.w_aundl:link, #rahmen a.w_aundl:visited, #rahmen a.w_aundl:active {
	display: block;
	text-decoration: none;
	border: 3px solid #DEDEDE;
	padding: 0px;
	width: 544px;
	height: 391px;
	}

#rahmen a.w_aundl:hover {
	display: block;
	text-decoration: none;	
	border: 3px solid #C2C2C2;
	padding: 0px;
	width: 544px;
	height: 391px;
	}

#rahmen a.w_neue_hypo:link, #rahmen a.w_neue_hypo:visited, #rahmen a.w_neue_hypo:active {
	display: block;
	text-decoration: none;
	border: 3px solid #DEDEDE;
	padding: 0px;
	width: 544px;
	height: 519px;
	}

#rahmen a.w_neue_hypo:hover {
	display: block;
	text-decoration: none;	
	border: 3px solid #C2C2C2;
	padding: 0px;
	width: 544px;
	height: 519px;
	}
	
#rahmen a.w_bwr:link, #rahmen a.w_bwr:visited, #rahmen a.w_bwr:active {
	display: block;
	text-decoration: none;
	border: 3px solid #DEDEDE;
	padding: 0px;
	width: 544px;
	height: 95px;
	}

#rahmen a.w_bwr:hover {
	display: block;
	text-decoration: none;	
	border: 3px solid #C2C2C2;
	padding: 0px;
	width: 544px;
	height: 95px;
	}

/*	------------------------------------------
	Headline
	------------------------------------------*/

#headline {
	padding: 10px 15px 10px 40px;
	}
	
#headline h2 {
	font-size: 1.0em;
	font-weight: normal;
	color: #B8B8B8;
	padding: 10px 0px 10px 0px;
	}
	
/*	------------------------------------------
	Formular
	------------------------------------------*/
		
input.formular, textarea.formular, select.formular { 
	font-family : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", "Arial", "Helvetica", "Sans-Serif"; 
	font-size: 100%; 
	background: #EDEDED; 
	padding: 4px; 
	width: 350px;
	border-top:1px;
	border-top-style:solid;
	border-top-color:#BBBABA;
	border-left: 0px;
	border-right: 0px;
	}

.button { 
	font-family : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", "Arial", "Helvetica", "Sans-Serif"; 
	font-size : 1em; 
	background-color : #AAA; 
	color: #FFF; 
	width: 150px; 
	height: 25px; 
	border: 0; 
	}

#errormsg {
	margin-left: 40px;
	border: 1px;
	border-color:#BBBABA;
	border-style:dotted;
	background-color:#EDEDED;
	width:358px;
	height:auto;
	}

#errormsg p {
	font-size: 0.7em;
	padding: 15px 20px 15px 70px;
	}

/* Spamschutz */

#website {
	display:none;
	}

/*	------------------------------------------
	Enlaces
	------------------------------------------*/

#enlaces {
	position: relative;
	height: 100%;
	left: 40px;
	padding-top: 5px;
	padding-bottom: 10px;
	}

#enlaces ul {
	font-size : 0.7em; 
	margin-right: 20px;
	list-style-type: none;
	}
	
#enlaces li.headline {
	font-weight: bold;
	padding-bottom: 3px;
	}

#enlaces a:link, #enlaces a:active, #enlaces a:visited {
	text-decoration: none; 
	color: #FF9B00;
	border-bottom-style: none;
	}

#enlaces a:hover {
	text-decoration: none; 
	color: #FF4E00;
	border-bottom-style: none;
	}

/*	------------------------------------------
	Footer
	------------------------------------------*/

#footer {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 45px;
	width: 652px;
	left: 50%; /* Positionierung Horizontal-Mittig */
	margin-left: -326px; /* Positionierung Horizontal-Mittig (-0.5 x width) */
	}

#footer_left_end {
	position: absolute;
	height: 45px;
	width: 4px;
	left: 0px;
	background-image:url(img/footer_left.png);
	background-repeat:no-repeat;
	}

#footer_right_end {
	position: absolute;
	height: 45px;
	width: 4px;
	right: 0px;
	background-image:url(img/footer_right.png);
	background-repeat:no-repeat;
	}

#footer_inner {
	position: absolute;
	height: 45px;
	width: 644px;
	background-image:url(img/footerbg.png);
	background-repeat:repeat-x;
	left: 50%; /* Positionierung Horizontal-Mittig */
	margin-left: -322px; /* Positionierung Horizontal-Mittig (-0.5 x width) */
	}
	
#footer_left {
	position: absolute;
	height: 45px;
	width: 200px;
	left: 8px;
	}
	
#footer_right {
	position: absolute;
	height: 45px;
	width: 200px;
	right: 8px;
	}

#footer p {
	font-size: 0.6em;
	color: #8A8989;
	margin-top: 15px;
	}

#footer_right p {
	text-align: right;
	}

#footer p a:link, #footer p a:visited, #footer p a:active {
	text-decoration: none; 
	color: #626262;
	}

#footer p a:hover {
	text-decoration: none; 
	color: #454545;
	}

/*	------------------------------------------
	Table Weblinks
	------------------------------------------*/

table.weblinks {
    margin: 0px 40px 25px 40px;
    border-spacing: 0;
    border-collapse: collapse;
	width: 572px;
    }

table.weblinks th {
    text-align: left;
	font-size: 0.7em;
    }

table.weblinks th.a {
    background-color: #F6E7C8;
    padding: 0.2em 25px 0.2em 0.5em;
    border: solid #FBBC58;
    border-width: 1px 0 3px;
	width: 180px;
    }

table.weblinks th.b {
    background-color: #FCF6E4;
    padding: 0.2em 25px 0.2em 0.5em;
    border: solid #F8D6A1;
    border-width: 1px 0 3px;
	width: 320px;
    }
	
table.weblinks th.c {
    background-color: #FCF6E4;
    padding: 0.2em 25px 0.2em 0.5em;
    border: solid #F8D6A1;
    border-width: 1px 0 3px;
	text-align: center;
    }

table.weblinks td {
    text-align: left;
	font-size: 0.7em;
    }

table.weblinks td.a {
    padding: 0.2em 25px 0.2em 0.5em;
    border: 1px solid #FBBC58;
    border-width: 0 0 1px 0;
    }

table.weblinks tr:hover td.a {
    background-color: #F9F3E8;
    }

#rahmen a.wl:link, #rahmen a.wl:visited, #rahmen a.wl:active {
	text-decoration: none;
	color: #515151;  
	}

#rahmen a.wl:hover {
	text-decoration: none;
	border: 0px; 
	}

table.weblinks td.b {
    padding: 0.2em 25px 0.2em 0.5em;
    border: 1px solid #F8D6A1;
    border-width: 0 0 1px 0;
    }

table.weblinks tr:hover td.b {
    background-color: #FBF8F2;
    }
	
table.weblinks td.c {
    padding: 0.2em 25px 0.2em 0.5em;
    border: 1px solid #F8D6A1;
    border-width: 0 0 1px 0;
	text-align: center;
    }

table.weblinks tr:hover td.c {
    background-color: #FBF8F2;
    }