/* CSS Document */

body, p, font, div, table, td, tr, th, span, a, input, select, textarea {
	font-family:Georgia, Times New Roman;
	font-size:12px; font-weight:normal; line-height:140%;
	color:#444444;
}

	body { margin:0px; padding:0px; }
	body { background:#FFFFFF url(img/bg_body.jpg) top repeat-x; }
	
	

/* --- Allgemeine Formatierungen --- */

h1, h2, h3 { font-family:Trebuchet MS, Arial, Verdana, Sans-Serif; color:#AD4743; margin:0px; }
h1 { font-size:18px; margin-bottom:15px; }
h2 { font-size:16px; }
h3 { font-size:12px; }

.bold { font-weight:bold; }

p { margin-top:4px; margin-bottom:6px; }

a { text-decoration:underline; }
a:hover { color:#AD4743; }


.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}

/* --- /Allgemeine Formatierungen --- */



/* --- Farbcodes --- */

.grey { color:#444444; }
	.bg_grey { background-color:#444444; }
.red { color:#AD4743; }
	.bg_red { background-color:#AD4743; }
	
/* --- /Farbcodes --- */

div#outerWrap { width:833px; margin:0px auto; }
	div#innerWrap { width:833px; float:left; position:relative; }
	
div#header {
	width:833px; height:207px;
	position:absolute; top:0px; left:0px; z-index:1;
	background:transparent url(img/header.jpg) top left no-repeat;
}

a#home_link { 
	display:block;
	width:272px; height:65px;
	position:absolute; top:45px; left:40px;
	z-index:3;
}

a#kanzlei_link {
	display:block;
	width:220px; height:100px;
	position:absolute; top:30px; right:40px;
	z-index:3;
}

/* --- Menü --- */
div#menuWrap {
	width:750px; height:154px;
	position:absolute; top:162px; left:43px; z-index:2;
}
	div#menuWrap div#menuLeft {
		width:375px; height:154px;
		float:left;
		background:#E9E9E9 url(img/bg_shadow_mnu-left.gif) top left no-repeat;
	}
	div#menuWrap div#menuRight {
		width:375px; height:154px;
		float:left;
		background:#E9E9E9 url(img/bg_shadow_mnu-right.gif) top left no-repeat;
	}
	
	div.menuContainer {
		width:370px; height:146px;
		background:transparent url(img/bg_mnuContainer_top.gif) top left no-repeat;
		float:left; margin:4px;
	}
		div#leftMenuContainer { margin-right:1px; }
		div#rightMenuContainer { margin-left:1px; }
		
		div.menuContainer h1 { 
			margin:0px; padding:0px; 
			text-align:center; font-size:13px; color:#FFFFFF;
			line-height:41px;
		}
		
		div.menuContainer a {
			display:block;
			width:122px; height:24px;
			padding-top:80px;
			float:left;
			text-align:center;
			color:#323232; text-decoration:none;
			background-position:top; background-repeat:no-repeat; 
			font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
		}
			div.menuContainer a#costs { border-right:1px solid #BABABA; background-image:url(img/bg_costs.gif); }
			div.menuContainer a#howto { border-right:1px solid #BABABA; border-left:1px solid#EDEDED; background-image:url(img/bg_howto.gif); }
			div.menuContainer a#getting { border-left:1px solid #EDEDED; background-image:url(img/bg_getting.gif); }
			
			div.menuContainer a#internet { border-right:1px solid #BABABA; background-image:url(img/bg_internet.gif); }
			div.menuContainer a#telefone { border-right:1px solid #BABABA; border-left:1px solid#EDEDED; background-image:url(img/bg_telefone.gif); }
			div.menuContainer a#personally { border-left:1px solid #EDEDED; background-image:url(img/bg_personally.gif); }


			div.menuContainer a:hover {
				background-position: -1px -104px;
			}

			/* Wie geht es - Uebersicht */
			div#content div.menuContainer {
				width: 493px;
				height: 111px;
				background-image: none;
			}
			div#content div.menuContainer a {
				width:113px;
				background-color: #E9E9E9;
				margin-right: 48px;
				border: 1px solid #BABABA;
			}
			div#content div.menuContainer a:hover {
				background-color: #E0E0E0;
				background-position: -5px -104px;
			}
			
			
			
			
/* --- /Menü -- */


/* --- Content --- */

div#content {
	position:absolute; top:353px; left:47px;
	width:740px;
	margin:0px auto;
}
	div#content div.leftContent { width:330px; float:left; padding:10px 20px 0px 0px; }
	div#content div.rightContent { width:340px; float:left; padding:10px 0px 0px 20px; }
	
	div.rightmargin { padding-left:30px !important; }
	div.leftmargin { padding-right:40px !important; }
	
	div#contactBox { 
		background-color:#F6F3EC; 
		border:1px solid #EFE8DB; 
		width:348px !important; 
		padding:10px !important;
	}
		div#contactBox img { margin-right:10px; }
		
	
	div#content ul {
		list-style-type: none;
		padding-left: 20px;
		float: none;
		clear: both;
		margin-left: 0px;
	}
	
	div#content ul.punkteliste {
		list-style-type: disc;
		
	}
	div#content ul.punkteliste li {
		margin-top: 8px;
		margin-bottom: 2px;
	}
	div#content ul.punkteliste ul {
		list-style-type: circle;
	}
	div#content ul.punkteliste ul li {
		margin-top: 2px;
	}
	
	
	/* Was bekomme ich */
	div#content ul.ul_buttons_2cols_whatdoiget li {
		width: 324px;
		height: 31px;
		background-color:#F6F3EC; 
		border: 1px solid #EFE8DB; 
		float: left;
		margin-right: 0px;
		margin-bottom: 10px;
		padding: 10px;
		background-position: -18px -3px;
		background-repeat: no-repeat;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li.b1 {
		background-image: url(/fileadmin/templates/img/button_2cols_1.gif);
		margin-right: 25px;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li.b2 {
		background-image: url(/fileadmin/templates/img/button_2cols_2.gif);
		margin-right: 0px;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li.b3 {
		background-image: url(/fileadmin/templates/img/button_2cols_3.gif);
		margin-right: 25px;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li.b4 {
		background-image: url(/fileadmin/templates/img/button_2cols_4.gif);
		margin-right: 0px;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li.b5 {
		background-image: url(/fileadmin/templates/img/button_2cols_5.gif);
		margin-right: 25px;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li.b6 {
		background-image: url(/fileadmin/templates/img/button_2cols_6.gif);
		margin-right: 0px;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li a {
		display: block;
		text-align: center;
		padding: 0px 0px 0px 34px;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li.b4 a {
		padding-top: 6px;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li.b5 a {
		padding-top: 6px;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li span.atag {
		display: block;
		text-align: center;
		padding: 0px 0px 0px 34px;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li.questions {
		background-color:#4292AD; 
		border:1px solid #EFE8DB; 
		color: #FFFFFF;
	}
	div#content ul.ul_buttons_2cols_whatdoiget li.questions a {
		color: #FFFFFF;
	}
	
	div#content p {
		clear: both;
		text-align: justify;
	}
/* --- /Content --- */



form .input input, form .input select {
	width: 160px;
	border: 1px solid #C4C4C4;
}
form .input_short input, form .input_short select {
	width: 80px;
	border: 1px solid #C4C4C4;
}
form .input_veryshort input {
	width: 45px;
	border: 1px solid #C4C4C4;
}
form .input_textbox textarea {
	width: 220px;
	height: 60px;
	border: 1px solid #C4C4C4;
}
form .errorfield {
	border: 1px solid #AD4743;
}
form .button {
	margin-top:10px;
	background-color:#E0D5BE; 
	border:1px solid #C6C1B6; 
	padding: 2px 4px 2px 4px;
}
form .error_messages {
	color: red;
	padding-top:10px;
	padding-bottom:10px;
}



/*  --- Antrag --- */

.antrag .antrag_header {
	
}
.antrag input[type="text"], .antrag select {
	width: 160px;
	border: 1px solid #C4C4C4;
}
.antrag .input_short input,.antrag .input_short select {
	width: 80px;
	border: 1px solid #C4C4C4;
}
.antrag .input_veryshort input {
	width: 45px;
	border: 1px solid #C4C4C4;
}
.antrag .input_textbox textarea {
	width: 220px;
	height: 60px;
	border: 1px solid #C4C4C4;
}


#content ul li {
	line-height: 170%;
}


form#mailform fieldset {
	border: 0;
}
form#mailform fieldset .csc-mailform-field {
	float: none;
	width: 100%;
	clear: both;
	line-height: 175%;
}
form#mailform fieldset .csc-mailform-field label {
	display: block;
	float: left;
	width: 120px;
}
form#mailform .csc-mailform-field select, form#mailform .csc-mailform-field input, form#mailform .csc-mailform-field textarea {
	float: left;
	border: 1px solid #C4C4C4;
}
form#mailform .csc-mailform-submit {
	margin-top:10px;
	background-color:#E0D5BE; 
	border:1px solid #C6C1B6; 
	padding: 2px 4px 2px 4px;
}



/* die formatierung für das formular selbst */
.antrag .abox h3 {
	color:#963434;
	font-size:15px;
	font-weight:bold;
}

.antrag .abox input.ibox {
	width:246px;
	background-color:#efefef;
	border:1px solid #afafaf;
}
.antrag .abox select {
	background-color:#efefef;
	border:1px solid #afafaf;
}
.antrag .abox textarea {
	border:1px solid #AFAFAF;
}

.antrag .abox td.text {
	width:246px;
	padding:5px 0px;
}

/* die formatierungen für die beiden Boxen */

.antrag .abox {
	float:left; 
	width:496px;
	overflow:hidden;
}

.my_clear {
	overflow:hidden;
	height:1px;
	clear:both;
}
.antrag .text {
	color:#5c5c5c;
}
.antrag_box_right {
	width:222px;
	background-color:#f6f3ec;
	float:right;
	background-image:url(img/antrag_box_right.jpg);	
	background-repeat:repeat-y;
	overflow:hidden;
}
.antrag_box_right * {
	padding:0px;
	width:0px;
	overflow:hidden;
}



span.antrag_header {
	color:#AD4743;
	font-family:Trebuchet MS,Arial,Verdana,Sans-Serif;
	margin:0;
	font-size: 16px;
	font-weight: bold;
}
div.antrag div.note {
	font-size: 11px;
	margin: 4px 0px 4px 0px;
}

span.antrag_header2 {
	color:#AD4743;
	font-family:Trebuchet MS,Arial,Verdana,Sans-Serif;
	font-size:13px;
	font-weight:bold;
	margin:0;
}

.antrag_box_right a,
.antrag_box_right a:link,
.antrag_box_right a:visited,
.antrag_box_right a:active {
	border-width:1px;
	border-style:solid;
	border-color:#f6f3ec #efe8db #f6f3ec #efe8db;
	display:block;
	height:56px;
	width:220px;
	margin-top:10px;		/* hierüber wird der Abstand der buttons untereinander geregelt */
}

.antrag_box_right a:hover {
	border-color:#e2d5be #e2d5be #e8decc #e2d5be;
}

.button_1, #first_link {
	background-image:url(img/button_1.jpg);
	margin-top:0px;
	border-color:#F0E8DB #efe8db #f6f3ec #efe8db;
}

.button_1:hover, #first_link:hover, .button_1_active {
	background-image:url(img/button_1_hover.jpg) !important;
	border-color:#e2d5be #e2d5be #e8decc #e2d5be !important;
}
.button_2 {
	background-image:url(img/button_2.jpg);
}
.button_2:hover, .button_2_active {
	background-image:url(img/button_2_hover.jpg) !important;
	border-color:#e2d5be #e2d5be #e8decc #e2d5be !important;
}
.button_3 {
	background-image:url(img/button_3.jpg);
}
.button_3:hover, .button_3_active {
	background-image:url(img/button_3_hover.jpg) !important;
	border-color:#e2d5be #e2d5be #e8decc #e2d5be !important;
}
.button_4 {
	background-image:url(img/button_4.jpg);
}
.button_4:hover, .button_4_active {
	background-image:url(img/button_4_hover.jpg) !important;
	border-color:#e2d5be #e2d5be #e8decc #e2d5be !important;
}
.button_5 {
	background-image:url(img/button_5.jpg);
}
.button_5:hover, .button_5_active {
	background-image:url(img/button_5_hover.jpg) !important;
	border-color:#e2d5be #e2d5be #e8decc #e2d5be !important;
}
.button_6 {
	background-image:url(img/button_6.jpg);
}
.button_6:hover, .button_6_active {
	background-image:url(img/button_6_hover.jpg) !important;
	border-color:#e2d5be #e2d5be #e8decc #e2d5be !important;
}
.button_7, #last_link {
	background-image:url(img/button_7.jpg);
	border-color:#f6f3ec #efe8db #F0E8DB #efe8db;
}
.button_7:hover, #last_link:hover, .button_7_active {
	background-image:url(img/button_7_hover.jpg) !important;
	border-color:#e2d5be #e2d5be #F0E8DB #e2d5be !important;
}



div.getmore {
	width: 110px;
	background-color:#E0E0E0; 
	border:1px solid #C3C3C4; 
	padding: 7px;
	margin-top: 18px;
	margin-bottom: 4px;
}
div.getmore a {
	display: block;
	color: #AD4743;
}

div.getmore_wide {
	width: 166px;
}

div.backlink, div.wideContent_backlink {
	width: 53px;
	background-color:#E0E0E0; 
	border:1px solid #C3C3C4; 
	padding: 7px;
	margin-top: 18px;
	margin-bottom: 4px;
}
div.backlink a, div.wideContent_backlink a {
	display: block;
	color: #AD4743;
	text-align: center;
}


div#content div.kostenrechner { 
	background-color:#F6F3EC; 
	border:1px solid #EFE8DB; 
	/*width:348px !important; */
	padding:10px !important;
}

div#content div.kostenrechner_header {
	font-weight: bold;
	margin: 14px 0px 8px 0px;
	color: #AD4743;
}

div#content div.kostenrechner form input[type="submit"] {
	margin: 8px 0px 8px 0px;
}


div.phonenumber {
	margin: 10px 0px 10px 90px;
	width: 130px;
	font-size: 13px;
	font-weight: bold;
	background-color:#E0E0E0; 
	border:1px solid #C3C3C4; 
	padding: 7px;
	color: #AD4743;
	text-align: center;
}


input#sbox {
	padding-left: 4px;
}
.currencyInput {
	width:100px;
	background-color: #FFF;
	border: 1px solid #C4C4C4;
}



a#imprint_link {
	position: absolute;
	color: #fff;
	top: 140px;
	left: 724px;
	z-index: 10;
	text-decoration: none;
}
a#imprint_link:hover {
	text-decoration: underline;
}

a#privacypolity_link {
	position: absolute;
	color: #fff;
	top: 140px;
	left: 630px;
	z-index: 11;
	text-decoration: none;
}
a#privacypolity_link:hover {
	text-decoration: underline;
}

div#content div.rightContent ul {
	padding-left: 0px;
}



/* per Sönlich - Tabelle */
table.personally_table {
	width: 100%;
	margin-top: 12px;
	font-family:Trebuchet MS,Arial,Verdana,Sans-Serif;
}
table.personally_table th {
	background-color: #999999;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
}
table.personally_table td {
	vertical-align: top;
}

a.wegbeschreibung {
	font-weight: bold;
}

/* Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #E9E9E9;
	padding: 5px;
	/*opacity: 0.85;*/
}
#tooltip h3, #tooltip div { margin: 0; }

body.page-start .rightmargin p {
	text-align: justify;
}