/********************************
 * General
/*******************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
}
li { 
	padding-left: 10px;
	list-style-position:inside; 
}
h1,h2,h3,h4,h5,p,ul { 
	padding: 0; 
	margin: 0;
}
h1,h2,h3,h4,h5 { 
	font-size:14px; 
	line-height:18px;
}
a {
	color:#000099;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img { border:none; }
hr { display:none; }


/********************************
 * Layout
/*******************************/

#frame {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}


#startflash {
	z-index: -1;
}
#header {
	height: 60px;
}
#header img {
	float: left;
}
#header #sysnav {
	float: right;
	font-size: 10px;
	color: #999999;
	margin: 38px 1px 0 0 ;
}
#header #sysnav a {
	color: #999999;
}



#navigation {
	position: relative;
	height: 30px;
}
#navigation a {
	margin: 0 1px 0 0;
}
#navigation .last {
	margin: 0;
}
.menu2 {
	font-size: 12px;
	white-space: nowrap;
	position: absolute;
	background: url(images/bg_menu2.png);
	width: 222px;
	z-index: 9999;
	display: none;
	top: 31px;
}
.menu2 a:link,
.menu2 a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
	margin: 5px 10px 5px 10px;
	border-bottom: 1px solid #ffffff;
	padding: 5px;
}
.menu2 a:hover,
.menu2 a:active {
	text-decoration: underline;
}
.menu2 a.last {
	border-bottom: 0;
}



.csc-frame {
	float: left;
}
#content .content-head {
	margin: 1px 0 0 0;
}
#content .content-head .csc-frame-frame2 {
	background: url(images/bg_startbox.jpg);
	height: 130px;
	width: 317px;
}
#content.start .content-head .csc-frame-frame2 {
	height: 300px;
}

#content .content-main {
	width: 638px;
	float: left;
}

#content .content-right {
	width: 312px;
	float: right;
}

#content.start .content-main {
	width: 960px;
}

/********************************
 * Frames
/*******************************/

#content .content-main .csc-frame-frame1 {
	width: 312px;
}

#content .content-main .csc-frame-frame2 {
	width: 316px;
	margin: 0 0 0 10px;
}

#content.start .content-main .csc-frame .csc-textpic {
	background-color: #D0DDEB;
	border-bottom: 1px solid #8FADD0;	
}

#content.start .content-main .csc-frame-frame2 {
	margin: 0 10px 0 10px;
}

#content .content-main .csc-frame p.bodytext {
	padding: 0 0 12px 0;
}

#content.start .content-main .csc-frame p.bodytext {
	padding: 12px;
}


/* Heights - test */

#content .content-main .csc-frame-frame2 .csc-textpic-text,
#content .content-main .csc-frame-frame1 .csc-textpic-text {
	height: 180px;
}

#content.start .content-main .csc-frame-frame2 .csc-textpic,
#content.start .content-main .csc-frame-frame1 .csc-textpic {
	height: 180px;
}






#content .content-main h1,
#content .content-right h1 {
	background: url(images/bg_start_h1.jpg);
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 10px;
}
#content .content-main h1 a {
	color: #333;
}

#content .content-main .csc-header {
	margin: 10px 0 5px 0;
}
#content .content-right .csc-header {
	margin: 10px 0 0 0;
}

#content p.bodytext {
	padding: 12px;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
}

#footer {
	margin-top: 10px;
	text-align: center;
	font-size: 10px;
	color: #999999;
	border-top: 1px dotted #999999;
	line-height: 20px;
}
#footer p {
	display: inline;
}
#footer a {
	color: #999999;
}




/********************************
 * Tarifrechner (Startseite)
/*******************************/
form.tarifrechner {
	margin: 130px 24px 0 24px;
	font-size: 12px;
	line-height: 16px;
}


/********************************
 * Kontaktform
/*******************************/

#mailform,
.csc-mailform {
        margin: 0px 0 20px 0;
        border: 0;
        padding: 0;
        font-size: 11px;
}

.csc-mailform-field label {
	width: 150px;
	text-align: left;
	display: block;
	float:left;
}

.csc-mailform-submit {
	margin-left: 150px;
	margin-top: 2em;
	background-color: #efeff4;
	color: #333;
	font-weight:bold;
	width:auto;
} 

.input {
	border:1px solid #dddddd;
	padding:1px 2px 1px 2px;
	margin-bottom:2px;
	font-size: 11px;
	width:280px;
}




div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}