/* GLOBAL  */
* {
    	margin: 0;
	padding: 0;
   	outline-color: -moz-use-text-color;
    	outline-style: none;
    	outline-width: medium;    
}

body {
    	font-family: Arial, Verdana, Sans-serif;
    	font-size: 100.01%;
	font-size: 12px;
	border: none;
	width: 100%;
	height: 100%;
	background: #FFFFFF url(../images/bg_page.png) 0 18px repeat-x;
}

/*
body.page2 { background-image: url(../images/bg_subpage_p2.png); } 
body.page3 { background-image: url(../images/bg_subpage_p3.png); } 

body.start { background: #FFFFFF url(../images/bg_page.png) 0 0 repeat-x; }
*/



h1, h2, h3 {
	font-weight: normal;
	color: #817B00;
}

h1, h2, h1.csc-firstHeader { 
        background: transparent url(../images/bullet_headline.gif) left top no-repeat;
        font-size: 18px;
        color: #333333; 
        margin-bottom: 10px; 
        height: 44px;
        padding: 10px 0 0 80px;
        position: relative;
        left: -80px;
        
}

h2, h1, h1.csc-firstHeader  { color: #7F7900; }


body.page2 h1, 
body.page2 h1.csc-firstHeader { background-image: url(../images/bullet_headline_p2.gif); color: #6D9BCF; }

body.page3 h1, 
body.page3 h1.csc-firstHeader { background-image: url(../images/bullet_headline_p2.gif); color: #75755C; }


body.start h2 {
        left: 0;
        background-image: none !important;
}

h3 { font-size: 18px; color: #000000; font-weight: bold; margin-bottom: 14px; }
h3 {
        color: #7F7900;
        font-weight: normal;
}

h4 { font-size: 14px; font-weight: bold; margin-bottom: 14px; }


p  { margin-bottom: 20px; }

ul { 
	list-style-position: outside;
	margin-left: 15px;
}

a { color: #7F7900; }

body.page2 a, body.page4 a { color: #6D9BCF; }

body.page3 a { color: #C4C6AB; }


span.detail { color: #817B00; }

span.detail { color: #000000; font-weight: bold; }





/* LAYOUT */
#pageMargins {
    	margin-left: 50%;
}

#page {
    	width: 998px;
	margin-left: -499px;
}



#header {
	background-color: #FFFFFF;
	height: 85px;
}

#logo {
	background: #FFFFFF url(../images/logo.png) 0 0 no-repeat;
	width: 315px;
	height: 51px;
	margin-top: 14px;
	margin-left: 46px;
	float: left;
	display: block;
	text-decoration: none;
}

#footer { 
	font-size: 11px; 
	color: #666666; 
	margin-left: 70px;
	margin-bottom: 30px;
	padding-top: 20px;
}




/* Spalten */
.twoCols, .threeCols { 
    position: relative;
    left: -80px;
    width: 760px;
}


.twoCols .last { margin-left:400px; }

.twoCols .col { width: 410px; }
.threeCols .col { width: 286px; }

.last .wrapper,
.col .wrapper { padding: 20px 0 20px 80px; }



.start .threeCols { left: 0; }

.start .threeCols .col { width: 286px; }
.start .threeCols .wrapper { padding: 20px 10px 0; }

.col { float: left; }
.last { width: auto !important; float: none; }

.start .threeCols .last { margin-left: 574px; }








/* NAVIGATION */
#topNav {
    	float: right;
	margin-top: 21px;
	margin-right: 70px;
	text-align: right;
}

#topNav a { color: #000000; font-weight: normal; text-decoration: none; } 




#navigation { 
	background: transparent url(../images/bg_nav.png) 0 0 repeat-x;
	height: 32px;
	margin-left: 67px;
	/*border-bottom: 1px solid #E5E5E5;*/
}

#navigation ul {
	list-style-type: none;
	height: 31px;
	border-left: 1px solid #545454;
	border-right: 1px solid #838383;
	display: inline-block;
	margin-left: 0;
}

#navigation ul li {
     	float: left;
	line-height: 31px;
	padding: 0 13px;
 	border-left: 1px solid #ACC157; /*#838383*/
	border-right: 1px solid #3C4322; /*#545454*/
}

#navigation a {
    	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}


#navigation a:hover { color: #333333; }
/*,
#navigation a#tab48:hover { color: #D5D28A; }

#navigation a#tab33:hover,
#navigation a#tab29:hover { color: #A7C7E6; }

#navigation a#tab32:hover { color: #C4C6AB; }
*/
/*body.page2 #navigation a:hover { color: #A7C7E6; }*/


#navigation ul li.active {
	background: #FFFFFF url(../images/bg_nav_active_neu.png) 0 0 repeat-x;
	/*border-bottom: 1px solid #FFFFFF;*/
	height: 32px;
	position: relative;
}
/*
body.page1 #navigation ul li.active { background-position: 0 -5px; }

body.page2 #navigation ul li.active {
	background-image: url(../images/bg_nav_active_p2.png);
	border-bottom-color: #CADAED;
}

body.page3 #navigation ul li.active {
	background-image: url(../images/bg_nav_active_p3.png);
	border-bottom-color: #DADBC9;
}
*/



#navigation li.active a { color: #336699 !important; cursor: default; } 


#footerNav, #footerNav a { 
	color: #5B7892; 
	font-weight: bold; 
	text-decoration: none;
}






/* CONTENT */
#content {
	margin-top: 10px;
	margin-left: 60px;
	width: 882px;
	height: auto;
	position: relative;
	font-size: 15px;
}

#contentTop {
    	background: transparent url(../images/bg_content_top.png) 0 0 no-repeat;
	height: 10px;
}

#contentBottom {
	background: transparent url(../images/bg_content_bottom.png) 0 0 no-repeat;
	height: 8px;
	width: 882px;
}

#contentWrapper {
	background: transparent url(../images/bg_content_body.png) 0 0 repeat-y;
	min-height: 200px;
	padding: 10px 22px 0 20px;
	padding: 0 14px 0 10px;
}

#contentInner { 
	background-color: #FFFFFF; 
	padding: 22px 60px 30px 117px; 
}

body.start #contentInner { padding: 0; overflow: hidden; height: 499px; }


#headerImage {
	background: transparent url(../images/pageheaders/ip-consulting.png) 0 0 no-repeat;
        height: 200px; 
}

body.page2 #headerImage { background-image: url(../images/pageheaders/technische_fachgebiete.png); }
body.page3 #headerImage { background-image: url(../images/pageheaders/persoenliches.png); }
body.page4 #headerImage { background-image: url(../images/pageheaders/kontakt.png); }




/* Startseite */
body.start #headerImage { display: none; }

#startpic {
    	/*position: relative;
	left: -1px;*/
}

#startTeaserRow {
    	background: transparent url(../images/bg_start_teaser.png) 0 0 no-repeat;
	width: 858px;
	height: 221px;
	color: #FFFFFF;
	font-size: 13px; 
	position: absolute;
	z-index: 1;
	top: 289px;
	left: 10px;
}

#startTeaserRow .col {
	height: 100%;
	position: relative;
}

#startTeaserRow h2 {
        background: transparent url() !important;
        padding: 0;
        height: auto;
} 

#t1 h2 { color: #D4D385; }
#t2 h2 { color: #E1E3D3; }
#t3 h2 { color: #D7E3F2; }

#startTeaserRow h2 { color: #000000; font-size: 24px; }

#startTeaserRow span { border: 0 none !important; }


a.readMoreButton {
	background: transparent url(../images/bg_link_button_ipconsulting.png) 0 0 no-repeat;
	display: inline-block;
	width: 80px;	
	height: 25px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;	
	text-decoration: none;
	border-width: 0px !important;
	background-color: transparent !important; 
	z-index: 10;
	cursor: pointer !important;
	
}

#startTeaserRow a.readMoreButton {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #ACAA0D;
}

#t2 a.readMoreButton { /*color: #B6B894;*/ background-image: url(../images/bg_link_button_fachgebiete.png); }
#t3 a.readMoreButton { /*color: #9ABADE;*/ background-image: url(../images/bg_link_button_persoenliches.png); }

#startTeaserRow a.readMoreButton { color: #FFFFFF; }

#startTeaserRow a.readMoreButton:hover { color: #CCCCCC; }

#startTeaserRow ul li { font-weight: bold; }





/* Accordion */
#contentAccordion { width: 857px; height: auto; }

#contentAccordion h3.ui-accordion-header {
	background: transparent url(../images/bg_accordion_tab.png) 0 -1px repeat-x;
	height: 92px;
	line-height: 92px;
}

#contentAccordion h3.ui-accordion-header span {
	/*background: transparent url(../images/bg_accordion_arrow.png) 37px center no-repeat; */
	background: transparent url(../images/bullet_headline.gif) 37px 26px no-repeat; 
	display: block;
	line-height: 92px;
	padding-left: 117px;
	color: #ACAA0D;
	font-size: 24px;
	font-weight: normal;
	cursor: pointer;
}

body.page2 #contentAccordion h3.ui-accordion-header span { background-image: url(../images/bullet_headline_p2.gif); color: #6D9BCF; }
body.page3 #contentAccordion h3.ui-accordion-header span { background-image: url(../images/bullet_headline_p3.gif); color: #75755C; }

#contentAccordion h3 span.ui-icon { display: none; }

#contentAccordion h3.ui-state-active { 
	background: transparent url(../images/bg_accordion_tab_active.png) 0 0 repeat-x; 
}

html > body #contentAccordion h3.first.ui-state-default { background-image: url(../images/bg_accordion_tab_first.png); }

html > body #contentAccordion h3.first.ui-state-active { background: transparent none repeat scroll 0 0; }

* html #contentAccordion h3.first { background: transparent none repeat scroll 0 0; }


#contentAccordion h3.ui-state-active span { 
	/*background-image: url(../images/bg_accordion_arrow_active.png); color: #817B00; */
	background-position: 37px -76px;
	cursor: default;
}

#contentAccordion h3.ui-accordion-header { margin: 0; }

.ui-accordion-content {
    padding: 0 60px 20px 117px;
	background: transparent url(../images/bg_accordion_content.png) 0 bottom repeat-x;
	overflow: visible;
	height: auto;
	min-height: 300px;
	width: auto !important;
}

* html .ui-accordion-content { height: 300px; }

body.page3 .ui-accordion-content { background-image: url(../images/bg_accordion_content_p3.png); }

.ui-accordion-content .wrapper { width: 680px; }



/* Accordion-Head */
.accordionHead { 
    background: transparent url(../images/bg_accordion_head.jpg) left bottom repeat-x; 
    padding: 35px 50px 45px 117px; 
    position: relative;  
    width: auto !important; 
}

/* Safari-Hack (Breite wird sonst nicht richtig dargestellt) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .accordionHead {
         width: 691px !important;
    }
}


.accordionHead .text  { float: left; width: 460px; }
.accordionHead .image { text-align: right; width: auto; }

.accordionHead .text .title,
.accordionHead .text .subtitle { font-size: 24px; }

body.page3 .accordionHead .text .subtitle { color: #75755C; } 






/* Boxes */
.box { 
	border: 1px solid #CCCCCC; 
	margin-bottom: 25px;
	padding: 15px 35px;
}

.box ul { 
        list-style-type: none;
        margin: 0;
}

.box ul li { 
	list-style-type: none;
	background: transparent url(../images/bullet.gif) 0 4px no-repeat;
	font-size: 15px;
	font-weight: normal;
	padding-left: 18px;
        margin-bottom: 6px;
}

body.page2 .box ul li { background-position: 0 -86px; } 

.box h3 {
        color: #7F7900;
        font-weight: normal;
}

body.page2 .box h3 { color: #6D9BCF; }
body.page3 .box h3 { color: #848568; }

.box ul li p { margin: 0; } 


#mailError { 
	/*border: 1px solid #CC0000; 
	padding: 10px;*/
	margin: 10px 0;
}


.vita {  }

.vita h3 { 
    color: #ACAA0D;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding-right: 20px;
    text-align: right;
    width: 150px;
}

body.page2 .vita h3 { color: #6D9BCF; }
body.page3 .vita h3 { color: #848568; }





/* FORMS */
form {
        border: 1px solid #CCCCCC;
        padding: 30px;  
        margin: 10px 0 20px 0;
}

form, input, label { font-size: 15px; }

label { 
        font-weight: bold; 
        display: inline-block;
        margin-bottom: 6px;
}

input.textfield, textarea {
        border-width: 1px;
        border-style: solid;
        border-color: #8C8C8C #C3C3C3 #E1E1E1 #C3C3C3;
        width: 396px;
        height: 26px;
        padding-top: 4px;
}

textarea { 
	width: 617px; 
	height: 210px; 
	font-family: Arial, Verdana, Sans-serif; 
}

.required { color: #CC0000; }

.formLine {
         margin-bottom: 10px;
}

.formSubmitLine span {
        background: transparent url(../images/bg_button.png) left top no-repeat;
        height: 25px;
        display: inline-block;
        padding-left: 15px;
}

.formSubmitLine input,
input.submit {
        background: transparent url(../images/bg_button.png) right bottom no-repeat;
        height: 25px;
        overflow: hidden;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 16px;
        padding-right: 15px;
        padding-bottom: 2px;
        border: none !important;
        cursor: pointer;
        font-family: Arial, Verdana, Sans-serif;
}

.formSubmitLine input:hover,
input.submit:hover {
        color: #CCCCCC;
}






/******************************/
/* Clearing - do not modify */
/**************************/

.floatholder { overflow:hidden; }

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

.clerasil { display: block; }





/* IE6-BUGFIXES */
    
	/* floatholder Korrektur IE #/
	/* IE MAC ausschliessen \*/
		* html .floatholder {width: 100%;}
	/* IE MAC ausschliessen */
	/* Clearfix-Anpassung für IE */
		.clerasil {display: inline-block;}
	/* IE MAC ausschliessen \*/
		 * html .clerasil {height: 1%;}
		 .clerasil {display: block;}
	/* IE MAC ausschliessen */

* html #logo { _margin-left: 24px; }
* html #topNav { _margin-right: 34px; }

* html #navigation ul { height: 32px; display: inline; } 	
* html #navigation ul li.active { border-bottom-width: 0px; bottom: -1px; }


* html #contentAccordion h3.ui-accordion-header span { background-image: url(../images/bg_accordion_arrow.gif); }
* html #contentAccordion h3.ui-state-active span { background-image: url(../images/bg_accordion_arrow_active.gif); } 

* html form { zoom: 1; }

* html .twoCols, 
* html .threeCols { width: 100%; }
* html .start .threeCols .last { width: auto; }


/* IE7-BUGFIXES */	
*+html #logo { margin-left: 46px; }
*+html #topNav { margin-right: 70px; }