/************************************************
Stylesheet f�r IPv6 Council LAYOUT

Datei:  layout.css
Datum:  2009-11-08
Autor:  Sebastian Woinar - Sebastian@woinar.de

*************************************************/



/* Reset - alle Abst�nde auf NULL */
* {
	padding: 0;
	margin: 0;
}
html, body {
	min-height:100%;
	height:auto;
	height: 100%;
}
ul {
	margin-bottom: 0;
}
form {
	margin: 0;
}
div.clear {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
}
/************* allg. Definitionen ***********/

body {
	background-color: #ffffff;
	color: black;
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
}
/************* Ende  allg. Definitionen ***********/


/************* Layout ***********/

div#site {
	width: 80%;  /* Breite in Prozent */
	min-width: 828px; /* Minimale Breite in px */
	max-width: 97em; /* Maximale Breite in em */
	margin: 0px auto;
	position:relative;
	min-height:100%;
	height:auto !important;
	height: 100%;
}
/* Feste Breite fuer IE 6 */
* html #site {
	width: 900px !important;
}
#wrapper {
	/*position:absolute; */
  	float:left;
	color: black;
	width: 100%;  /* Breite in Prozent */
	min-height:616px;
	height:auto !important;
	margin-left:auto;
	margin-right:auto;
	background:url(../imgs/navi_bg.jpg);
	background-repeat:repeat-y;
	border-right-color:#b1b1b1;
	border-right-style:solid;
	border-right-width:1px;
		
}

#header {
	float:left;
	background: url(../imgs/headerv2.jpg) center;
	background-repeat:no-repeat;
	color: black;
	height:116px;
	width:101%;
	z-index:1;
}

/* Min-Height fuer IE 6 */
* html #wrapper {
	height: 816px !important;
}

div#printhead {
	display:none;
}
div#header h1 {
	display:inline;
}

/* Feste Breite fuer IE 6 */
* html #header {
	background: url(../imgs/header_feste_breite.jpg) left top;
	width:100%;
	
	
}
div#header a#ipv6logo {
	background:url(../imgs/ipv6.png);
	height:116px;
	width:246px;
	display:block;
	outline:none;
	float:left;
}
div#header a#hpilogo {
	background:url(../imgs/hpi.png);
	height:116px;
	width:194px;
	display:block;
	float:right;
	outline:none;
}
* html div#header a#ipv6logo {
	background:url(../imgs/head_feste_breite_ipv6.jpg);
	width:150px;
}
* html div#header a#hpilogo {
	background:url(../imgs/head_feste_breite_hpi.jpg);
	width:150px;
}
span.header_text {
	position:absolute;
	top:-2000px;
}
#left {
	/* Hintergrundfarbe und Rahmen in bg Img vom Wrapper fuer kompl. Seitenhoehe */
  z-index:0;
	width: 223px;
	float:left;
	margin-bottom:20px;
	padding-left:1px;
}
*html #left {
	position:relative;
	top:0px;
}
#right {
	height:auto !important;
	min-height:400px;
}
* html #right {
	height: 400px !important;
}
/* Style f�r #sidebar */
#cntBorder {
	float:right;
	width: 125px;
	margin-left:10px;
	height:400px;
	text-align:center;
	margin-top:100px;
	line-height:8px;
}

*html #cntBorder {
	float:right;

	width: 125px;
	margin:0px; 
	margin-left:0px;
	padding:0px;
	height:400px;
	display:none;
}
#textbereich {
	margin-left:214px;
	margin-right:145px;
	/*margin-top:116px;	*/
	padding: 0px 10px 0px 20px;
}
*html #textbereich {
	float:left; 
	top:0px;
	margin:0px !important;	
	padding-left:30px;	
	padding-right:10px;	
	width:570px;
}
*+html #textbereich {
	margin-left:0px;
	margin-top:0px;		
}

div#content{
	padding-left:30px;
	padding-right:10px;
	padding-top:0px; /* Hoehe vom Subtitle + Padding-top vom Subtitle */
	width:100%;
	float:left; 
	padding-bottom:50px;
}

* html div#content{
	padding:0px;
}
*+html div#content{
	padding-top:0px;
	width:auto;
}
div#cntSubtitle {
	min-height: 28px;
	padding: 20px 0px 0px 30px;
	float:left;
	width:100%;
}

*html div#cntSubtitle {
	
	padding:0px;
	padding-top:20px ;
}



*html div#content table{
	width:inherit!important;
}
/************* ENDE Layout ***********/

/************* feuser login ***********/
div.feuserlogin{
	margin-top:10px;
	width:320px;
	margin-left:30px;

}
div.feuserlogin div {
	margin-left:5px;
	margin-top:5px;

}
div.feuserlogin fieldset {
	padding-top:5px;
	padding-bottom:5px;

}
div.feuserlogin div.inputfields label{
	width:120px;
	display:block;
	float:left;
}
div.feuserlogin div.inputfields input{
	width:180px;
}

div.feuserlogin div.control {
	float:right;
	margin-top:15px;
	margin-right:5px;
}


/************** ENDE feuser login ************/


/************** feuser Registration login ************/
div.tx-srfeuserregister-pi1-captcha-response {
	float: left;
	margin-left:5px;
}
div.tx-srfeuserregister-pi1-captcha-response img, div.tx-srfeuserregister-pi1-captcha-response input {
	float:right;
	margin-right:5px;
}
	
div.tx-srfeuserregister-pi1-captcha-response div.captcha_descrption {
	display:block;
}

div.tx-srfeuserregister-pi1 input, div.tx-srfeuserregister-pi1 select, textarea {	
	width:233px;

}
input.tx-srfeuserregister-pi1-password {
	width:70px !important;

}

div.tx-srfeuserregister-pi1 dd {
	width:240px !important;
}

div.tx-srfeuserregister-pi1 dt {
	width:180px !important;
}

div.tx-srfeuserregister-pi1 input[type="password"] {
	margin-right:5px;
}

*+html div.tx-srfeuserregister-pi1 input[type="password"] {
	margin-right:2px;
}
div.tx-srfeuserregister-pi1-form{
	width:450px;
}


div.feuserlogin legend {
	padding-left:5px;
	padding-right:5px;	
	color:#000;
}


input.tx-srfeuserregister-pi1-submit-preview{
	width:103px !important;
	margin-right:10px;
}

.tx-srfeuserregister-pi1 a {
	background:none !important;
	padding:0px !important;
	text-decoration:underline !important;
}

/************** ENDE feuser Registration login ************/



/************** Mailform Additional Submission  ************/

form.mfAdditionalSubmission fieldset {
	padding:5px;
}
form.mfAdditionalSubmission #mailformCategory{

	margin-top:10px;
	margin-bottom:10px;	
}

form.mfAdditionalSubmission label {
	float:left;
}

form.mfAdditionalSubmission textarea {
	float:left;
	margin-top:10px;
	width:100%;
	margin-bottom:10px;	
}

/************** ENDE Mailform Additional Submission  ************/


/*********   E N D E   D E S   S T Y L E S H E E T S  *********/
