@charset "utf-8";

/*
Theme Name: Burlage
Theme URI: http://www.burlage-warendorf.de
Description: Stile fuer Burlage
Version: 1.0
Author: Gunnar Vogelsang
Author URI: http://www.burlage-warendorf.de
Date: Maerz 2010
*/

/*
################# Colour Ref ####################
#fe4c00 Orange
*/

/* 
################### CSS contents ###################
* 1 Common
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/
 
 
/*
################### Common ################### 
*/

*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}

html {
/* overflow: -moz-scrollbars-vertical; */
}

#skipto{
display:none;
}

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

.nomargin {
margin:0;
}
/*
################### Layout ################### 
*/

body{
font:12px/1.6 Arial, Verdana, Helvetica, sans-serif;
background:#FFF;
color:#000;
}

.container{
width:999px;
margin:0 auto;
padding:0;
}

.logo-und-navi {
float:left; 
width:200px;
}

.content {
width:749px;
margin:35px 0 0 0;
padding:15px 15px 15px 15px;
float:left;
background:url(../passermarken_oben.gif) no-repeat;
background-position:0 0;
}

.head {
background-color:#000;
color:#FFF;
height:18px;
padding:5px 10px 5px 10px;
}

.linkeSpalte {
float:left; 
width:458px;
}

p.bigText {
font:20px/1.4 Georgia, Times, "Times New Roman", serif;
}

h2 {
font:12px/1.6 Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
color:#fe4c00;
margin:0 0 18px 0;
}

h3 {
font:12px/1.6 Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
color:#000;
}

div.linkeSpalte ul {
margin:0 0 0 14px;
list-style-image:url(../list_style_image.gif)
}

.rechteSpalte {
float:left; 
width:265px; 
margin-left:25px;
}

.bildunterschrift {
background-color:#fe4c00;
margin:6px 0 12px 0;
padding:6px 6px 6px 6px;
}

.bildunterschrift p {
margin-bottom:0;
}

.footer {
width:749px;
margin:15px 0 0 -15px;
padding:35px 15px 15px 15px;
float:left;
background:url(../passermarken_unten.gif) no-repeat;
background-position:0 0;
}
/*
################### Nav ################### 
*/

#nav {
list-style:none;
margin-left:7px;
}

#nav li a {
color:#000;
}

#nav li.last a {
margin-right:0;
}

#nav li {
padding-left:25px;
}

#nav li.current {
background:url(../standanzeiger.gif) no-repeat;
background-position:17px 5px;
}

#nav li.current a {
font-weight:bold;
}

/*
################### Headings ################### 
*/

#logo{
width:155px;
height:56px;
background:url(../logo.gif) no-repeat;
margin:20px 0 20px 20px;
}

#logo span{
position:absolute;
left:-9999px;
top:-9999px;
}

#logo a{
display: block;
height:100%;
width:100%;
}


/*
################### Lists ################### 
*/


/*
################### Images ################### 
*/

img{
border:none;
}

/*
################### Links ################### 
*/

a{
color:#fe4c00;
}

a:hover, a:visited:hover{
color:#000;
text-decoration:underline;
}

a:visited{
color:#fe4c00;
}

/*
################### Forms ################### 
*/

/* --------- STANDARD FORM ---------- */

#std_form fieldset {
border:0;
margin:0;
padding:0 !important;
float:none;
display:block;
}

#std_form legend {
color:#000;
width:378px;
font-weight:bold; 
font-size:12px;
line-height:1.5em;
margin:0 0 0.5em 0;
padding:0;
}

#std_form legend.inactive {
border:0;
background-color:transparent;
font-weight:normal; 
}

#std_form div.container {
float:none;
clear:left;
margin: 1.25em 0 1.25em 0;
padding:0;
}

#std_form label,
#std_form div.label {
float:left;
text-align:left;
margin:0 6px 0 0;
padding:4px 0 0 0;
color:#000;
width:60px;
}

#std_form label.wide {
float:none;
width:378px;
margin:0.5em 0 1em 0;
}

#std_form input,
#std_form textarea,
#std_form select {
float:left;
width:220px;
margin:0;
padding:6px;
color:#000;
border:1px solid #e10075;
background-color:#fff;
font-family: Courier, Verdana, Arial, Sans-serif;
font-size:1.2em;
}

#std_form select {
width:226px !important;
}

#std_form .wide {
width:314px !important;
}

#std_form textarea.wide {
float:none;
width:314px;
margin:0.5em 0 0.5em 0;
}

#std_form select.wide {
width:314px !important;
}

#std_form div.input {
float:left;
width:220px;
margin:0;
padding:2px;
}

#std_form .readonly {
background-color:#E9E9E9;
color:#757575;
}

#std_form .inactive {
background-color:#E9E9E9;
color:#757575;
border:1px solid #989898;
}

#std_form .spacingTop {
margin:1.5em 0 0 0 !important;
}

#std_form .submit_button {
width:auto !important;
margin:0 0 0 54px;
}

#std_form .nomargin_submit_button {
width:auto !important;
margin:0;
}

#std_form .validation-failed {
float:left;
width:220px;
margin:0;
padding:6px;
border:0;
border:1px solid #ED1D32;
background-color:#FABBC1;
color:#000;
}
/*
DELETED - weil die Klasse trotz nicht validiertem Form input dem submit button zugewiesen wird...
#std_form .validation-passed {
float:left;
width:310px;
margin:0;
padding:2px;
border-bottom:1px solid #9BB4CC;
background:url(/cm21/media/upload/image/checksign.gif) top right no-repeat;
border:1px solid #00AA00;
background-color:#E1E8F0;
}
*/
#std_form .validation-advice {
clear:left;
float:left;
width:228px;
margin:0 0 0 66px;
padding:3px;
background-color:#ED1D32;
color:#FFF;
font-weight:bold;
}

.first-formfield {
margin-top:0 !important;
}
/*
################### Tables ################### 
*/
/*
################### Typography ################### 
*/

p{
margin-bottom:1.5em;
}

.aligncenter{
text-align: center;
}

.alignright{
text-align: right;
}

.alignleft{
text-align: left;
}

.marginright {
margin-right:16px;
}

.marginleft {
margin-left:20px;
}

.post p{
text-align: justify;
}

li.nomargin p{
margin:0;
}

blockquote{
padding:10px 40px;
background:#3c3028;
font-style: italic;
border:dotted #4e4138;
border-width:1px 0;
font-size:1.2em;
}

.pullquote{
float:right;
margin:10px 0 10px 10px;
background:url(images/pull.gif) transparent top left no-repeat;
border-width: 0;
color:#fff;
font-size:2em;
width:200px;
}

blockquote .author{
font-style: normal;
color:#9c9c9c;
font-size: 0.6em;
}

#twitter{
padding:0;
background:none;
border:none;
font-size:1em;
}

code{
font-size:1.2em;
font-family: monospace;
}

pre code{
background:#3c3028;
display:block;
clear:both;
padding:10px;
border:dotted #4e4138;
border-width:1px 0;
overflow:auto;
white-space: pre;
width:520px;
}

del{
text-decoration: line-through;
}

/*
################### Other ################### 
*/

.left{
float:left;
}

.right{
float:right;
}

hr{
border-top:1px solid #100c0a;
border-bottom:1px solid #5a3e0c;
border-width: 1px 0;
width:50%;
margin:40px auto;
}

.sep{
padding-top:2em;
border-top:solid 1px #363636;
clear:both;
}