/* CSS Page */

/* Developed by Mike Weiss of mjmediateam.com*/

/*-------- Elements --------*/

* {

margin:0;

padding:0

}



body {

background:#91bfe0;

/*height:100%;*/

text-align:center

}



#container {

margin:0 auto;

min-height:100%;

position:relative;

text-align:left;

width:730px

}


#header-left {
width:300px;
float:left;
}
#header-right {
width:430px;
float:left;
padding:10px 0px 0px 0px;
text-align:right;
}
#header-left h1 {

color:#244b72;

font-family:Arial, Helvetica, sans-serif;

font-size:36px;

padding:10px 0 0;

text-transform:uppercase

}



#header-left h2 {

color:#ffd255;

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

font-style:italic;

margin:-9px 0 0 60px;

padding-bottom:30px

}



#focus {

background:url(images/haupt.jpg) center center no-repeat #ffd255;

height:237px;

overflow:hidden;

width:730px

}

#focus-mitte {
background:#244b72;
height:280px;
float:left;
/*overflow:hidden;*/
width:630px;
text-align: center;
padding:10px 0 0;
}

#focus-links {

background:url(images/left.gif) no-repeat top left #244b72;
float:left;
height:290px;
width:50px;
}

#focus-rechts {

background:url(images/right.gif) no-repeat top right #244b72;
float: right;
height:290px;
width:50px;
}

#focus-mitte h2 {

color:#ffd255;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:italic;
margin:0px 0 0 0px;
}
#focus-mitte h3 {

color:#ffd255;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
margin:0px 0 0 0px;
}

#focus-mitte a {

color:#ffd255;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:italic;
margin:0px 0 0 0px;
}

#index-content-links {
height: 100px;
float: left;
/*overflow:hidden;*/
width: 300px;
text-align: center;
padding: 10px 0 0;
}

#index-content-mitte {
height: 100px;
float:left;
/*overflow:hidden;*/
width: 30px;
text-align: center;
padding: 10px 0 0;
}

#index-content-rechts {

height: 100px;
float: right;
/*overflow:hidden;*/
width: 300px;
text-align: center;
padding: 10px 0 0;
}


#navigation {

background:url(images/left.gif) no-repeat top left #244b72;

float:left;

height:240px

}



#navigation h3 {

display:none

}



#navigation ul {

color:#ffd255;

font-family:Arial, Helvetica, sans-serif;

list-style-type:none;

margin:20px auto auto 20px;

text-transform:uppercase

}



#navigation ul li {

overflow:hidden;

width:150px

}



#navigation a {

border-bottom:1px solid #7E9CC1;

color:#ffd255;

display:block;

font-size:14px;

padding:10px 0 10px 8px;

text-decoration:none;

width:150px

}



#navigation a:hover {

padding:10px 0 10px 10px

}



#navigation a.active,#navigation a.active:hover {

border-bottom:3px solid #7E9CC1;

cursor:default;

font-weight:700;

padding:10px 0 10px 8px

}



#login {
background:url(images/right.gif) top right no-repeat #244b72;
float:right;
height:240px;
width:200px
}

#login-index {
background:url(images/right.gif) top right no-repeat #244b72;
float:right;
height:240px;
width:50px
}

#login form {
padding:10px;
font-family:Arial, Helvetica, sans-serif;
}

#login input,#login label {
clear:left;
float:left
}

#login input {
margin:0 0 0 15px;
width:140px
}

#login label {
color:#fff;
font-size:15px;
margin:10px 0 0 15px
}

#login label .false{
color:#f10000;
font-size:15px;
margin:10px 0 0 15px
}

#login .user {
background:url(images/login_user.gif) center right no-repeat #FFF
}

#login .pass {
background:url(images/login_passwort.gif) center right no-repeat #FFF
}

#login fieldset {
border:1px solid #7E9CC1;
font-family:Arial, Helvetica, sans-serif;
}

#login legend {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-left:7px;
padding:5px
}

#login .submit {
clear:both;
float:left;
margin:20px 0 10px 15px;
padding:1px 10px
}

#login-korrekt {
background:url(images/right.gif) top right no-repeat #244b72;
float:right;
height:240px;
width:200px
}

#login-korrekt fieldset {
border:1px solid #7E9CC1;
width:178;
margin:11px 0 0 10px;
font-family:Arial, Helvetica, sans-serif;
}

#login-korrekt legend {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-left:7px;
padding:5px
}

#login-korrekt label {
color:#fff;
font-size:13px;
margin:10px 0 0 15px
}

#login-korrekt input,#login-korrekt label {
clear:left;
float:left
}

#middle {
clear: both;
padding:0 0 60px;
}



/*  Content Elements  */

#content {

background:url(images/top.gif) top center no-repeat #fff;

margin:10px 0 0

}





#content hr {

clear:both;

visibility:hidden

}



#content p.top {

background:url(images/bottom.gif) bottom center no-repeat;

margin:0;

padding:30px 0 0;

text-align:right

}



#content p.top a {

background:url(images/arrow_up.gif) center left no-repeat;

margin:0 30px;

padding:0 0 0 15px

}



#content h3 {

border-bottom:1px solid #7E9CC1;

color:#445971;

font-family:"Times New Roman", Times, serif;

font-size:18px;

font-style:italic;

margin:5px 10px

}



#content p {

margin:3px 15px 10px;

text-align:left

}



#content h4 {

font-size:11px;

line-height:15px;

margin:2px 10px

}



#content .date {

background:url(images/date.gif) center left no-repeat #FFF;

color:#445971;

padding:0 0 0 20px

}



#content a {

color:244b72;
/*7E9CC1;*/

text-decoration:none

}



#content img {

border:1px solid #7E9CC1;

margin:5px 15px

}



html,* html #container {

/*height:100%*/

}



/*  Footer  */

* html #footer {

margin-top:-50px

}



#footer {

background:url(images/footer.gif) top center no-repeat #244b72;

height:50px;

margin:-40px auto 0;

position:relative;

text-align:center;

width:730px

}



#footer a:hover,#content a:hover {

text-decoration:underline

}



#footer p {

color:#fff;

font-family:Geneva, Arial, Helvetica, sans-serif;

font-size:10px;

padding:15px 0 0

}



#footer a {

color:#fff;

text-decoration:none

}



/*  Classes  */

.left {

float:left

}



.right {

float:right

}



.gray {

background-color:#F2F3F4

}





/*  Content Controllers  */

/*  Use this to make a new row of columns  */

#content .row {

margin:5px auto;

overflow:hidden;

width:98%

}



/*  Combine columns to form a layout  */

.fullcolumn {

float:left;

width:99%

}



.threequartercolumn {

float:left;

width:73.5%

}



.halfcolumn {

float:left;

width:49%

}



.onethirdcolumn {

float:left;

width:33%

}



.twothirdcolumn {

float:left;

width:65%

}



.onequartercolumn {

float:left;

width:24.5%

}

#frei {
clear:both;
}