/*******************************************************************************

	Project		:	Clashofrealities
	Copyright	:	Alex Etzold
*******************************************************************************/

/* PLEASE DO NOT CHANGE - PLEASE DO NOT CHANGE - PLEASE DO NOT CHANGE ANYTHING /////////////////////////////////////////////////////*/


/* ### SUCHE ################################################################# */


#suchbox {
	position:absolute;
	top:0px;
	left:795px;
        height:25px;
        width:236px;
        border: 0px;
}


#main-block  ul.sitemap

{
text-decoration:underline;
}

#main-block ul.sitemap li
{
font-size:small;
}

#main-content ul.sitemap li ul.sitemap
{
text-decoration:underline;
font-size:x-small;
padding-left:20px;
list-style-type:none;
}


input.search {
background:url(suchfeld.jpg) no-repeat;
border: 0px;
position:absolute;
left:0px;
width: 159px;
height:20px; 
padding-left: 5px;
padding-bottom:0px;
padding-top:5px;
font-family:verdana;
color: #8cc13d;
font-weight:bold;
 }



input.button{
background:url(los.jpg) no-repeat;
height:25px;
width:78px;
border: 0px;
position:absolute;

margin-left:158px;
 }




#searchresults
{
padding-top:10px;
margin-top: 20px;
margin-bottom:20px;
border-top: 1px dotted;
}

#searchresults a {
color:#8cc13d;
text-decoration:underline;
font-weight:bold;
}
#searchresults a:link {
color:#8cc13d;
text-decoration:underline;
font-weight:bold;
}

#searchresults a:hover {
color:#8cc13d;
text-decoration:underline;
font-weight:bold;
}

.li{
border-bottom: 1px dotted;
padding-top: 10px;
}

.treffer
{
font-family:Georgia;
font-size:1.3em;
color:#8cc13d;
}


#pagination
{
float:left;
display:block;
font-family:Georgia;
font-size:1.3em;
color:#8cc13d;
}
#pagination a
{
text-decoration:none;
}
#pagination a:link {
text-decoration:none;
}

#pagination a:hover {
text-decoration:none;
}

#pagination li 
{
margin-left:0px;
margin-right:-1px;
padding-left:6px;
padding-right:6px;
border-left:1px solid black;
border-right:1px solid black;
float:left;
display:block;
font-family:Georgia;
font-size:1.1em;
}

#suchbox2 {
        height:85px;
        width:530px;
        background:url(suche_2_hg.jpg) no-repeat;
}

#suchbox3 
{
        height:85px;
        width:530px;
        background:url(suche_3_hg.jpg) no-repeat;
}




input.xsearch 
{
background:url(suchfeld_2.jpg) no-repeat;
border: 0px;
position:absolute;
left:92px;
top:68px;
width: 355px;
height:20px; 
padding-left: 5px;
padding-bottom:0px;
padding-top:5px;
font-family:georgia;
color: black;
font-weight:bold;
 }



input.submit
{
background:url(los.jpg) no-repeat;
height:25px;
width:46px;
border: 0px;
position:absolute;
right:37px;
top: 58px;
 }

input.submit3{
background:url(los.jpg) no-repeat;
height:25px;
width:46px;
border: 0px;
position:absolute;
right:37px;
top: 68px;
 }





/* ### Header ############################################################### */



#column{
        height:188px;
        width:1030px;
}




#header {
	color: #c4c4c4;
        background:url(header_deutsch.jpg) no-repeat;
        height:163px;
        width:1030px;
}

#header_eng {
	color: #c4c4c4;
        background:url(header_en.jpg) no-repeat;
        height:163px;
        width:1030px;
}

#header_eng h1 a {
        display:block;
        height:60px;
        left:810px;
        position:absolute;
        text-indent:-9999px;
        top:25px;
        width:200px;
}

#header h1 a {
        display:block;
        height:60px;
        left:810px;
        position:absolute;
        text-indent:-9999px;
        top:25px;
        width:200px;
}

#header_eng h2 a {

display:block;
height:110px;
left:90px;
position:absolute;
text-indent:-9999px;
top:55px;
width:270px;
}

#header h2 a {

display:block;
height:110px;
left:90px;
position:absolute;
text-indent:-9999px;
top:55px;
width:270px;
}


/* ### Teaser ############################################################### */

#main-teaser {
	
}

/* ### Main-block Background ################################################# */
#player_hell
{
background-color:#eef5e5;
border-top:1px solid #7ab51d;
height:40px;
}

#audioplayer1
{
height:40px;
}

/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1.1em;
	padding-right: 0px;
	padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
	width:530px;
}

.formgen2 {
	font-size: 1.1em;
	padding-right: 0px;
	padding-left: 0px;
        padding-top: 50px;
        padding-bottom: 150px;
	background-image: url(contact_form.jpg);
        width:530px;
}





/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;
}

.formgen2 form
{
line-height : 120%;
}

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	height:30px;
        background-image:url(bottom.jpg);
	
}


 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 3px solid red;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
.formgen2 br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/



.anrede
{
border-bottom: 0px dotted #7bb620;
padding-left: 10px;
width: 90px;
margin-top:0px;
}

.anrede label {
	
	float: left;
	height: 20px;
	font-weight: bold;
	color: #7ab51b;
}


.auswahl
{
        padding-left: 120px;
        font-weight:normal;
        color:black;
        margin-top:-18px;
        width: 40px;
        margin-bottom:-15px;
}



#auswahl label {
	font-weight: normal;
	color: #000000;
}

.kontaktdaten
{
       clear: both;
       margin-top: 8px;
       padding-bottom: 0px;
       width: 530px;



}


.kontaktdaten label {
        padding-top: 10px;
        padding-bottom: 10px;
	width: 90px;
	clear: left;
	float: left;
        text-align: right;
	height: 8px;
	font-weight: bold;
	color: #7ab51b;
        margin-right:0px;
        margin-left:10px;
}



.beruf  {
        border-top: 1px dotted #7bb620;
        border-bottom: 1px dotted #7bb620;
        background-color:#eef5e3;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 530px;

        }


.beruf label {
	width: 80px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #7ab51b;
        text-align: right;
        margin-right:0px;
        margin-left:10px;
}




.teilnahme
{
	border-bottom: 0px dotted #7bb620;
        padding: 8px;
        width: 90px;
        clear:both;       
}


.bodydaten
{
border-top: 1px dotted #7bb620;
background-color:#eef5e3;
}

.headerform
{
width:530px;
background-image:url(header_green.jpg);
height:30px;
}

.datum
{
        width: 430px;
        margin-left: 125px;
        margin-top:-25px;
        display:block;
}



.datum label {
        display:block;
        clear: both;
	float: left;
	height: 20px;
	font-weight: normal;
	color: #000000;
        width: 310px;
}




/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{      
	width: 390px;
	height: 100px;
        margin-left:30px;
	border: 1px solid #7bb620;
	background-color: #ddebc7;
}
.formgen2 .formtextfield
{      
	width: 400px;
	height: 100px;
        margin-left:30px;
	border: 1px solid #7bb620;
	background-color: #ddebc7;

}


/* Textfeld */
.formgen .formtext
{
	width: 300px;
	margin-left:20px;
	margin-bottom: 10px;
	font-size: 1.1em;
	background-color: #ddebc7;
	border: 1px solid #7bb620;
        height: 20px;
        
}
.formgen2 .formtext
{
	width: 400px;
	margin-left:20px;
	padding-bottom: 0px;
	font-size: 1.1em;
	background-color: #ddebc7;
	border: 1px solid #7bb620;
        height: 20px;
}

/*
.formgen input:focus, 
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #7AB51D;
	background-color: #DDEBC7;	
}
.formgen input:hover
{background-color: #7AB51D;}
*/

/* Label */

.formhinweis {
	font-weight: bold;
	color: #7ab51b;
        margin-top: 10px;
        text-align: right;
}

/* Aussehen der Select-Ausgabe */

.formgen .formselect
{
	width: 120px;
	background-color: #ddebc7;
	margin-left: 0px;
	color: #000000;
        margin-bottom:10px;
}
.formgen2 .formselect
{
	width: 100px;
	background-color: #ddebc7;
	margin-left: 0px;
	color: #000000;
        margin-bottom:10px;
}



/* Aussehen der RadioButton-Ausgabe */


/* Sende-Button */
.formgen .formsubmit
{
	background-color: #7ab51d;
	border: 0px solid;
	float: right;
	color: #f7faf1;
        margin-right: 18px; 
        font-weight:bold;
        height:18px;
        margin-top:6px;
        margin-bottom:6px;
}
.file input
{
	background-color: #ddebc7;
        padding-top:10px;
	border: 1px solid #7bb620;
        color: #7AB51B;
        width:300px;
        border:0px;
}
.file 
{
	 
        border-bottom: 1px dotted #7bb620;
        background-color:#eef5e3;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 500px;
	color: #7AB51B;
        font-weight:bold;
        padding-right:30px;
        }

.file label
{margin-left:20px;}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: red;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #7bb419;
}

.formgen .formheadline {
        font-size:small;
	color: #000000;
	padding-top: 8px;
        padding-left:10px;
        font-weight:bold;
	
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */